-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (81 loc) · 8.25 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
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
<!DOCTYPE html>
<html>
<head>
<title>Ari VanIderstine</title>
<meta name="description" content="Homepage of Ari: maker, hacker, designer, writer, marketer, developer, hype-creator, hedgehog.">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="scripts.js"></script>
</head>
<body>
<section id="cover">
<h1 id="name">Ari</h1>
<h2 id="lastname">VanIderstine</h2>
</section>
<div id="nav">
<ul>
<li><a href="http://ariari.io"><span>-</span> Home</a></li>
<li><a href="http://blog.ariari.io"><span>-</span> Blog</a></li>
<li><a href=""><span>-</span> Stuff</a></li>
</ul>
</div>
<div id="mobilenavhead"></div>
<div id="mobilenav">
<ul>
<li><a>. . .</a></li>
<li><a href="http://ariari.io"><span>-</span> Home</a></li>
<li><a href="http://blog.ariari.io"><span>-</span> Blog</a></li>
<li><a href=""><span>-</span> Stuff</a></li>
</ul>
</div>
<!--<section id="quicklink">
<h3>Quick Links</h3>
<div id="options">
<a href="#1">
<div class="section-nav">
<svg width="200px" viewbox="0 0 841.89 803.628" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g id="Layer_2">
<path id="svg_1" d="m133.13547,280.58023c2.054,-0.24799 10.112,18.80402 10.80501,20.29102c7.963,17.07498 15.31599,34.40698 20.157,52.65298c12.43401,46.86902 15.21201,95.57004 -3.035,141.45001c-5.53099,13.90698 -16.89499,41.46399 6.96701,46.39203c16.63699,3.43597 35.185,-7.14001 50.18399,-12.88702c17.72101,-6.78998 36.405,-11.72302 55.401,-12.97498c9.45798,-0.62305 19.90997,-0.53204 28.487,4.05096c7.79099,4.16302 15.96298,12.211 15.634,21.53601c-0.20401,5.784 -2.72501,11.80402 -5.06403,17.00696c-0.53098,1.18005 -8.586,14.789 -8.87,14.48206c4.655,5.04199 12.21701,7.54999 18.86801,7.99695c7.46298,0.50104 17.50699,-0.69299 23.784,-4.98096c8.11899,-5.54602 9.02899,-17.23901 12.31201,-25.75c3.22498,-8.35999 6.02399,-20.35803 11.64297,-27.51898c4.96802,-6.33105 15.28302,-11.314 22.93802,-12.93204c18.47299,-3.90201 37.62601,-2.21396 56.345,-1.73697c20.435,0.521 40.89099,0.88797 61.26199,2.71198c41.29599,3.698 84.04599,10.401 122.66196,26.04803c10.44202,4.22998 20.828,8.87799 30.42804,14.80096c9.86395,6.08704 17.56696,6.02301 29.05798,4.55701c-1.54901,-3.96899 -15.32599,-51.354 -17.29999,-51.19501l35.25,-2.49997c0,0 -34,-34.75 -37.75,-37.50003c0,0 25,-40.24997 44,-46.49997c0,0 -10,-13.75 -50,-6.75l31.25,-56c0,0 -28,-11.75003 -71.5,2.75l20.25098,-52.50104c0,0 -23.75,-5.74997 -57.75,11c0,0 -6.75,-26.24997 16.75,-60.74998c0,0 -27.75,-7.75 -64,34.00002c0,0 -5.75,-31.25003 -1.75,-53.00002c0,0 -34.49997,3.75 -68.74997,41.25002c0,0 -5.75,-30.00002 0.25,-55.50002c0,0 -38,11.75 -67.75,44.75002c0,0 1.75,-34.25002 7.5,-51.75002c0,0 -48.25,9 -88.25,69.25002c0,0 -8.75,-15.5 10.25,-53.75002c0,0 -41.75,-0.25 -72,68.49998c0,0 -35.74998,-42.24997 -56.99998,-55.49998c0,0 -4.75,49.75002 -11,69.75002c0,0 -37.83299,-36 -60.66701,-33.25003z"/>
<ellipse id="svg_2" ry="9.5" rx="10" cy="415.58025" cx="229.80247" fill="#000000"/>
<path id="svg_3" d="m251.30247,343.08026c0,0 22.99998,10 16.99998,30c0,0 20.5,-4.50003 23,-15c0,0 -22.5,-25 -39.99998,-15z" fill="#000000"/>
</g>
</g></svg>
<a href="http://blog.ariari.io"><h3>Blog</h3></a>
</div>
</a>
<a href="#1">
<div class="section-nav">
<svg width="200px" viewbox="0 0 841.89 803.628" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g id="Layer_2">
<path id="svg_1" d="m133.13547,280.58023c2.054,-0.24799 10.112,18.80402 10.80501,20.29102c7.963,17.07498 15.31599,34.40698 20.157,52.65298c12.43401,46.86902 15.21201,95.57004 -3.035,141.45001c-5.53099,13.90698 -16.89499,41.46399 6.96701,46.39203c16.63699,3.43597 35.185,-7.14001 50.18399,-12.88702c17.72101,-6.78998 36.405,-11.72302 55.401,-12.97498c9.45798,-0.62305 19.90997,-0.53204 28.487,4.05096c7.79099,4.16302 15.96298,12.211 15.634,21.53601c-0.20401,5.784 -2.72501,11.80402 -5.06403,17.00696c-0.53098,1.18005 -8.586,14.789 -8.87,14.48206c4.655,5.04199 12.21701,7.54999 18.86801,7.99695c7.46298,0.50104 17.50699,-0.69299 23.784,-4.98096c8.11899,-5.54602 9.02899,-17.23901 12.31201,-25.75c3.22498,-8.35999 6.02399,-20.35803 11.64297,-27.51898c4.96802,-6.33105 15.28302,-11.314 22.93802,-12.93204c18.47299,-3.90201 37.62601,-2.21396 56.345,-1.73697c20.435,0.521 40.89099,0.88797 61.26199,2.71198c41.29599,3.698 84.04599,10.401 122.66196,26.04803c10.44202,4.22998 20.828,8.87799 30.42804,14.80096c9.86395,6.08704 17.56696,6.02301 29.05798,4.55701c-1.54901,-3.96899 -15.32599,-51.354 -17.29999,-51.19501l35.25,-2.49997c0,0 -34,-34.75 -37.75,-37.50003c0,0 25,-40.24997 44,-46.49997c0,0 -10,-13.75 -50,-6.75l31.25,-56c0,0 -28,-11.75003 -71.5,2.75l20.25098,-52.50104c0,0 -23.75,-5.74997 -57.75,11c0,0 -6.75,-26.24997 16.75,-60.74998c0,0 -27.75,-7.75 -64,34.00002c0,0 -5.75,-31.25003 -1.75,-53.00002c0,0 -34.49997,3.75 -68.74997,41.25002c0,0 -5.75,-30.00002 0.25,-55.50002c0,0 -38,11.75 -67.75,44.75002c0,0 1.75,-34.25002 7.5,-51.75002c0,0 -48.25,9 -88.25,69.25002c0,0 -8.75,-15.5 10.25,-53.75002c0,0 -41.75,-0.25 -72,68.49998c0,0 -35.74998,-42.24997 -56.99998,-55.49998c0,0 -4.75,49.75002 -11,69.75002c0,0 -37.83299,-36 -60.66701,-33.25003z"/>
<ellipse id="svg_2" ry="9.5" rx="10" cy="415.58025" cx="229.80247" fill="#000000"/>
<path id="svg_3" d="m251.30247,343.08026c0,0 22.99998,10 16.99998,30c0,0 20.5,-4.50003 23,-15c0,0 -22.5,-25 -39.99998,-15z" fill="#000000"/>
</g>
</g></svg>
<h3>Stuff</h3>
</div>
</a>
<a href="#1">
<div class="section-nav">
<svg width="200px" viewbox="0 0 841.89 803.628" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<g id="Layer_2">
<path id="svg_1" d="m133.13547,280.58023c2.054,-0.24799 10.112,18.80402 10.80501,20.29102c7.963,17.07498 15.31599,34.40698 20.157,52.65298c12.43401,46.86902 15.21201,95.57004 -3.035,141.45001c-5.53099,13.90698 -16.89499,41.46399 6.96701,46.39203c16.63699,3.43597 35.185,-7.14001 50.18399,-12.88702c17.72101,-6.78998 36.405,-11.72302 55.401,-12.97498c9.45798,-0.62305 19.90997,-0.53204 28.487,4.05096c7.79099,4.16302 15.96298,12.211 15.634,21.53601c-0.20401,5.784 -2.72501,11.80402 -5.06403,17.00696c-0.53098,1.18005 -8.586,14.789 -8.87,14.48206c4.655,5.04199 12.21701,7.54999 18.86801,7.99695c7.46298,0.50104 17.50699,-0.69299 23.784,-4.98096c8.11899,-5.54602 9.02899,-17.23901 12.31201,-25.75c3.22498,-8.35999 6.02399,-20.35803 11.64297,-27.51898c4.96802,-6.33105 15.28302,-11.314 22.93802,-12.93204c18.47299,-3.90201 37.62601,-2.21396 56.345,-1.73697c20.435,0.521 40.89099,0.88797 61.26199,2.71198c41.29599,3.698 84.04599,10.401 122.66196,26.04803c10.44202,4.22998 20.828,8.87799 30.42804,14.80096c9.86395,6.08704 17.56696,6.02301 29.05798,4.55701c-1.54901,-3.96899 -15.32599,-51.354 -17.29999,-51.19501l35.25,-2.49997c0,0 -34,-34.75 -37.75,-37.50003c0,0 25,-40.24997 44,-46.49997c0,0 -10,-13.75 -50,-6.75l31.25,-56c0,0 -28,-11.75003 -71.5,2.75l20.25098,-52.50104c0,0 -23.75,-5.74997 -57.75,11c0,0 -6.75,-26.24997 16.75,-60.74998c0,0 -27.75,-7.75 -64,34.00002c0,0 -5.75,-31.25003 -1.75,-53.00002c0,0 -34.49997,3.75 -68.74997,41.25002c0,0 -5.75,-30.00002 0.25,-55.50002c0,0 -38,11.75 -67.75,44.75002c0,0 1.75,-34.25002 7.5,-51.75002c0,0 -48.25,9 -88.25,69.25002c0,0 -8.75,-15.5 10.25,-53.75002c0,0 -41.75,-0.25 -72,68.49998c0,0 -35.74998,-42.24997 -56.99998,-55.49998c0,0 -4.75,49.75002 -11,69.75002c0,0 -37.83299,-36 -60.66701,-33.25003z"/>
<ellipse id="svg_2" ry="9.5" rx="10" cy="415.58025" cx="229.80247" fill="#000000"/>
<path id="svg_3" d="m251.30247,343.08026c0,0 22.99998,10 16.99998,30c0,0 20.5,-4.50003 23,-15c0,0 -22.5,-25 -39.99998,-15z" fill="#000000"/>
</g>
</g></svg>
<h3>Contact</h3>
</div>
</a>
</section>-->
<section id="whoami">
<p class="blurb">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</section>
</body>
</html>