-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (54 loc) · 2.03 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>kienankb</title>
<link rel="stylesheet" type="text/css" href="/assets/style.css">
</head>
<body>
<div id="content">
<h2>projects</h2>
<section>
<div class="tile">
<div class="tileContent">
<h3><a href="/sitestrap/">sitestrap</a></h3>
<p>Dead-simple static site generator, needs python3 and one package. Structure your site with json and handlebars for templating</p>
</div>
</div>
<div class="tile" style="background-image: url('/assets/img/tile-h2g2.jpg');">
<div class="tileContent">
<h3><a href="https://guide.kienankb.com/?">Hitchhiker's Guide UI</a></h3>
<p>Live version of the <i>Hitchhiker's Guide to the Galaxy</i> interface as designed and animated for the 2005 film by <a href="http://www.shynola.com/">Shynola</a>; in the process of rewriting it in React instead of pure HTML/CSS/JS</p>
</div>
</div>
<div class="tile">
<div class="tileContent">
<h3><a href="https://github.com/kienankb/dotfiles/">dotfiles</a></h3>
<p>My work digs. I'm sure someday I'll finish them and never have to make changes ever again</p>
</div>
</div>
<div class="tile" style="background-image: url('/assets/img/tile-metpetdb.jpg');">
<div class="tileContent">
<h3><a href="https://github.com/metpetdb/interface_v2">MetPetDB</a></h3>
<p>Geological sample database I worked on in college</p>
</div>
</div>
</section>
<h2>experiments</h2>
<section>
<div class="tile" style="background-image: url('/assets/img/tile-hexagons.jpg');">
<div class="tileContent">
<h3><a href="/hex/">hexagons</a></h3>
<p>Made a bunch. Six sides, all of 'em. two.js.</p>
</div>
</div>
<div class="tile" style="background-image: url('/assets/img/tile-hinge.jpg');">
<div class="tileContent">
<h3><a href="/hinge/">signs on hinges</a></h3>
<p>When you want an element to swing down like a sign in front of an old-timey storefront. Pure CSS & JS.</p>
</div>
</div>
</section>
</div>
</body>
</html>