codevember2017/day-22/index.html at fe17938849c791720c982dde136d09fdfdf3898f · ManzDev/codevember2017 · 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
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>#codevember - Day 22: Planet</title>


      <link rel="stylesheet" href="css/style.css">


</head>

<body>
  <div class="page">
  <div class="data">
    <h1>Planet</h1>
    <span>Express</span>
    <h2>#Codevember</h2>
    <a class="ghost" href="https://twitter.com/Manz" target="_blank">Code by Manz</a>
    <a class="ghost" href="https://soundcloud.com/plastiware/futurama-crapcom-mix" target="_blank">Music by Plastiware</a>
  </div>

  <div id="screen">

    <div id="chars">
      <svg class="fry" data-color="#ff6a00">
        <path d="m84.5 224c0.9-10 1.9-20 1.9-31 0-7-4.2-10-11.5-12-8-2-8.4-15-15.8-16-9.9-2-18.6-8-24-17-4.3-7-2.3-16-1.6-24 0.5-6 8.3-13-1.2-18-3.8-2-14.8-5-6.7-9.4 4.5-2.7 19-4.4 13.5-9.9-3.8-3.8-5.6-15.9 2.9-12.2 5 2.2 8.6 10.2 15.1 2.8 7.1-8.1 17.8-11.9 28-14.3 7.8-1.8 15.9-1.9 23.9 0.6 4 1.2 8 5 9-2.2 1-7-5-13.2-3-20 1-3.4-6-13.8 0-8.7 10 8.4 19 17.8 27 28.8 2 2.9 5 10.2 4 2.1-1-6.4 0-12.7-2-19.1-1-2.9-5-10.3-4-9.4 5 6.2 11 11.3 15 18.6 3 5.8 10 8.6 13 15.1 5 9.3 9 22.4 3 32.2-3 5-14 0-15 6-1 7 9 11 9 17 0 4 8 3 10 9s3 13-3 17c-3 2-8 7 0 7 9 0-5 9-1 15 5 8 17 12 18 21 1 7-9 9-14 9-4 0-2 3-11 5-8 2-13 10-19 16s-12 13-12 22"/>
      </svg>
      <svg class="bender">
        <path d="M67 238c16 7 34 7 51 7 13 1 25 0 37-7 11-6 6-20 7-31 2-20 3-40 1-60-1-14 3-29 0-43-2-12-7-25-22-28s-15-20-17-32c-2-9-4-13 1-23 5-11-11-19-15-7-3 10 4 11 3 24-2 12 3 29-12 34-12 4-26 5-34 17-7 10 4 28-6 36s-23 9-33 17c-9 7-9 18-6 28 3 13 21 10 30 16 6 4-3 16 9 15 11-1 16 17 8 24-4 3-2 9-2 13z"/>
      </svg>
      <svg class="leela">
        <path d="M265 240c1-13 0-24 10-34 7-7 32 5 30-18-1-8-9-28 8-23 12 4 9 1 6-10-4-15-1-30 3-44 5-18 5-40-10-49-16-9 17 2 4-8-9-7-21-18-31-14-14 7 12-6-5-6s-32 5-49 12c-12 4-29 31-31 11-2-19-24-13-35-22-6-5-18-6-27-8-14-3-28 3-42 7l-8 3c-15 7-27 20-36 35-3 6 28-15 25-9-9 12-18 25-20 40-4 20-1 41 1 62 1 17 5 38-7 51a59 59 0 0 1-34 20c-13 3 13 18 20 17 15-4 33 8 45 0 16-10 37-8 45-30 5-16 8-35 4-52-4-16-3-31-2-47 0-19 18-27 28-42 7-12 40-6 26 7-10 9-20 28-10 39 9 9 27 37 27 30v11m0 0c1 13 8 1 15 15 7 13 10 37-1 46s18 14 26 13c8 0 18 2 25-3"/>
      </svg>
      <svg class="zoidberg">
        <path d="M155 212c0-12 4-24 10-35 6-10 8-20 12-30 4-11 10-20 16-30 7-11 11-22 12-34 1-22-13-40-31-52a73 73 0 0 0-68-3c-12 5-28 10-33 21S55 62 46 68c-7 6 0 18-4 20-11 9-2 23-2 38 0 7 1 17-10 22-12 5-14 17-18 28-5 13-8 30 3 38 7 5 18-5 15 2-4 11 14 6 13 8-4 12 2 15 14 19 13 4 26-1 40 2 13 2 25-3 38-6 12-2 18-16 20-27z"/>
      </svg>
      <svg class="amy">
        <path d="M184 195c6-2 14-3 13-15-1-10 12-6 16-17 4-10 20-5 11-19-3-6-21-15-3-14 14 1 21 20 35 5 8-8 31-24 21-31-10-6-38-19-29-22 12-5 40 12 37 6-6-12 2-32-13-38-13-6-28-7-42-12-17-6-35-4-52-5-15-1-27 8-41 12-16 5-27-7-42-8s-30-1-45 4c-16 4-28 14-39 26-6 7 17 0 22 1 6 1 31-2 13 2-13 2-31 13-27 27 3 10-3 29 8 32 13 4 37-27 34-15-2 13 13 22 3 29s8 15 4 25l-10 26c-3 11 12 19 22 18 14-1 28 7 36 20 5 9-7 12 11 19 14 4 25 2 38-5 9-6 14-1 16-14s-1-25 3-37z"/>
      </svg>
    </div>

    <div class="ship"></div>
  </div>

</div>

<audio autoplay>
  <source src="https://cdn.jsdelivr.net/gh/ManzDev/codevember2017/assets/futurama-by-plastiware.mp3">
  <source src="https://cdn.jsdelivr.net/gh/ManzDev/codevember2017/assets/futurama-by-plastiware.ogg">
</audio>

    <script  src="js/index.js"></script>

</body>
</html>