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

Progress

Browse Source
This commit is contained in:
HW Computer
2023-04-29 15:34:40 -05:00
parent 5e6490ad57
commit e006e38cb8
3 changed files with 10 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@@ -22,8 +22,7 @@
</head> </head>
<body> <body>
<div class="bg"></div> <div class="about-text" value="">
<div class="bg-text" value="">
<h1>About</h1> <h1>About</h1>
<p> <p>
This is a database tool to assist students of the University of Texas - Austin in the biannual race for This is a database tool to assist students of the University of Texas - Austin in the biannual race for

33
main.css
View File

@@ -10,53 +10,37 @@ a {
} }
main { main {
padding: 20px padding: 10%
} }
h1 { h1 {
font-size: 2vw; font-size: 1rem;
margin: 0 0 20px 0 margin: 0 0 1vw 0
} }
p { p {
font-size: 1vw; font-size: 1vw;
line-height: 1.5; line-height: 1.5;
margin: 0 0 20px 0 margin: 0 0 1vw 0
} }
footer { footer {
background-color: #2e2d2d; background-color: #2e2d2d;
color: #fff; color: #fff;
padding: 10px; padding: 1%;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
text-align: left; text-align: left;
font-size: 13px font-size: 1rem
}
footer p {
font-size: 18px;
margin: 0
} }
* { * {
box-sizing: border-box box-sizing: border-box
} }
.bg { .about-text {
background-image: url(tempbg.png);
filter: blur(8px);
-webkit-filter: blur(8px);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.bg-text {
background-color: #000;
background-color: rgba(0, 0, 0, .4); background-color: rgba(0, 0, 0, .4);
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;
@@ -68,12 +52,11 @@ footer p {
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 70%; width: 70%;
padding: 10px; padding: 1%;
text-align: center text-align: center
} }
.bg-form { .bg-form {
background-color: #000;
background-color: rgba(0, 0, 0, .4); background-color: rgba(0, 0, 0, .4);
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;

2
main.js
View File

@@ -1,7 +1,7 @@
const submitButton = document.getElementById('subBut'); const submitButton = document.getElementById('subBut');
submitButton.addEventListener("click", parseName); submitButton.addEventListener("click", parseName);
var chartDiv = document.querySelector('#grades'); var chartDiv = document.querySelector('#grades');
var aboutDiv = document.querySelector('.bg-text'); var aboutDiv = document.querySelector('.about-text');
if(chartDiv.getAttribute('value') == 'invisible'){ if(chartDiv.getAttribute('value') == 'invisible'){
chartDiv.style.display = 'none'; chartDiv.style.display = 'none';
} }