webgl-programming/index.html at main · Alex4386-vault/webgl-programming · 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
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>WebGL Programming</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="m-0 p-0">
  <div class="w-screen h-screen flex flex-col items-center justify-center">
    <div class="bg-zinc-100 p-4 sm:px-8 sm:py-4 border shadow-md rounded-md gap-4">
      <div class="py-2">
        <h1 class="text-4xl font-bold text-center">WebGL Programming</h1>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-2 py-4">
          <a href="./week02_1/">Week 2 (Day 1)</a>
          <a href="./week02_2/">Week 2 (Day 2)</a>
          <a href="./week04_1/">Week 4 (Day 1)</a>
          <a href="./week04_2/">Week 4 (Day 2)</a>
          <a href="#" onclick="alert('no')">Week 5 (Day 1)</a>
          <a href="./week05_2/">Week 5 (Day 2)</a>
          <a href="#" onclick="alert('no')">Week 7 (Day 1)</a>
          <a href="./week07_2/">Week 7 (Day 2)</a>
          <a href="./week08_1/">Week 8 (Day 1)</a>
          <a href="./week08_2/">Week 8 (Day 2)</a>
          <a href="./week09_1/">Week 9 (Day 1)</a>
          <a href="./week09_2/">Week 9 (Day 2)</a>
          <a href="./week10_1/">Week 10 (Day 1)</a>
          <a href="./week10_2/">Week 10 (Day 2)</a>
        </div>
      </div>

      <div class="py-2">
        <h2 class="text-2xl font-semibold text-center">Assignments</h2>
        <div class="grid grid-cols-1 gap-1 sm:grid-cols-3 sm:gap-2 justify-between">
          <a href="./assignment_1/">Assignment 1</a>
          <a href="./threejs_demo/">Three.JS Demo</a>
          <a href="./assignment_2/">Assignment 2</a>
        </div>
      </div>
    </div>
  </div>

  <footer class="fixed bottom-0 z-10 p-2 text-sm text-zinc-300">
    Source code is available at <a class="text-blue-300" href="https://github.com/Alex4386/webgl-programming">GitHub Repository</a>
  </footer>

</body>
</html>