more

2023-04-21 00:13:03 -05:00
parent 752ce96376
commit 8ebdf7bc3b
3 changed files with 9 additions and 5 deletions
--- a/index.html
+++ b/index.html
@@ -27,12 +27,13 @@
 <body>
  <div class="bg"></div>
  <div class="bg-text">
-    <p>In lecture one day I noticed the other sites were using outdated data sets from <2020, so I made my own. Enjoy!</p>
+    <p>Noticed other grade sites used outdated data, so I made my own. Enjoy!</p>
    <p>
      Keep course names as close to the
      <a href="https://registrar.utexas.edu/schedules">official course name</a>
      as possible
    </p>
+    <br>
    <form action="">
    
      <!-- Data is separated into course number, course prefi;x, and course name-->
@@ -45,7 +46,8 @@
      <label for="courseInstructor">Instructor (Optional)</label>
      <input type="text" id="courseInstructor" name="fname"><br><br>
      <button type="button" id="subBut">Submit</button><br><br>
-    
+      
+      <!-- Dropdown menu for semester selection -->
      <form>
        <label for="dropdown">Semester (work in progress):</label>
        <select id="dropdown" name="dropdown">
@@ -56,7 +58,7 @@
        <br><br>
      </form>
    </form>
-    <div id="grades" value="invisible">
+    <div id="grades" value="invisible" class="center" style="width:800px; margin:0 auto;">
      <!--Bar graph stuff-->
      <canvas id="gradeBar" style="width:100%;max-width:700px"></canvas>
    </div>
--- a/main.css
+++ b/main.css
@@ -5,7 +5,7 @@
 body {
    font-family: 'Helvetica Neue', sans-serif;
    background: rgb(27,26,42);
-    background: linear-gradient(90deg, rgba(27,26,42,1) 0%, rgba(61,87,92,1) 100%);
+    background: linear-gradient(90deg, rgba(61,87,92,1) 0%, rgb(69, 68, 84) 100%);
  }
  
  a {
--- a/main.js
+++ b/main.js
@@ -103,7 +103,9 @@ function loadChart(gradeDist) {
        datasets: [{
            label: 'Grade Distribution',
            data: Object.values(gradeDist),
-            borderWidth: 1
+            borderWidth: 1,
+            // borderColor: '#36A2EB',
+            backgroundColor: '#9BD0F5',
        }]
        },
        options: {