-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathheader.html
95 lines (86 loc) · 6.91 KB
/
header.html
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
85
86
87
88
89
90
91
92
93
94
95
<script>
var body = document.getElementsByTagName('body')[0];
// we add this inline to let the CSS know we have JS capability
// as soon as humanly possible.
body.className += ' js';
// if our logo animation hasn't been played in 24 hours,
// clear the localstorage ready to play it (next code block)
if (playLogo) {
localStorage.removeItem('logo_expiry');
}
// if we're on the homepage, and the logo animation hasn't played before
// add an "animate" css class and set the localstorage item
if (body.className.indexOf('home') > -1 && playLogo && window.localStorage) {
body.className += ' animate-logo';
localStorage.setItem("logo_expiry", tomorrow);
}
</script>
<header class="site-header">
<div class="wrapper">
<!-- logo -->
<a class="logo" href="/">
<svg width="100%" height="100%" viewBox="0 0 900 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g id="logomark">
<g>
<path id="m" d="M200.02,250.003c0,0 0,0 0,0l0,200l0,0c-0.001,27.595 -22.405,49.999 -50,49.999c-27.595,0 -49.999,-22.404 -50,-49.999l0,0l0,-100.001c0,0 0,-99.999 0,-99.999l0,0l0,0l0,-0.001c0,-82.788 67.213,-150 150,-150c38.4,0 73.449,14.46 99.994,38.229c26.545,-23.768 61.593,-38.228 99.993,-38.228c82.314,0 149.232,66.448 149.993,148.585c0.013,0.469 0.02,0.941 0.02,1.414c0,0.548 -0.009,1.095 -0.027,1.64l0,96.719c0.018,0.545 0.027,1.092 0.027,1.641c0,0.548 -0.009,1.095 -0.027,1.64l0,96.719c0.018,0.545 0.027,1.092 0.027,1.641c0,27.595 -22.404,50 -50,50c-27.595,0 -49.999,-22.404 -50,-49.999l-0.027,0l0,-200l0.027,0l0,0l0,-0.001c0,-27.596 -22.404,-50 -50,-50c-27.596,0 -50,22.403 -50,50c0,0 0,0.001 0,0.001l0,0c0,0.384 -0.004,0.768 -0.013,1.15l0,97.697c0.009,0.383 0.013,0.767 0.013,1.152c0,0.384 -0.004,0.768 -0.013,1.151l0,97.697c0.009,0.383 0.013,0.767 0.013,1.152c0,27.595 -22.404,50 -50,50c-27.595,0 -49.999,-22.404 -50,-49.999l-0.013,0l0,-200c0,-0.335 0.001,-0.669 0.003,-1.002c-0.534,-27.135 -22.729,-48.999 -49.99,-48.999c-27.596,0 -50,22.404 -50,50l0,0.001l0,0Z" />
<path id="k" d="M785.767,415.064c8.812,9.016 14.246,21.348 14.246,34.938c0,27.596 -22.404,50 -50,50c-13.59,0 -25.922,-5.434 -34.938,-14.246l-0.01,0.009l-150.052,-150.052l0.009,-0.009c-9.26,-9.077 -15.009,-21.723 -15.009,-35.702c0,-13.771 5.58,-26.25 14.6,-35.296l-0.033,-0.033l150.052,-150.052l0.033,0.033c9.05,-9.051 21.55,-14.652 35.348,-14.652c27.596,0 50,22.405 50,50c0,14.388 -6.09,27.365 -15.831,36.491l-113.484,113.483l115.078,115.078l-0.009,0.01Z" style="fill-opacity:0.5;" />
</g>
</g>
<g id="lines">
<clipPath id="_clip1">
<rect x="5%" y="10%" width="90%" height="80%" />
</clipPath>
<g clip-path="url(#_clip1)">
<g opacity="0.4">
<path id="d-b-2" d="M0.013,100.003c-2.732,-0.944 500,500 500,500" style="fill:none;" />
<!-- <path id="d-b-3" d="M0.013,0.003c-3.278,-1.132 600,600 600,600" style="fill:none;" /> -->
<path id="d-b-4" d="M100.013,0.003c-3.278,-1.132 600,600 600,600" style="fill:none;" />
<!-- <path id="d-b-5" d="M200.013,0.003c-3.278,-1.132 600,600 600,600" style="fill:none;" /> -->
<path id="d-b-51" d="M230.013,0.003c-3.278,-1.132 600,600 600,600" style="fill:none;" />
<path id="d-b-6" d="M300.013,0.003c-3.278,-1.132 600,600 600,600" style="fill:none;" />
<path id="d-b-7" d="M900.04,530.021l-530.02,-530.019" style="fill:none;" />
<path id="d-f-1" d="M400.004,0.003c2.186,-0.755 -399.997,399.997 -399.997,399.997" style="fill:none;" />
<!-- <path id="d-f-2" d="M500.002,0.003c2.732,-0.944 -499.995,499.995 -499.995,499.995" style="fill:none;" /> -->
<path id="d-f-3" d="M600,0.003c3.279,-1.132 -600,600 -600,600" style="fill:none;" />
<!-- <path id="d-f-4" d="M700,0.003c3.279,-1.132 -600,600 -600,600" style="fill:none;" /> -->
<path id="d-f-5" d="M800,0.003c3.279,-1.132 -600,600 -600,600" style="fill:none;" />
<path id="d-f-51" d="M830,0.003c3.279,-1.132 -600,600 -600,600" style="fill:none;" />
<path id="d-f-6" d="M900,0.003c3.279,-1.132 -600,600 -600,600" style="fill:none;" />
<path id="d-f-7" d="M620.02,350.002l280.02,-280.02" style="fill:none;" />
<path id="v-1" d="M100.007,0.002l0,600.001" style="fill:none;" />
<path id="v-2" d="M150.02,0.002l0,600.001" style="fill:none;" />
<!-- <path id="v-3" d="M200.007,0.002l0,600.001" style="fill:none;" /> -->
<!-- <path id="v-4" d="M300.007,0.002l0,600.001" style="fill:none;" /> -->
<path id="v-5" d="M350.02,0.002l0,600.001" style="fill:none;" />
<!-- <path id="v-6" d="M400.007,0.002l0,600.001" style="fill:none;" /> -->
<!-- <path id="v-7" d="M500.007,0.002l0,600.001" style="fill:none;" /> -->
<path id="v-8" d="M550.02,0.002l0,600.001" style="fill:none;" />
<!-- <path id="v-9" d="M600.007,0.002l0,600.001" style="fill:none;" /> -->
</g>
</g>
</g>
<g id="shapes">
<g opacity="0.6">
<circle id="k-small-bottom" cx="750.02" cy="450.002" r="50" style="fill:none;" />
<circle id="k-small-center" cx="600.02" cy="300.002" r="50" style="fill:none;" />
<circle id="k-small-top" cx="750.02" cy="150.002" r="50" style="fill:none;" />
<circle id="m-large-left-inner" cx="250.02" cy="250.002" r="50" style="fill:none;" />
<circle id="m-large-left-outer" cx="250.02" cy="250.002" r="150" style="fill:none;" />
<circle id="m-large-right-inner" cx="450.02" cy="250.002" r="50" style="fill:none;" />
<circle id="m-large-right-outer" cx="450.007" cy="250.003" r="150" style="fill:none;" />
<circle id="m-small-left-bottom" cx="150.02" cy="450.002" r="50" style="fill:none;" />
<circle id="m-small-left-center" cx="150.02" cy="350.002" r="50" style="fill:none;" />
<circle id="m-small-left-top" cx="150.02" cy="250.002" r="50" style="fill:none;" />
<circle id="m-small-center-bottom" cx="350.02" cy="450.002" r="50" style="fill:none;" />
<circle id="m-small-center-center" cx="350.02" cy="350.002" r="50" style="fill:none;" />
<circle id="m-small-center-top" cx="350.02" cy="250.002" r="50" style="fill:none;" />
<circle id="m-small-right-bottom" cx="550.02" cy="450.002" r="50" style="fill:none;" />
<circle id="m-small-right-center" cx="550.02" cy="350.002" r="50" style="fill:none;" />
<circle id="m-small-right-top" cx="550.02" cy="250.002" r="50" style="fill:none;" />
</g>
</g>
</svg>
</a>
<div class="loader"><div></div><div></div><div></div></div>
</div>
</header>