update to bootstrap 5.2.3 continued

This commit is contained in:
Joey Kimsey
2024-12-10 01:46:00 -05:00
parent b3018de907
commit f3f323d30f
23 changed files with 279 additions and 155 deletions

View File

@ -1,9 +1,8 @@
<div class="col-lg-6 text-center">
<div class="social">
<i><a href="{ROOT_URL}fb"><span class="fa fa-facebook"></span></a></i>
<i><a href="{ROOT_URL}twitter"><span class="fa fa-twitter"></span></a></i>
<i><a href="{ROOT_URL}in"><span class="fa fa-linkedin"></span></a></i>
<i><a href="{ROOT_URL}youtube"><span class="fa fa-youtube"></span></a></i>
<i><a href="{ROOT_URL}git"><span class="fa fa-github"></span></a></i>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>More Info</h5>
<ul class="nav flex-column">
{LOOP}
<li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
{/LOOP}
</ul>
</div>

View File

@ -1,27 +1,15 @@
<div class="footer-head" id="footer-head">
<div class="container custom-expand">
<!-- Collapsible Footer Toggle Button -->
<div class="col-12 text-center">
<button
class="d-lg-none"
type="button"
data-bs-toggle="collapse"
data-bs-target="#footer"
aria-controls="footer"
aria-expanded="false"
aria-label="Toggle navigation">
<i class="fa fa-bars"></i> <!-- Font Awesome Icon -->
<span class="sr-only">Toggle navigation</span>
</button>
</div>
<!-- Collapsible Footer Content -->
<div id="footer" class="collapse d-lg-block">
<div class="row pt-3">
{FOOTER_LEFT}
{FOOTER_CENTER}
{FOOTER_RIGHT}
</div>
</div>
</div>
</div>
<div class="container border-top mt-4">
<footer class="py-5">
<div class="row">
{FOOTER_LEFT}
{FOOTER_CENTER}
{FOOTER_RIGHT}
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
{COPY}
{SOCIAL}
</div>
</footer>
</div>

View File

@ -0,0 +1 @@
<p>© 2024 AllTheBookmarks, Powered by <a href="https://thetempusproject.com" class="text-decoration-none">The Tempus Project</a>.</p>

View File

@ -1,7 +1,8 @@
<div class="col-lg-3 text-center">
<h3> Contact </h3>
<ul>
{FOOTER_LINKS}
<div class="col-6 col-md-2 mb-3">
<h5>Contact Us</h5>
<ul class="nav flex-column">
{LOOP}
<li class="nav-item mb-2"><a href="{url}" class="nav-link p-0 text-muted">{text}</a></li>
{/LOOP}
</ul>
</div>

View File

@ -1,19 +1,6 @@
<div class="col-lg-3 text-center">
<h3>Information</h3>
<ul>
<li>
<a href="{ROOT_URL}about">About Us</a>
</li>
<li>
<a href="{ROOT_URL}contact">Contact Us</a>
</li>
<li>
<a href="{ROOT_URL}privacy">Privacy Policy</a>
</li>
</ul>
<div class="material-switch" style="margin-top: 25px; margin-bottom: 25px;">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle"/>
<div class="col-6 col-md-2 mb-3 d-flex">
<div class="material-switch mt-5 mx-auto">
<input name="dark-mode-toggle" type="checkbox" id="dark-mode-toggle" />
<label for="dark-mode-toggle" class="label-default"></label>
</div>
</div>

View File

@ -0,0 +1,27 @@
<ul class="list-unstyled d-flex">
<li class="ms-3">
<a class="link-dark" href="{ROOT_URL}fb">
<span class="fa-brands fa-fw fa-facebook"></span>
</a>
</li>
<li class="ms-3">
<a class="link-dark" href="{ROOT_URL}twitter">
<span class="fa-brands fa-fw fa-twitter"></span>
</a>
</li>
<li class="ms-3">
<a class="link-dark" href="{ROOT_URL}in">
<span class="fa-brands fa-fw fa-linkedin"></span>
</a>
</li>
<li class="ms-3">
<a class="link-dark" href="{ROOT_URL}youtube">
<span class="fa-brands fa-fw fa-youtube"></span>
</a>
</li>
<li class="ms-3">
<a class="link-dark" href="{ROOT_URL}git">
<span class="fa-brands fa-fw fa-github"></span>
</a>
</li>
</ul>

View File

@ -1,3 +1,5 @@
<ul class="navbar-nav">
{MENU_LINKS}
<ul class="nav col-12 col-lg-auto mb-2 justify-content-center mb-md-0 mx-auto">
{LOOP}
<li><a href="{url}" class="nav-link px-2 text-white">{text}</a></li>
{/LOOP}
</ul>

View File

@ -1,21 +1,20 @@
<li class="dropdown nav-item">
<div class="dropdown nav-item mx-2">
<a
href="#"
class="nav-link dropdown-toggle"
class="d-block dropdown-toggle nav-link"
id="userDropdown"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
{USERNAME}<i class="fa fa-user pl-2"></i>
<span class="mr-3">{USERNAME}</span> <i class="fa fa-user"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
<li><a href="{ROOT_URL}usercp"><i class="fa fa-fw fa-user"></i> Profile</a></li>
<ul class="dropdown-menu text-small" aria-labelledby="userDropdown">
<li><a href="{ROOT_URL}usercp" class="dropdown-item"><i class="fa fa-fw fa-user"></i> Profile</a></li>
{topNavRightDropdown}
<li><a href="{ROOT_URL}usercp/settings"><i class="fa fa-fw fa-gear"></i> Settings</a></li>
<div class="dropdown-divider"></div>
<li><a href="{ROOT_URL}usercp/settings" class="dropdown-item"><i class="fa fa-fw fa-gear"></i> Settings</a></li>
<li><hr class="dropdown-divider"></li>
<li>
<a href="{ROOT_URL}home/logout"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
<a href="{ROOT_URL}home/logout" class="dropdown-item"><i class="fa fa-fw fa-power-off"></i> Log Out</a>
</li>
</ul>
</li>
</div>