wip
This commit is contained in:
@ -1,25 +1,25 @@
|
||||
<div class="container mt-auto">
|
||||
<footer class="pt-4">
|
||||
<!-- Footer Toggle Button (Visible on Small Screens) -->
|
||||
<div class="text-center border-top context-main-border">
|
||||
<div class="container mt-auto border-top context-main-border">
|
||||
<footer class="pt-2">
|
||||
<div class="d-lg-block collapse" id="footerMenu">
|
||||
<div class="d-flex justify-content-between align-items-center py-2 my-2">
|
||||
<a href="/" class="text-decoration-none lh-1">
|
||||
<img src="/images/logo.png" class="bi me-2" width="40" height="32" alt="Joey Kimsey Logo">
|
||||
</a>
|
||||
<div class="d-flex align-items-center">
|
||||
{SHARE_IMAGE}
|
||||
</div>
|
||||
<div class="material-switch">
|
||||
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
|
||||
<label for="dark-mode-toggle" class="label-default"></label>
|
||||
</div>
|
||||
{SOCIAL}
|
||||
</div>
|
||||
{COPY}
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<button class="d-md-none my-3 btn btn-lg context-main context-main-border" type="button" data-bs-toggle="collapse" data-bs-target="#footerMenu" aria-controls="footerMenu" aria-expanded="false" aria-label="Toggle footer navigation">
|
||||
<i class="fa fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Collapsible Footer Content -->
|
||||
<div class="collapse d-md-block my-4" id="footerMenu">
|
||||
<div class="row">
|
||||
{FOOTER_LEFT}
|
||||
{FOOTER_CENTER}
|
||||
{FOOTER_RIGHT}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Copy & Social (Always Visible) -->
|
||||
<div class="d-flex flex-column flex-md-row justify-content-md-between py-3 border-top context-main-border">
|
||||
{COPY}
|
||||
{SOCIAL}
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
@ -1,3 +1,3 @@
|
||||
<div class="d-flex justify-content-center justify-content-md-start text-center text-md-start">
|
||||
<div class="d-flex justify-content-center mb-2 text-center text-md-start">
|
||||
<span>© 2025 {SITENAME}, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a></span>
|
||||
</div>
|
@ -1,5 +1,4 @@
|
||||
<div class="col-12 col-sm-6 col-md-3 col-lg-2 mb-3 text-center">
|
||||
{SHARE_IMAGE}
|
||||
<h5>Dark Mode</h5>
|
||||
<div class="material-switch px-4 mt-2">
|
||||
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" class="form-check-input">
|
||||
|
@ -1,6 +1,5 @@
|
||||
<div class="text-center mb-3">
|
||||
<h5 class="mb-3">Share</h5>
|
||||
<div class="px-4 mt-2">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div class="px-4">
|
||||
<!-- Share Button (visible only on medium+ screens) -->
|
||||
<button type="button" class="btn btn-outline-primary"
|
||||
data-bs-toggle="popover" data-bs-html="true" title="Share" data-bs-placement="top"
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="d-flex justify-content-center justify-content-md-end mt-3 mt-md-0">
|
||||
|
||||
<ul class="list-unstyled d-flex mb-0">
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}fb">
|
||||
@ -15,15 +15,9 @@
|
||||
<span class="fa-brands fa-fw fa-linkedin"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}youtube">
|
||||
<span class="fa-brands fa-fw fa-youtube"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="ms-3">
|
||||
<a class="context-main" href="{ROOT_URL}git">
|
||||
<span class="fa-brands fa-fw fa-github"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
Reference in New Issue
Block a user