2019/index.html at master · commit-conf/2019 · 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
<!DOCTYPE html>
<html>

  <head>
      <link rel="stylesheet" href="./index.css">
  </head>
  <body>

    <header>
      <h1>Header Content</h1>
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">
        <polygon class="svg--sm" fill="white" points="0,0 30,100 65,21 90,100 100,75 100,100 0,100"/>
        <polygon class="svg--lg" fill="white" points="0,0 15,100 33,21 45,100 50,75 55,100 72,20 85,100 95,50 100,80 100,100 0,100" />
      </svg>
    </header>

    <section class="foo">
      <h1>Section Content</h1>
      <svg width="100%" height="100%" viewBox="-0.675 0 0.1 1"
       preserveAspectRatio="xMidYMid meet" overflow="visible">
        <pattern id="p1" viewBox="0 0 100 100" height="1" width="1.25"
                patternUnits="userSpaceOnUse">
          <polygon fill="#cccccccc" points="0,0 50,0 50,100 0,100"/>
        </pattern>
        <rect fill="url(#p1)" x="-500" y="0" width="1000" height="1" />
      </svg>
    </section>
  </body>
</html>