Progress

2023-04-29 15:34:40 -05:00
parent 5e6490ad57
commit e006e38cb8
3 changed files with 10 additions and 28 deletions
--- a/index.html
+++ b/index.html
@@ -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
--- 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;
--- 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';
 }