-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (115 loc) · 5.28 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!doctype html>
<head>
<meta charset="utf-8">
<!-- Dear reader, this code was mostly written in 2011. Please judge
code conventions and syntax accordingy. -->
<title>StandardPixel.com: Curation of _things_ by Eric Gelinas</title>
<meta name="description" content="">
<meta name="author" content="Eric Gelinas">
<meta name="viewport" content="width=device-width, initial-scale=0.9">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="http://use.typekit.com/tkt0mro.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<link rel="stylesheet" href="style/style_domestica_summer.css" type="text/css" media="screen" charset="utf-8">
</head>
<body class="domestica summer">
<div id="container">
<header>
<div id='logo'>
<div class="illustration">
<div class="block-1 first"></div>
<div class="block-2"></div>
<div class="block-3"></div>
<div class="block-4"></div>
</div>
<h2>Standard Pixel</h2>
</div>
<h1>Hello, I am Eric Gelinas. StandardPixel.com is where I showcase the many <i>things</i> which I "fave", "like", "+1", and otherwise curate online.</h1>
</header>
<nav class="nav">
<ul>
<li class="nav__item">
<a href="http://blog.standardpixel.com/">Blog</a>
<p>My Tumblr blog which is mostly about music</p>
</li>
<li class="nav__item">
<a href="resume.html">Resumé</a>
<p>What exactly I have been doing with my life for the past <span id="since-1997"></span> years</p>
</li>
<li class="nav__item">
<a href="http://github.com/standardpixel/standarpixel.com/">Source</a>
<p>The source code for this site and a lot more of my tinkerings</p>
</li>
<li class="nav__item">
<a href="http://flickr.com/standardpixel">Photos</a>
<p>My flickr photostream. Basically my life since 2007, along with a little more.</p>
</li>
<li class="nav__item">
<a href="https://play.spotify.com/user/standardpixel">Playlists</a>
<p>Digital mixtapes which I have put together on Spotify</p>
</li>
<li class="nav__item">
<a href="http://last.fm/user/dropinastorm">Music</a>
<p>A ridiculous amount of information on what I have been listening too thanks to last.fm</p>
</li>
<li class="nav__item">
<a href="http://pinboard.in/u:standardpixel">Bookmarks</a>
<p>Pinboard silently collects links which I share and save directly.</p>
</li>
<li class="nav__item">
<a href="http://www.pinterest.com/standardpixel/wants/">Wish List</a>
<p>This is stuff you can buy me... Seriously, get on it!</p>
</li>
<li class="nav__item">
<a href="https://foursquare.com/user/143129/history">Places</a>
<p>My Swarm checkins around town and sometimes the world</p>
</li>
<li class="nav__item">
<a href="http://www.songkick.com/users/standardpixel">Gigs</a>
<p>The concerts I am interested in and possibly going too</p>
</li>
</ul>
</nav>
<footer>
<div class="cc-img"><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" align="top" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a></div>
<div class="cc-text"><p><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">StandardPixel</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://standardpixel.com" property="cc:attributionName" rel="cc:attributionURL">Eric Gelinas</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.</p></div>
</footer>
</div>
<script>
"use strict";
(function() {
function parentClassHas(startingElement, className, depth) {
var last = startingElement;
for (var i=0; (depth||10) > i && last; i++) {
if (typeof last.classList === "object" && last.classList.contains(className)) {
return last;
} else if (last && last.className && typeof last.className === "string" && typeof last.className.indexOf === "function" && (last.className && last.className.indexOf(className)) > -1) {
return last;
}
last = last.parentNode;
}
return null;
}
var navElement = document.querySelector("#container nav");
document.getElementById('since-1997').innerHTML = (new Date().getFullYear())-1997;
navElement.addEventListener("click", function(eventClick) {
var isInNav = parentClassHas(eventClick.target, 'nav__item', 3);
var link = isInNav.querySelector("a");
if (isInNav && link) {
location.href = link.href;
}
});
})();
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-3495577-1', 'standardpixel.com');
ga('send', 'pageview');
</script>
</body>
</html>