Module_Tracker/index.html at main · andySaikou/Module_Tracker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Imperial CS Tracker</title>
  <link rel="stylesheet" href="styles.css" type="text/css">
  <script src="script.js"></script>
  <script src="data.js"></script>
</head>
<body>
  <div class="top">
    <h1 class="topText">Imperial CS Tracker</h1>
    <img src="github.png" class="topImg" onclick="window.open('https://github.com/Mewtwo2387/tracker')">
  </div>

  <div class="tabs">
    <button class="tablinks" onclick="switchCourse('year1')" id="year1">Computing Year 1</button>
    <button class="tablinks" onclick="switchCourse('year2')" id="year2">Computing Year 2</button>
    <button class="tablinks" onclick="switchCourse('year3')" id="year3">Computing Year 3</button>
    <button class="tablinks" onclick="switchCourse('year4')" id="year4">Computing Year 4</button>
  </div>

  <div id="main">
    <div id="notice" style="margin-left: 5%;margin-right: 5%;border-radius: 5px;width: 90%;background-color: rgba(204,136,255,0.3);padding: 10px; display:none;">
      <h2>Notice</h2>
      <b>The max scores have been updated to match Scientia. Make sure to update your inputs.</b>
      <br><br>
      <button onclick="document.getElementById('notice').style.display='none'">Close</button>
    </div>
    <div style="padding-left:5%;padding-right:5%;width:90%;">
      <h1 id="avggrade"></h1>
      <h2 id="totalpercent"></h2>
      <div class="progress-bar"><div class="progress-bar-inner" id="totalpercentbar"></div></div>
      <h2 id="totalcompletepercent"></h2>
      <div class="progress-bar"><div class="progress-bar-inner" id="totalcompletepercentbar"></div></div>
    </div>
    <br>
    <table id="table"></table>
  </div>
</body>
</html>