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>
<body>
<div class="bg"></div>
<div class="bg-text" value="">
<div class="about-text" value="">
<h1>About</h1>
<p>
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 {
padding: 20px
padding: 10%
}
h1 {
font-size: 2vw;
margin: 0 0 20px 0
font-size: 1rem;
margin: 0 0 1vw 0
}
p {
font-size: 1vw;
line-height: 1.5;
margin: 0 0 20px 0
margin: 0 0 1vw 0
}
footer {
background-color: #2e2d2d;
color: #fff;
padding: 10px;
padding: 1%;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: left;
font-size: 13px
}
footer p {
font-size: 18px;
margin: 0
font-size: 1rem
}
* {
box-sizing: border-box
}
.bg {
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;
.about-text {
background-color: rgba(0, 0, 0, .4);
color: #fff;
font-weight: 700;
@@ -68,12 +52,11 @@ footer p {
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
padding: 10px;
padding: 1%;
text-align: center
}
.bg-form {
background-color: #000;
background-color: rgba(0, 0, 0, .4);
color: #fff;
font-weight: 700;

2
main.js
View File

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