JavaScript30/index.html at master · Huiclaire/JavaScript30 · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="author" content="Claire Lin">
    <title>JavaScript30 by Claire Lin</title>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
    <header>
    <h1>JavaScript 30</h1>
      <div>This is a JavaScript practice with <a href="https://javascript30.com/">JavaScript30</a> by <a href="https://github.com/wesbos">Wes Bos</a> without any frameworks, no compilers, no boilerplate, no libraries, and with ES6 syntax.</div>
      <div class="note">demot site by <a href="https://github.com/huiclaire">Claire Lin</a>...view on <a href="https://github.com/Huiclaire/JavaScript30">github</a></div>
    </header>
    <div class="items">
      <div class="item">
        <a href="01-JavaScript_Drum_Kit/index-Claire.html" rel="nofollow" target="_blank">
          <img src="01-JavaScript_Drum_Kit/images/js30-day1.png" alt="JS Drum Kit">
          <h3>01. JS Drum Kit</h3>
        </a>
      </div>
      <div class="item">
        <a href="02-JS_and_CSS_Clock/index-Claire.html" rel="nofollow" target="_blank">
          <img src="02-JS_and_CSS_Clock/images/js30-day2.png" alt="JS + CSS Clock">
          <h3>02. JS + CSS Clock</h3>
        </a>
      </div>
      <div class="item">
        <a href="03-CSS_Variables/index-Claire.html" rel="nofollow" target="_blank">
          <img src="03-CSS_Variables/image/js30-day3.png" alt="CSS Variables and JS">
          <h3>03. CSS Variables and JS</h3>
        </a>
      </div>
      <div class="item">
        <a href="04-Array_Cardio_Day_1/index-Claire.html" rel="nofollow" target="_blank">
          <img src="04-Array_Cardio_Day_1/image/js30-day4.png" alt="Array cardio day 1">
          <h3>04. Array cardio day 1</h3>
        </a>
      </div>
      <div class="item">
        <a href="05-Flex_Panel_Gallery/index-Claire.html" rel="nofollow" target="_blank">
          <img src="05-Flex_Panel_Gallery/images/js30-day5.png" alt="Flex Panels Image Gallery">
          <h3>05. Flex Panels Image Gallery</h3>
        </a>
      </div>
      <div class="item">
        <a href="06-Type_Ahead/index-Claire.html" rel="nofollow" target="_blank">
          <img src="06-Type_Ahead/images/ja30-day6.png" alt="Ajax Type Ahead">
          <h3>06. Ajax Type Ahead</h3>
        </a>
      </div>
      <div class="item">
        <a href="07-Array_Cardio_Day_2/index-Claire.html" rel="nofollow" target="_blank">
          <img src="07-Array_Cardio_Day_2/images/ja30-day7.png" alt="Array Cardio Day 2">
          <h3>07. Array Cardio Day 2</h3>
        </a>
      </div>
      <div class="item">
        <a href="08-Fun_with_HTML5_Canvas/index-Claire.html" rel="nofollow" target="_blank">
          <img src="08-Fun_with_HTML5_Canvas/images/js30-day8.png" alt="Have Fun with HTML5 Canvas">
          <h3>08. Fun with HTML5 Canvas</h3>
        </a>
      </div>
      <div class="item">
        <a href="09-Dev_Tools_Domination/index-Claire.html" rel="nofollow" target="_blank">
          <img src="09-Dev_Tools_Domination/images/js30-day9.png" alt="Dev Tools Domination">
          <h3>09. 14 Must Know Dev Tools Tricks</h3>
        </a>
      </div>
      <div class="item">
        <a href="10-Hold_Shift_and_Check_Checkboxes/index-Claire.html" rel="nofollow" target="_blank">
          <img src="10-Hold_Shift_and_Check_Checkboxes/images/js30-day10.png" alt="Hold Shift and Check Checkboxes">
          <h3>10. Hold Shift and Check Checkboxes</h3>
        </a>
      </div>
      <div class="item">
        <a href="11-Custom_Video_Player/index.html" rel="nofollow" target="_blank">
          <img src="11-Custom_Video_Player/images/js30-day11.png" alt="Custom Video Player">
          <h3>11. Custom Video Player</h3>
        </a>
      </div>
    </div>
  </body>
</html>