OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

feat: Update footer layout and branding with logo link and theme toggle button

Browse Source
This commit is contained in:
Matt Batchelder
2026-02-22 12:24:46 -05:00
parent 8a683c7c4a
commit dc607393de
2 changed files with 14 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
theme/assets/css/main.css
View File

@@ -3424,7 +3424,6 @@ p:last-child { margin-bottom: 0; }
width: auto !important; width: auto !important;
} }
.footer-company-name { display: flex; align-items: center; } .footer-company-name { display: flex; align-items: center; }
.footer-company-name .company-brand { font-size: 1.5rem; color: #fff; white-space: nowrap; }
.footer-tagline { font-size: .9rem; color: rgba(255,255,255,.5); margin-top: .75rem; margin-bottom: .5rem; } .footer-tagline { font-size: .9rem; color: rgba(255,255,255,.5); margin-top: .75rem; margin-bottom: .5rem; }
.footer-location { font-size: .8rem; color: rgba(255,255,255,.8); } .footer-location { font-size: .8rem; color: rgba(255,255,255,.8); }
.footer-location a { color: var(--color-primary); font-weight: 600; } .footer-location a { color: var(--color-primary); font-weight: 600; }
@@ -3449,13 +3448,21 @@ p:last-child { margin-bottom: 0; }
.footer-bottom { .footer-bottom {
padding-block: 1.5rem; padding-block: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
} }
.footer-bottom p { .footer-bottom p {
font-size: .8rem; font-size: .8rem;
color: rgba(255,255,255,.3); color: rgba(255,255,255,.3);
text-align: center; text-align: left;
margin: 0; margin: 0;
} }
.footer-bottom .theme-toggle {
margin-left: auto;
margin-bottom: 0;
}
/* ── 15a. FAQ Accordion ─────────────────────────────────────── */ /* ── 15a. FAQ Accordion ─────────────────────────────────────── */
.faq-list { .faq-list {

12
theme/blocks/index.php
View File

@@ -692,12 +692,6 @@ function oribi_render_site_header() {
] ); ] );
?> ?>
</nav> </nav>
<div class="header-cta">
<button id="theme-toggle" class="theme-toggle" aria-label="<?php esc_attr_e( 'Switch to dark mode', 'ots-theme' ); ?>">
<svg class="theme-toggle-icon sun-icon" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"/></svg>
<svg class="theme-toggle-icon moon-icon" viewBox="0 0 20 20" fill="currentColor"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"/></svg>
</button>
</div>
</div> </div>
</header> </header>
<?php return ob_get_clean(); <?php return ob_get_clean();
@@ -730,7 +724,7 @@ function oribi_render_site_footer() {
<div class="logo-text"><strong>Oribi</strong> Tech</div> <div class="logo-text"><strong>Oribi</strong> Tech</div>
<?php endif; ?> <?php endif; ?>
<div class="footer-company-name"> <div class="footer-company-name">
<div class="company-brand">OTS Signs</div> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo-text"><strong>OTS</strong> Signs</a>
</div> </div>
</div> </div>
<p class="footer-tagline">Digital signage solutions that communicate, engage, and grow your business.</p> <p class="footer-tagline">Digital signage solutions that communicate, engage, and grow your business.</p>
@@ -776,6 +770,10 @@ function oribi_render_site_footer() {
</div> </div>
<div class="footer-bottom"> <div class="footer-bottom">
<p>&copy; <?php echo esc_html( $year ); ?> Oribi Technology Services. All rights reserved.</p> <p>&copy; <?php echo esc_html( $year ); ?> Oribi Technology Services. All rights reserved.</p>
<button id="theme-toggle" class="theme-toggle" aria-label="<?php esc_attr_e( 'Switch to dark mode', 'ots-theme' ); ?>">
<svg class="theme-toggle-icon sun-icon" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"/></svg>
<svg class="theme-toggle-icon moon-icon" viewBox="0 0 20 20" fill="currentColor"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"/></svg>
</button>
</div> </div>
</div> </div>
</footer> </footer>