From e006e38cb843c6d2a6630ad4a9979c464aa0399e Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 15:34:40 -0500 Subject: [PATCH] Progress --- index.html | 3 +-- main.css | 33 ++++++++------------------------- main.js | 2 +- 3 files changed, 10 insertions(+), 28 deletions(-) diff --git a/index.html b/index.html index 8e4cb17..97362da 100644 --- a/index.html +++ b/index.html @@ -22,8 +22,7 @@ -
-
+

About

This is a database tool to assist students of the University of Texas - Austin in the biannual race for diff --git a/main.css b/main.css index fe97cff..ba9ea41 100644 --- a/main.css +++ b/main.css @@ -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; diff --git a/main.js b/main.js index 3bc92bf..a17a4fa 100644 --- a/main.js +++ b/main.js @@ -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'; }