@@ -11,47 +11,49 @@ layout: base | |||||
<td id="left-box"> | <td id="left-box"> | ||||
<table> | <table> | ||||
<tr> | <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> | ||||
<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> | ||||
<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> | ||||
<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> | ||||
<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> | ||||
<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> | ||||
<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> | ||||
<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> | </tr> | ||||
</table> | </table> | ||||
<h2>Projects</h2> | |||||
<h2 class="index-header">Projects</h2> | |||||
{{ content }} | {{ content }} | ||||
</td> | </td> | ||||
<td id="right-box"> | <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> | <ul> | ||||
{% for post in site.posts %} | {% 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> | <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; | font-size: 12px; | ||||
} | } | ||||
.index-header { | |||||
padding-top: 15px; | |||||
} | |||||
h1, h2 { | h1, h2 { | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
@@ -88,16 +92,15 @@ td.dark-l { background-color: #DADADA; } | |||||
td.light-r { background-color: #F7F7F7; } | td.light-r { background-color: #F7F7F7; } | ||||
td.dark-r { background-color: #E5E5E5; } | td.dark-r { background-color: #E5E5E5; } | ||||
h1#head { | |||||
p#about-me-top { | |||||
margin-top: 0px; | margin-top: 0px; | ||||
padding-top: 0px; | |||||
margin-bottom: 0px; | |||||
padding-bottom: 0px; | |||||
} | } | ||||
h2#posts { | |||||
h1#head { | |||||
margin-top: 0px; | margin-top: 0px; | ||||
padding-top: 0px; | padding-top: 0px; | ||||
margin-bottom: 0px; | |||||
padding-bottom: 0px; | |||||
} | } | ||||
div#container { | div#container { | ||||
@@ -143,6 +146,26 @@ div#post { | |||||
line-height: 1.5em; | 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 { | td#left-box { | ||||
width: 50%; | width: 50%; | ||||
vertical-align: top; | vertical-align: top; | ||||
@@ -23,36 +23,36 @@ title: Home | |||||
<div class="divider"></div> | <div class="divider"></div> | ||||
<div class="project"> | <div class="project"> | ||||
<div class="project-head"> | <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> | ||||
<div class="project-body description"> | <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> | </div> | ||||
<div class="divider"></div> | <div class="divider"></div> | ||||
<div class="project"> | <div class="project"> | ||||
<div class="project-head"> | <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> | ||||
<div class="project-body description"> | <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> | </div> | ||||
<div class="divider"></div> | <div class="divider"></div> | ||||
<div class="project"> | <div class="project"> | ||||
<div class="project-head"> | <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> | ||||
<div class="project-body description"> | <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> | </div> | ||||
<div class="divider"></div> | <div class="divider"></div> | ||||
<div class="project"> | <div class="project"> | ||||
<div class="project-head"> | <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> | ||||
<div class="project-body description"> | <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> | ||||
</div> | </div> |