Move Retro Fonts toggle to navbar

This commit is contained in:
Adam Iannazzone 2024-10-21 08:51:40 -04:00
parent e26c650a80
commit 80f5a71386

View file

@ -41,7 +41,7 @@
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <div class="collapse navbar-collapse justify-content-between" id="navbarNavDropdown">
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="#features">Features</a> <a class="nav-link" href="#features">Features</a>
@ -145,6 +145,11 @@
</ul> </ul>
</li> </li>
</ul> </ul>
<span class="navbar-text form-check form-switch">
<input class="form-check-input" id="pixel-font-switch" type="checkbox" role="switch"
id="reduceMotionSwitch" checked onchange="pixelFontToggle()">
<label class="form-check-label" for="reduceMotionSwitch">Retro Fonts</label>
</span>
</div> </div>
</div> </div>
</nav> </nav>
@ -405,15 +410,15 @@
<footer class="container-fluid pt-2 pb-2"> <footer class="container-fluid pt-2 pb-2">
<div class="row justify-content-between"> <div class="row justify-content-between">
<div class="col"> <div class="col">
<div> <div class="text-center">
Created by <a target="_blank" rel="noopener noreferrer" href="https://github.com/jiannazzone">Adam Created by <a target="_blank" rel="noopener noreferrer" href="https://github.com/jiannazzone">Adam
Iannazzone</a> and the RetroDECK team. Iannazzone</a> and the RetroDECK team.
</div> </div>
<div class="form-check form-switch"> <!-- <div class="form-check form-switch">
<input class="form-check-input" id="pixel-font-switch" type="checkbox" role="switch" <input class="form-check-input" id="pixel-font-switch" type="checkbox" role="switch"
id="reduceMotionSwitch" checked onchange="pixelFontToggle()"> id="reduceMotionSwitch" checked onchange="pixelFontToggle()">
<label class="form-check-label" for="reduceMotionSwitch">Retro Fonts</label> <label class="form-check-label" for="reduceMotionSwitch">Retro Fonts</label>
</div> </div> -->
</div> </div>
</div> </div>
</footer> </footer>