-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
76 lines (63 loc) · 2.22 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
---
layout: default
title: Hi Friend
---
<style>
.develop {
background: #FFF;
height: 16rem;
margin: 2rem .875rem;
width: 12rem;
display: block;
position: relative;
}
</style>
<div class="col12 margin1 space-top3">
<ul class="mb3">
<li class="d-inline_block mr1"><a href="/writing.html">Writing</a></li>
<li class="d-inline_block mr1"><a href="/experiments.html">Experiments</a></li>
<li class="d-inline_block mr1"><a href="/canon.html">Canon</a></li>
</ul>
<p>
Duncan Graham <a href='https://dribbble.com/duncangraham'>designs</a>, <a href='https://github.com/duncangraham'>develops</a>, <a href="https://soundcloud.com/d_u_n_x">makes music</a>, among other things.
</p>
<p>
He operates the <a href='https://www.google.com/search?q=treat+street+clubhouse&rlz=1C5CHFA_enUS698US698&oq=treat+street+clubhouse&aqs=chrome..69i57.5339j0j1&sourceid=chrome&ie=UTF-8'>Treat Street Clubhouse</a>, a hostel that hosts artists and adventurers from around the world.
</p>
<p>
His sidekick is a three legged wonder pooch named <a href='https://www.instagram.com/explore/tags/rouxforyou/'>Roux</a>
</p>
<!--
<ul>
{% for post in site.tags.writing %}
<li>
<a class="{{ post.type }} {{ post.date | date: "%m%d%Y" }} entry" href="{{ post.url }}">
<span> {{ post.title }}</span>
</a>
</li>
{% endfor %}
</ul>
-->
<div class='polaroid'>
<img src='/img/me.png' />
<div class='develop'></div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
$(function () {
setTimeout(function(){
$('.polaroid').toggleClass('shakeit');
$('.develop').fadeOut(30000);
}, 1000)
setTimeout(function(){
$('.polaroid').toggleClass('shakeit');
}, 3000);
$('.polaroid').on('click', function(){
$('.polaroid').toggleClass('shakeit');
setTimeout(function(){
$('.polaroid').toggleClass('shakeit');
}, 2000)
})
});
</script>