feat: mah god after 1 long hour i have finally figured out how to stick that flexbox footer where it belongs

This commit is contained in:
2024-04-20 16:52:43 -05:00
parent 5b7a2b06bd
commit ec12a4829e
2 changed files with 73 additions and 33 deletions

View File

@@ -27,6 +27,13 @@
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Changelog</a></li>
</ul>
</nav>
<div class="wrapper">
<div class="about-text" value="">
<h1>About</h1>
@@ -89,21 +96,21 @@
<canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
</div>
</div>
<div class="footy">Created by Derek Chen
<!-- because VAPA lecture was a bit boring that day -->
<div>
<input type="checkbox" class="checkbox" id="colorToggle">
<label for="colorToggle" class="checkbox-label">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
<span class="ball"></span>
</label>
</div>
<iframe
src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
</iframe>
</div>
<div class="footy">Created by Derek Chen
<!-- because VAPA lecture was a bit boring that day -->
<div>
<input type="checkbox" class="checkbox" id="colorToggle">
<label for="colorToggle" class="checkbox-label">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
<span class="ball"></span>
</label>
</div>
<iframe
src="https://ghbtns.com/github-btn.html?user=Derec4&repo=ut-grade-distribution-viewer&type=star&count=true&size=large"
frameborder="0" scrolling="0" width="100" height="30" title="GitHub">
</iframe>
</div>
<script src='main.js'></script>
<script src='colorScheme.js'></script>