From e006e38cb843c6d2a6630ad4a9979c464aa0399e Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 15:34:40 -0500 Subject: [PATCH 1/9] 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'; } From b87ed8a9c661018aeac2482fff13fe913de4656b Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 15:40:17 -0500 Subject: [PATCH 2/9] Ok deleting every single line of css we have and starting OVER --- main.css | 25 ++++--------------------- 1 file changed, 4 insertions(+), 21 deletions(-) diff --git a/main.css b/main.css index ba9ea41..055d0c4 100644 --- a/main.css +++ b/main.css @@ -14,14 +14,14 @@ main { } h1 { - font-size: 1rem; - margin: 0 0 1vw 0 + font-size: 2rem; + margin: 0 0 1rem 0 } p { - font-size: 1vw; + font-size: 1rem; line-height: 1.5; - margin: 0 0 1vw 0 + margin: 0 0 1rem 0 } footer { @@ -43,31 +43,14 @@ footer { .about-text { background-color: rgba(0, 0, 0, .4); color: #fff; - font-weight: 700; border: 3px solid #f1f1f1; - margin: 5px auto; - position: absolute; - font-size: small; - top: 15%; - left: 50%; - transform: translate(-50%, -50%); - width: 70%; - padding: 1%; text-align: center } .bg-form { background-color: rgba(0, 0, 0, .4); color: #fff; - font-weight: 700; border: 3px solid #f1f1f1; - margin: 5px auto; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: auto; - padding: 20px; text-align: center } From 534cb4263d7848fdeea2cf1dd391963ea0dc92eb Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 15:57:07 -0500 Subject: [PATCH 3/9] Rounded cornerssss --- index.html | 92 ++++++++++++++++++++++++++++-------------------------- main.css | 23 +++++++++++--- 2 files changed, 66 insertions(+), 49 deletions(-) diff --git a/index.html b/index.html index 97362da..9299e7f 100644 --- a/index.html +++ b/index.html @@ -22,52 +22,54 @@ -

-

About

-

- This is a database tool to assist students of the University of Texas - Austin in the biannual race for - Jazz Appr- I mean course registration process. -

-

- I noticed other grade sites used outdated data, so I made - my own. Enjoy! -

-
-
-

- Keep course names as close to the - official course name - as possible -

-
-
- - - -

- -

- -

- -

- - - - - -

+
+
+

About

+

+ This is a database tool to assist students of the University of Texas - Austin in the biannual race for + Jazz Appr- I mean course registration process. +

+

+ I noticed other grade sites used outdated data, so I made + my own. Enjoy! +

+
+
+

+ Keep course names as close to the + official course name + as possible +

+
+ + + + +

+ +

+ +

+ +

+ + + + + +

+ - -
- - +
+ + +
Created by Derek Chen diff --git a/main.css b/main.css index 055d0c4..b63c0d0 100644 --- a/main.css +++ b/main.css @@ -1,7 +1,7 @@ body { font-family: 'Helvetica Neue', sans-serif; background: #1b1a2a; - background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%) + background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0, #454454 100%); } a { @@ -40,23 +40,38 @@ footer { box-sizing: border-box } +.wrapper { + display: grid; + gap: 2vw; + grid-auto-rows: minmax(100px, auto); + +} + .about-text { background-color: rgba(0, 0, 0, .4); color: #fff; border: 3px solid #f1f1f1; - text-align: center + text-align: center; + grid-column: 1; + grid-row: 1; + border-radius: 10px; + } .bg-form { background-color: rgba(0, 0, 0, .4); color: #fff; border: 3px solid #f1f1f1; - text-align: center + text-align: center; + grid-column: 1; + grid-row: 2; + border-radius: 10px; + } .chart-container { position: relative; margin: auto; height: 80vh; - width: 80vw + width: 80vw; } \ No newline at end of file From f587a0aa6874cd68d45ebaf9060d13b62b7e562d Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 16:01:12 -0500 Subject: [PATCH 4/9] More --- main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.css b/main.css index b63c0d0..a2ac413 100644 --- a/main.css +++ b/main.css @@ -66,7 +66,7 @@ footer { grid-column: 1; grid-row: 2; border-radius: 10px; - + font-weight: 600; } .chart-container { From 8d7d01f0ded59b817e6736bacb281ceeaab66231 Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 16:02:45 -0500 Subject: [PATCH 5/9] For my ne;xt trick i'll make aboutDiv DISSAPEAR --- main.js | 1 + 1 file changed, 1 insertion(+) diff --git a/main.js b/main.js index a17a4fa..f7b719d 100644 --- a/main.js +++ b/main.js @@ -125,6 +125,7 @@ async function PapaParse(department, num, name, sem) { } else { loadChart(gradeDist, lableName); aboutDiv.style.visibility='hidden'; + aboutDiv.style.display='none'; chartDiv.style.display = ''; } } From dd15854ae79f84401da33af92c0696f7f39f6067 Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 16:24:30 -0500 Subject: [PATCH 6/9] Looking good --- main.css | 47 ++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 40 insertions(+), 7 deletions(-) diff --git a/main.css b/main.css index a2ac413..0d9e3d0 100644 --- a/main.css +++ b/main.css @@ -37,36 +37,38 @@ footer { } * { - box-sizing: border-box + box-sizing: border-box; } .wrapper { display: grid; gap: 2vw; grid-auto-rows: minmax(100px, auto); + text-align: center; + color: #fff; + /* background-color: rgba(0, 0, 0, .4); */ } .about-text { background-color: rgba(0, 0, 0, .4); - color: #fff; border: 3px solid #f1f1f1; - text-align: center; grid-column: 1; grid-row: 1; + width: 70%; + margin: 0 auto; border-radius: 10px; - } .bg-form { background-color: rgba(0, 0, 0, .4); - color: #fff; border: 3px solid #f1f1f1; - text-align: center; grid-column: 1; grid-row: 2; - border-radius: 10px; font-weight: 600; + width: 70%; + margin: 0 auto; + border-radius: 10px; } .chart-container { @@ -74,4 +76,35 @@ footer { margin: auto; height: 80vh; width: 80vw; +} + +/* Mobile */ +.bg-form { + padding: 14px; +} + +.about-text { + padding: 14px; +} + +/* Tablet */ +@media (min-width:600px) { + .bg-form { + padding: 20px; + } + + .about-text { + padding: 14px; + } +} + +/* Desktop */ +@media (min-width:900px) { + .bg-form { + padding: 24px; + } + + .about-text { + padding: 14px; + } } \ No newline at end of file From 8b907f6f971988bf6a1874c14ef4883fee829c30 Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 16:32:03 -0500 Subject: [PATCH 7/9] Star --- index.html | 3 +++ 1 file changed, 3 insertions(+) diff --git a/index.html b/index.html index 9299e7f..8599420 100644 --- a/index.html +++ b/index.html @@ -74,6 +74,9 @@
Created by Derek Chen +
From db92866bfe69b4ef8b9017a89192964fdab311a7 Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 16:37:31 -0500 Subject: [PATCH 8/9] Stuff --- index.html | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 8599420..baa5f61 100644 --- a/index.html +++ b/index.html @@ -74,9 +74,13 @@
Created by Derek Chen - +
From 0b8efb3d520dce0f28af58299c5aa12f4bf3054c Mon Sep 17 00:00:00 2001 From: HW Computer Date: Sat, 29 Apr 2023 16:42:09 -0500 Subject: [PATCH 9/9] REsponsive done :X)))) --- main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/main.css b/main.css index 0d9e3d0..b5280ba 100644 --- a/main.css +++ b/main.css @@ -66,7 +66,7 @@ footer { grid-column: 1; grid-row: 2; font-weight: 600; - width: 70%; + width: 50%; margin: 0 auto; border-radius: 10px; }