project-github-tracker/code/index.html at main · amandatange/project-github-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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Project GitHub Tracker</title>
  <link rel="stylesheet" href="./style.css" />
  <!-- Link to font family Montserrat -->
  <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
      rel="stylesheet"
    />
</head>
<body>
  <header>
    <!-- the link to user's github to display from the start since it takes so long to load -->
    <section id='usr' class='usr-name-img-container'><h1><a href='https://github.com/amandatange'>@amandatange</a></h1></section>
  </header>

  <main id="projects" class='project-container'>

  </main>

<!-- Chart showing how many projects have been done out of the total 19 -->
  <section class="chart-container">
    <canvas id="chart" class='chart'></canvas>
  </section>

  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

  <script src="./chart.js"></script>
  <script src='./secret.js'></script>
  <script src="./script.js"></script>


</body>
</html>