-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
56 lines (46 loc) · 2.57 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Hinerangi Courtenay – Skymaiden</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="grid">
<h1 class="title">Yolo</h1>
<div class="intro">
<p>My name is Hinerangi – but that’s quite a mouthful for most people, so I usually go by Hine.</p>
<p>I’m a human from New Zealand, yes I know there are lots of sheep and All Blacks there. I live in France.</p>
</div>
<p class="about">In my day job I write <strong>JavaScript</strong> and <strong>CSS</strong> for <a href="http://www.dailymotion.com/">Dailymotion</a>’s <em>accessible</em> and <em>responsive</em> HTML5 video player. In my spare time I practice <a href="https://en.wikipedia.org/wiki/Wing_Chun">Wing Chun kung fu</a>, learn Japanese, play <a href="https://en.wikipedia.org/wiki/Rocksmith">Rocksmith</a> with my electric guitar, sew pretty dresses, and ride a <a href="http://astor125.com/">light motorcycle</a>.</p>
<p class="interwebs">I don’t social media much these days, but you can watch <a href="http://www.dailymotion.com/skymaiden">my videos</a>, browse <a href="https://www.flickr.com/photos/skymaiden/albums">my photos</a>, read <a href="https://linkedin.com/in/hinerangi-courtenay-23463b21">my CV</a>, or enjoy <a href="https://www.instagram.com/north_bt/">cute pics of my puppy</a>. (❍ᴥ❍ʋ)</p>
<aside class="name">
<div class="definition">
<p class="word">hine</p>
<span class="kind">noun</span>
<span class="pronunciation">/ˈhinɛ/</span>
<ol class="meanings">
<li>girl, daughter - term of address to a girl or younger woman.</li>
</ol>
</div>
<div class="definition">
<p class="word">rangi</p>
<span class="kind">noun</span>
<span class="pronunciation">/ˈɾaŋi/</span>
<ol class="meanings">
<li>day, sky.</li>
<li>weather.</li>
<li>heavens, heavenly realm - there are believed to be twelve heavens, the highest of which is te toi o ngā rangi.</li>
<li>heaven (Christianity).</li>
</ol>
</div>
</aside>
<figure class="me">
<img src="me.jpg" alt="My face" />
<figcaption>My face, before the plants in the background died.</figcaption>
</figure>
</div>
</body>
</html>