retro-sign/index.html at gh-pages · ltw-webdev-javascript/retro-sign · 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
<!DOCTYPE html>
<html lang="en-ca">
<head>
  <meta charset="utf-8">
  <title>Retro sign</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link href="css/main.css" rel="stylesheet">
</head>
<body>

  <svg width="700" height="256" viewBox="0 0 700 256">
    <g class="lines">
      <path fill="none" stroke="#f60" stroke-width="10" d="M296 200H25V58h67" />
      <path fill="none" stroke="#f60" stroke-width="10" d="M419 200h252V58h-49" />
    </g>
    <g class="engage">
      <path fill="#630" d="M180.7 19.7v11h-55v22h44v11h-44v22h55v11H104v-77h76.7z" />
      <path fill="#630" d="M212 19.7v11h11v11h11v11h11v-33h22v76.8h-22v-11h-11v-11h-11v-11h-11v33h-22V19.7h22z" />
      <path fill="#630" d="M287.3 85.5v-11h-11v-33h11v-11h11v-11h55v11h-44v11h-11v33h11v11h22v-22h-11v-11h33v44h-55v-11h-11z" />
      <path fill="#630" d="M373.5 41.6v-11h11v-11h33v11h11v11h11v55h-22v-22h-33v22h-22v-55h11zm11 22h33v-22h-11v-11h-11v11h-11v22z" />
      <path fill="#630" d="M459.7 85.5v-11h-11v-33h11v-11h11v-11h55v11h-44v11h-11v33h11v11h22v-22h-11v-11h33v44h-55v-11h-11z" />
      <path fill="#630" d="M611.8 19.7v11h-55v22h44v11h-44v22h55v11H535v-77h76.8z" />
    </g>
    <g class="btn">
      <path d="M329 248v-11h-11v-11h-10v-56h10v-11h11v-11h56v11h12v11h10v56h-10v11h-12v11h-56" />
      <path fill="#630" d="M385 183v-13h-11v-9h-32v9h-13v13h-10v32h10v11h13v10h32v-10h11v-11h11v-32h-11" />
    </g>
  </svg>

  <script src="https://code.jquery.com/jquery-3.0.0-beta1.min.js"></script>
  <script src="js/main.js"></script>
</body>
</html>