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>
</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>
<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>
</body>

12
docs/main.css
View File

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