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
|
<header class="c-hero u-hidden@sm-down" role="presentation">
$-- ' | ' ' ' ' ' | | | ' '
$-- | ' ' ' //\_ ' | ' . | ' '
$-- .| ' ____,...,______..,_~`` -`.., ' | ' | ' '
$-- | _,~´"' , . ,~--´ ' _| | . |~~.__ ' '
$-- | | ,-" _.-|~/ |..,____,) ,/,,"' '_( | ' |) ) ' '
$-- '| \__,~"´ /:) / |:\ \ ,~( ) . | | ) `, ' _,--.
$-- ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/_____
$-- ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
<pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 u-hidden@sm-down">
' | ' ' ' ' ' | | | ' '
| ' ' ' <strong>//\_</strong> ' | ' . | ' '
.| ' <strong>____,...,______..,_~`` -`..,</strong> ' | ' | ' '
| <strong>_,~´"' , . ,~--´</strong> ' _| | . |~~.__ ' '
| | <strong>,-" _.-|~/ |..,____,) ,/,,"'</strong> '_( | ' |) ) ' '
'| <strong>\__,~"´ /:) / |:\ \</strong> ,~( ) . | | ) `, ' _,--.
\ . : <strong>(:/\_-, \:.\_-,</strong> . \ .\ . : \ . ) . ' ,/ </pre>
</header>
$body$
<template id="header-sm">
$-- .| //\__ ' .' | . | ' . '
$-- | _.~-"""-----~`` ,-´ ' ' |' | ' '
$-- '| .´ ,~'\ ).,__,)/,," ' . ' | | | ' .'
$-- |_ `~´ (/\\, (/\\, _' '_ _| ' |_ _' '_
<pre class="c-hero__pre c-page__prefixed c-page__prefixed--pre u-mt0 $if(section.is_index)$u-hidden@sm-up$endif$">
.| <strong> //\__</strong> ' .' | . | ' . '
| <strong> _.~-"""-----~`` ,-´</strong> ' ' |' | ' '
'| <strong>.´ ,~'\ ).,__,)/,," </strong> ' . ' | | | ' .'
|_ <strong>`~´ (/\\, (/\\, </strong> _' '_ _| ' |_ _' '_</pre>
</template>
<script>
var headerEl = document.querySelector(".c-hero");
var headerTemplateEl = document.getElementById("header-sm");
var headerSmEl = headerTemplateEl.content.cloneNode("true");
headerEl.classList.remove("u-hidden@sm-down");
headerEl.appendChild(headerSmEl);
</script>
|
