DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stuck our lovely footer at the bottom for good using the grid

Browse Source
This commit is contained in:
Derek Chen
2023-07-26 19:55:49 -05:00
parent 961c59fa41
commit 1380e1a369
2 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
docs/index.html
View File

@@ -83,17 +83,18 @@
<canvas id="gradeBar" style="width:100%;height:100%;"></canvas> <canvas id="gradeBar" style="width:100%;height:100%;"></canvas>
</div> </div>
</div> </div>
<footer>Created by Derek Chen
<!-- because VAPA lecture was a bit boring that day -->
<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="170" height="30" title="GitHub">
</iframe>
<!-- <iframe src="https://ghbtns.com/github-btn.html?user=DereC4&type=follow&count=true&size=large" frameborder="0"
scrolling="0" width="170" height="30" title="GitHub">
</iframe> -->
</footer>
</div> </div>
<footer>Created by Derek Chen
<!-- because VAPA lecture was a bit boring that day -->
<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="170" height="30" title="GitHub">
</iframe>
<!-- <iframe src="https://ghbtns.com/github-btn.html?user=DereC4&type=follow&count=true&size=large" frameborder="0"
scrolling="0" width="170" height="30" title="GitHub">
</iframe> -->
</footer>
<script src='main.js'></script> <script src='main.js'></script>
</body> </body>

12
docs/main.css
View File

@@ -5,21 +5,23 @@
--p-size: 10px; --p-size: 10px;
--label-size: 10px; --label-size: 10px;
--h1-size: 15px; --h1-size: 15px;
--background-gradient: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%);
--link-color: #2c82c9;
} }
body { body {
font-family: 'Helvetica Neue', sans-serif; font-family: 'Helvetica Neue', sans-serif;
background: #1b1a2a; background: #1b1a2a;
background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%); background: var(--background-gradient);
} }
a { a {
color: #2c82c9; color: var(--link-color);
text-decoration: none text-decoration: none;
} }
main { main {
padding: 10% padding: 10%;
} }
footer { footer {
@@ -31,7 +33,7 @@ footer {
left: 0; left: 0;
width: 100%; width: 100%;
text-align: left; text-align: left;
font-size: 1rem font-size: 1rem;
} }
* { * {