@@ -11,47 +11,49 @@ layout: base | |||
<td id="left-box"> | |||
<table> | |||
<tr> | |||
<td id="about-tl" class="about-l dark-l">Name</td> | |||
<td id="about-tr" class="about-r dark-r">Ben Kurtovic</td> | |||
<td id="about-tl" class="about-l dark-l">Email</td> | |||
<td id="about-tr" class="about-r dark-r"><a href="mailto:ben.kurtovic@verizon.net">ben.kurtovic@verizon.net</a></td> | |||
</tr> | |||
<tr> | |||
<td class="about-l light-l">Email</td> | |||
<td class="about-r light-r"><a href="mailto:ben.kurtovic@verizon.net">ben.kurtovic@verizon.net</a></td> | |||
<td class="about-l light-l">IRC</td> | |||
<td class="about-r light-r"><a href="irc://irc.freenode.net/##earwig">Earwig</a> on <a href="irc://irc.freenode.net">irc.freenode.net</a></td> | |||
</tr> | |||
<tr> | |||
<td class="about-l dark-l">IRC</td> | |||
<td class="about-r dark-r"><a href="irc://irc.freenode.net/##earwig">Earwig</a> on <a href="irc://irc.freenode.net">irc.freenode.net</a></td> | |||
<td class="about-l dark-l">PGP Key</td> | |||
<td class="about-r dark-r"><a href="http://pgp.mit.edu:11371/pks/lookup?search=0x8A19649AE8DBB515&fingerprint=on&op=index">E8DBB515</a></td> | |||
</tr> | |||
<tr> | |||
<td class="about-l light-l">PGP Key</td> | |||
<td class="about-r light-r"><a href="http://pgp.mit.edu:11371/pks/lookup?search=0x8A19649AE8DBB515&fingerprint=on&op=index">E8DBB515</a></td> | |||
<td class="about-l light-l">GitHub</td> | |||
<td class="about-r light-r"><a href="http://github.com/earwig">earwig</a></td> | |||
</tr> | |||
<tr> | |||
<td class="about-l dark-l">GitHub</td> | |||
<td class="about-r dark-r"><a href="http://github.com/earwig">earwig</a></td> | |||
<td class="about-l dark-l">Wikipedia</td> | |||
<td class="about-r dark-r"><a href="http://en.wikipedia.org/wiki/User:The_Earwig">[[User:The Earwig]]</a></td> | |||
</tr> | |||
<tr> | |||
<td class="about-l light-l">Wikipedia</td> | |||
<td class="about-r light-r"><a href="http://en.wikipedia.org/wiki/User:The_Earwig">[[User:The Earwig]]</a></td> | |||
<td class="about-l light-l">Twitter</td> | |||
<td class="about-r light-r"><a href="http://twitter.com/the_earwig">@the_earwig</a></td> | |||
</tr> | |||
<tr> | |||
<td class="about-l dark-l">Toolserver</td> | |||
<td class="about-r dark-r"><a href="http://toolserver.org/~earwig">~earwig</a></td> | |||
<td class="about-l dark-l">Tumblr</td> | |||
<td class="about-r dark-r"><a href="http://theearwig.tumblr.com/">theearwig</a></td> | |||
</tr> | |||
<tr> | |||
<td class="about-l light-l">Launchpad</td> | |||
<td class="about-r light-r"><a href="https://launchpad.net/~benkurtovic">~benkurtovic</a></td> | |||
</tr> | |||
<tr> | |||
<td id="about-bl" class="about-l dark-l">Twitter</td> | |||
<td id="about-br" class="about-r dark-r"><a href="http://twitter.com/the_earwig">@the_earwig</a></td> | |||
<td id="about-bl" class="about-l light-l">Toolserver</td> | |||
<td id="about-br" class="about-r light-r"><a href="http://toolserver.org/~earwig">~earwig</a></td> | |||
</tr> | |||
</table> | |||
<h2>Projects</h2> | |||
<h2 class="index-header">Projects</h2> | |||
{{ content }} | |||
</td> | |||
<td id="right-box"> | |||
<h2 id="posts">Posts</h2> | |||
<div id="avatar-box"> | |||
<img id="avatar" src="https://secure.gravatar.com/avatar/1b21804852ac50fee9f8e03cfa0da786?s=140" title="Earwig" alt="Earwig" /> | |||
</div> | |||
<p id="about-me-top">I'm Ben Kurtovic, a student, software developer, and <a href="http://en.wikipedia.org/">Wikipedian</a> who occasionally messes around with game production. I'm the guy behind <a href="http://en.wikipedia.org/wiki/User:EarwigBot">EarwigBot</a>. I love <a href="http://en.wikipedia.org/wiki/My_Little_Pony%3A_Friendship_Is_Magic">ponies</a>!</p> | |||
<p>On this page, you can find my identities on a few other sites, check out the project's I'm working on, and read some of my incessant ramblings in blog form:</p> | |||
<h2 class="index-header">Posts</h2> | |||
<ul> | |||
{% for post in site.posts %} | |||
<li class="post">{{ post.date | date: "%b %d, %Y" }}: <a class="invert" href="{{ post.url }}">{{ post.title }}</a><br /><span class="description">{{ post.description }}</span></li> | |||
@@ -22,6 +22,10 @@ body { | |||
font-size: 12px; | |||
} | |||
.index-header { | |||
padding-top: 15px; | |||
} | |||
h1, h2 { | |||
text-align: center; | |||
} | |||
@@ -88,16 +92,15 @@ td.dark-l { background-color: #DADADA; } | |||
td.light-r { background-color: #F7F7F7; } | |||
td.dark-r { background-color: #E5E5E5; } | |||
h1#head { | |||
p#about-me-top { | |||
margin-top: 0px; | |||
padding-top: 0px; | |||
margin-bottom: 0px; | |||
padding-bottom: 0px; | |||
} | |||
h2#posts { | |||
h1#head { | |||
margin-top: 0px; | |||
padding-top: 0px; | |||
margin-bottom: 0px; | |||
padding-bottom: 0px; | |||
} | |||
div#container { | |||
@@ -143,6 +146,26 @@ div#post { | |||
line-height: 1.5em; | |||
} | |||
div#avatar-box { | |||
float: right; | |||
position: relative; | |||
left: 50px; | |||
margin-left: -40px; | |||
padding: 12px; | |||
background-color: #FFF; | |||
border: 1px solid #999; | |||
border-radius: 5px; | |||
-webkit-transform:rotate(3deg); | |||
-moz-transform:rotate(3deg); | |||
-o-transform:rotate(3deg); | |||
-ms-transform:rotate(3deg); | |||
} | |||
img#avatar { | |||
border-radius: 5px; | |||
} | |||
td#left-box { | |||
width: 50%; | |||
vertical-align: top; | |||
@@ -23,36 +23,36 @@ title: Home | |||
<div class="divider"></div> | |||
<div class="project"> | |||
<div class="project-head"> | |||
<a class="invert" href="http://github.com/earwig/lobo">lobo</a> <span class="description"><i>(NetLogo // started December 2011)</i></span> | |||
<a class="invert" href="http://github.com/earwig/music-quizzer">music-quizzer</a> <span class="description"><i>(Python // started May 2011)</i></span> | |||
</div> | |||
<div class="project-body description"> | |||
<i>Lobo</i> is Logo Bolo: a re-envisioning of <a href="http://en.wikipedia.org/wiki/Bolo_(video_game)">the classic tank game</a> by Stuart Cheshire in NetLogo. | |||
<i>MusicQuizzer</i> is a <a href="http://en.wikipedia.org/wiki/Tk_(framework)">Tk</a>-based program that can help you prepare for your music final with randomly-generated listening quizzes. | |||
</div> | |||
</div> | |||
<div class="divider"></div> | |||
<div class="project"> | |||
<div class="project-head"> | |||
<a class="invert" href="http://github.com/earwig/music-quizzer">music-quizzer</a> <span class="description"><i>(Python // started May 2011)</i></span> | |||
<a class="invert" href="http://github.com/earwig/git-repo-updater">git-repo-updater</a> <span class="description"><i>(Python // started June 2011)</i></span> | |||
</div> | |||
<div class="project-body description"> | |||
<i>MusicQuizzer</i> is a <a href="http://en.wikipedia.org/wiki/Tk_(framework)">Tk</a>-based program that can help you prepare for your music final with randomly-generated listening quizzes. | |||
<i>Gitup</i> is a console script that allows you to easily pull to multiple git repositories at once. | |||
</div> | |||
</div> | |||
<div class="divider"></div> | |||
<div class="project"> | |||
<div class="project-head"> | |||
<a class="invert" href="http://github.com/earwig/git-repo-updater">git-repo-updater</a> <span class="description"><i>(Python // started June 2011)</i></span> | |||
<a class="invert" href="http://github.com/earwig/earwig.github.com">earwig.github.com</a> <span class="description"><i>(Web // started June 2011)</i></span> | |||
</div> | |||
<div class="project-body description"> | |||
<i>Gitup</i> is a console script that allows you to easily pull to multiple git repositories at once. | |||
<i>earwig.github.com</i> is... well... what you're viewing right now. In source code form! | |||
</div> | |||
</div> | |||
<div class="divider"></div> | |||
<div class="project"> | |||
<div class="project-head"> | |||
<a class="invert" href="http://github.com/earwig/earwig.github.com">earwig.github.com</a> <span class="description"><i>(Web // started June 2011)</i></span> | |||
<a class="invert" href="http://github.com/earwig/lobo">lobo</a> <span class="description"><i>(NetLogo // started December 2011)</i></span> | |||
</div> | |||
<div class="project-body description"> | |||
<i>earwig.github.com</i> is... well... what you're viewing right now. In source code form! | |||
<i>Lobo</i> is Logo Bolo: a re-envisioning of <a href="http://en.wikipedia.org/wiki/Bolo_(video_game)">the classic tank game</a> by Stuart Cheshire in NetLogo. | |||
</div> | |||
</div> |