the-tempus-project/thetempusproject
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile updates

Browse Source
This commit is contained in:
Joey Kimsey
2025-02-04 05:10:00 -05:00
parent b670c977cf
commit ff36d27c38
16 changed files with 416 additions and 387 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/views/footer/container.html
View File

@ -1,29 +1,22 @@
<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="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}
</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}
</footer>
</div>

2
app/views/footer/copy.html
View File

@ -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>

47
app/views/footer/social.html
View File

@ -1,24 +1,23 @@
<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">
<span class="fa-brands fa-fw fa-facebook"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}twitter">
<span class="fa-brands fa-fw fa-twitter"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}in">
<span class="fa-brands fa-fw fa-linkedin"></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 class="list-unstyled d-flex mb-0">
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}fb">
<span class="fa-brands fa-fw fa-facebook"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}twitter">
<span class="fa-brands fa-fw fa-twitter"></span>
</a>
</li>
<li class="ms-3">
<a class="context-main" href="{ROOT_URL}in">
<span class="fa-brands fa-fw fa-linkedin"></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>