-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
40 lines (39 loc) · 4.67 KB
/
index.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
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>Janken Notes</title> <meta name="author" content="STOQE"> <meta name="description" content="The official website for Janken Notes."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="favicon-144.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="favicon-114.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="favicon-72.png"> <link rel="apple-touch-icon-precomposed" href="favicon-57.png"> <link rel="shortcut icon" href="favicon-32.png"> <link rel="stylesheet" href="https://unpkg.com/tachyons@4.7.0/css/tachyons.min.css"/> <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700|Merriweather:300,300i%7CMaterial+Icons|Karla:400,400i,700,700i|Lora:700|Poppins:300|Playfair+Display" rel="stylesheet"> <style media="screen"> body{margin: 0;}.brand{font-family: "Playfair Display", "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;}.mwsm, .miwsm img{max-width: 150px;}.icon{display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor;}.tdw{text-decoration: underline wavy gold;}blockquote{-webkit-margin-end: 0px;}</style> </head>
<body class="brand pv0 ph4 ph5-ns bg-white near-black sans-serif">
<article class="relative vh-100 w-100 dt bg-white" style="background:url(janken-bg.jpg) no-repeat center center;background-size: cover;">
<div class="cf absolute top-0 right-0 w-100 bg-white pv2">
<div class="v-top f1 fr">
<a href="https://instagram.com/jankennotes" target="_blank" class="dib link orange hover-gray"><svg class="dib h2 w2" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.048 3.233c-.036.78-.166 1.203-.276 1.485-.145.374-.318.64-.598.92-.28.28-.546.453-.92.598-.282.11-.705.24-1.485.276-.844.038-1.097.047-3.233.047s-2.39-.01-3.233-.048c-.78-.036-1.203-.166-1.485-.276-.374-.145-.64-.318-.92-.598-.28-.28-.453-.546-.598-.92-.11-.282-.24-.705-.276-1.485C1.45 10.39 1.44 10.136 1.44 8s.01-2.39.048-3.233c.036-.78.166-1.203.276-1.485.145-.374.318-.64.598-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276C5.61 1.45 5.864 1.44 8 1.44zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></svg>
</a>
</div>
</div>
<div class="dtc v-mid tl tc ma1 pv0-ns mv1 mv6-ns">
<f2 class="f2 f-subheadline-ns lh-solid">
<img src="janken-dots.png" alt="" class="mw4 mb4">
<br>
<img src="janken-logo.png" alt="" class="mw5 mb3">
</f2>
</div>
<div class="cf absolute bottom-0 right-0 w-100 bg-white pv2">
<div class="v-top f1 tc">
<p class="f4">
<a href="mailto:notes@jankennotes.com" class="no-underline near-black hover-orange">notes@jankennotes.com</a>
</p>
</div>
</div>
</article>
<script type="text/javascript">
var _gauges = _gauges || [];
(function() {
var t = document.createElement('script');
t.type = 'text/javascript';
t.async = true;
t.id = 'gauges-tracker';
t.setAttribute('data-site-id', '59534c3a7218b57f4809bfc2');
t.setAttribute('data-track-path', 'https://track.gaug.es/track.gif');
t.src = 'https://d36ee2fcip1434.cloudfront.net/track.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(t, s);
})();
</script>
</body></html>