codevember2017/day-28/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
58
59
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>#codevember - Day 28: Pen</title>


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


</head>

<body>
  <div class="codepen">
  <div class="body">
    <div class="top">
      <div>
        <div class="logo">
          <svg id="codepen-box" viewBox="0 0 100 100" width="100%" height="100%"><path d="M100 34.2c-.4-2.6-3.3-4-5.3-5.3-3.6-2.4-7.1-4.7-10.7-7.1-8.5-5.7-17.1-11.4-25.6-17.1-2-1.3-4-2.7-6-4-1.4-1-3.3-1-4.8 0-5.7 3.8-11.5 7.7-17.2 11.5L5.2 29C3 30.4.1 31.8 0 34.8c-.1 3.3 0 6.7 0 10v16c0 2.9-.6 6.3 2.1 8.1 6.4 4.4 12.9 8.6 19.4 12.9 8 5.3 16 10.7 24 16 2.2 1.5 4.4 3.1 7.1 1.3 2.3-1.5 4.5-3 6.8-4.5 8.9-5.9 17.8-11.9 26.7-17.8l9.9-6.6c.6-.4 1.3-.8 1.9-1.3 1.4-1 2-2.4 2-4.1V37.3c.1-1.1.2-2.1.1-3.1 0-.1 0 .2 0 0zM54.3 12.3L88 34.8 73 44.9 54.3 32.4V12.3zm-8.6 0v20L27.1 44.8 12 34.8l33.7-22.5zM8.6 42.8L19.3 50 8.6 57.2V42.8zm37.1 44.9L12 65.2l15-10.1 18.6 12.5v20.1zM50 60.2L34.8 50 50 39.8 65.2 50 50 60.2zm4.3 27.5v-20l18.6-12.5 15 10.1-33.6 22.4zm37.1-30.5L80.7 50l10.8-7.2-.1 14.4z"></path></svg>
        </div>
        <div class="title" contentEditable>Untitled</div>
      </div>
      <div class="buttons">
        <div class="button"></div>
        <div class="button"></div>
        <div class="button"></div>
        <a class="avatar" href="https://codepen.io/manz/"></a>
      </div>
    </div>
    <div class="mid">
      <div class="html tab"></div>
      <div class="css tab"></div>
      <div class="js tab"></div>
    </div>
    <div class="preview"></div>
    <div class="bottom"></div>
  </div>
  <svg class="feet" viewBox="0 0 50 40">
    <path d="m 33.865999,2.4621617 c 5.91069,24.0121503 -1.10825,35.4641003 -1.10825,35.4641003 h 11.08253"/>
    <path d="M 12.778709,2.4621617 C 6.8680187,26.474312 13.886959,37.926262 13.886959,37.926262 H 2.8044287"/>
  </svg>
</div>

<div class="data">
  <h1>Pen</h1>
  <h2>#Codevember</h2>
  <a class="ghost" href="https://twitter.com/Manz" target="_blank">Code by Manz</a>
  <a class="ghost" href="https://www.patreon.com/Bulby" target="_blank">Music by TobyFox/Bulby</a>
</div>

<audio autoplay loop>
  <source src="https://cdn.jsdelivr.net/gh/ManzDev/codevember2017/assets/bonetrousle-tobyfox-by-bulby.mp3"/>
  <source src="https://cdn.jsdelivr.net/gh/ManzDev/codevember2017/assets/bonetrousle-tobyfox-by-bulby.ogg"/>
</audio>


</body>
</html>