Keith SolomonandClaude Opus 4.7
e2f6270717
* docs: Add onboarding documentation for new developers Add four comprehensive guides to help new developers get started with the VDI-Starter-v5 WordPress theme: - docs/getting-started.md: Setup from zero, local WordPress options, env config, theme activation warnings, troubleshooting - docs/architecture.md: Bootstrap flow, 7 architectural layers, namespace conventions, WP hooks cleanup, enqueue system, theme.json - docs/creating-blocks.md: Step-by-step ACF block creation tutorial, helper functions, parent-child patterns, Tailwind integration - docs/reference.md: Hooks/filters tables, design tokens, CSS import tree, JS module graph, class reference, CLI commands, deployment Update README.md: trim deep-dive API docs (moved to reference), add documentation links section, fix CSS paths (views/styles/ → styles/), add missing contact-info block, fix deployment filename typo (wpengine,yml → wpengine.yml), add backToTop.js and enqEditorAssets(), add namespace conventions table. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com> * docs: language graph * docs: Update readme * 🔵 other: Rename project and publish * 🔵 other: Update .gitignore
47 lines
1.4 KiB
PHP
47 lines
1.4 KiB
PHP
<?php
|
|
/**
|
|
* Main Navigation - Toggle Button
|
|
*
|
|
* Please review documentation upon first use, and, as-needed:
|
|
* https://docs.vincentdevelopment.ca/docs/starter-v3-enhancements/navigation/
|
|
*/
|
|
|
|
namespace SoloFrameEvo;
|
|
|
|
// Init Variables
|
|
$navIcon = isset( get_field( 'header', 'option' )['nav_icon'] ) ? get_field( 'header', 'option' )['nav_icon'] : '';
|
|
|
|
// Generate toggle classes
|
|
$toggleClasses = array( 'nav-main__toggle' );
|
|
if ( $navIcon ) {
|
|
$toggleClasses[] = 'custom-icon';
|
|
}
|
|
?>
|
|
|
|
<button
|
|
id="navMainToggle"
|
|
aria-label="Menu"
|
|
aria-expanded="false"
|
|
class="<?php echo esc_attr( implode( ' ', $toggleClasses ) ); ?>"
|
|
>
|
|
<?php if ( $navIcon ) : ?>
|
|
<?php echo wp_get_attachment_image( $navIcon, 'full' ); ?>
|
|
<?php else : ?>
|
|
<!-- Hamburger Icon -->
|
|
<span class="nav-toggle-icon nav-toggle-hamburger">
|
|
<svg class="text-black fill-black" viewBox="0 0 100 80" width="40" height="40">
|
|
<rect y="0" width="100" height="15"></rect>
|
|
<rect y="30" width="100" height="15"></rect>
|
|
<rect y="60" width="100" height="15"></rect>
|
|
</svg>
|
|
</span>
|
|
<!-- X Icon -->
|
|
<span class="nav-toggle-icon nav-toggle-x">
|
|
<svg class="text-black fill-black" viewBox="0 0 100 80" width="40" height="40">
|
|
<line x1="20" y1="20" x2="80" y2="60" stroke="black" stroke-width="15" stroke-linecap="round" />
|
|
<line x1="80" y1="20" x2="20" y2="60" stroke="black" stroke-width="15" stroke-linecap="round" />
|
|
</svg>
|
|
</span>
|
|
<?php endif; ?>
|
|
</button>
|