Browse Source

Added stuff. A lot of stuff. The entire website, in fact.

master
Ben Kurtovic 13 years ago
parent
commit
5b561ea922
8 changed files with 305 additions and 8 deletions
  1. +2
    -0
      .gitignore
  2. +3
    -0
      _config.yml
  3. +19
    -0
      _layouts/base.html
  4. +63
    -0
      _layouts/home.html
  5. +15
    -0
      _layouts/post.html
  6. +41
    -0
      _posts/2011-06-23-oh-look-a-blog.md
  7. +122
    -0
      css/main.css
  8. +40
    -8
      index.html

+ 2
- 0
.gitignore View File

@@ -0,0 +1,2 @@
# Ignore jekyll-generated site:
_site/

+ 3
- 0
_config.yml View File

@@ -0,0 +1,3 @@
safe: true
lsi: false
pygments: true

+ 19
- 0
_layouts/base.html View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{{ page.title }} - Earwig</title>
<link rel="stylesheet" href="/css/main.css" type="text/css" />
</head>
<body>
<a href="http://github.com/earwig">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://d3nwyuy0nl342s.cloudfront.net/img/71eeaab9d563c2b3c590319b398dd35683265e85/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub">
</a>
<div id="container">
{{ content }}
<div id="footer">
<p>Copyright &copy; 2011 Ben Kurtovic &bull; <a href="http://github.com/earwig/earwig.github.com">View Source</a></p>
</div>
</div>
</body>
</html>

+ 63
- 0
_layouts/home.html View File

@@ -0,0 +1,63 @@
---
layout: base
---

<div id="header">
<h1 class="naked">Hi, I'm <span class="highlight">Earwig</span>!</h1>
</div>
<div id="content">
<table>
<tr>
<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>
</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>
</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>
</tr>
<tr>
<td class="about-l light-l">OpenPGP Key</td>
<td class="about-r light-r"><a href="http://keyserver.ubuntu.com:11371/pks/lookup?search=0x8A19649AE8DBB515&amp;fingerprint=on&amp;op=index">E8DBB515</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>
</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>
</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>
</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>
</tr>
</table>
<h2>Projects</h2>
{{ content }}
</td>
<td id="right-box">
<h2 class="topless">Posts</h2>
<ul>
{% for post in site.posts %}
<li>{{ post.date | date: "%b %d, %Y" }}: <a class="invert" href="{{ post.url }}">{{ post.title }}</a><br /><span class="description">{{ post.description }}</span></li>
{% endfor %}
</ul>
</td>
</tr>
</table>
</div>

+ 15
- 0
_layouts/post.html View File

@@ -0,0 +1,15 @@
---
layout: base
---

<a class="incognito" href="/">
<div id="header">
<h1 class="naked">{{ page.title }}</h1>
</div>
</a>
<div id="content">
<span class="description"><span class="highlight">Date:</span> {{ page.date | date: "%b %d, %Y" }}</span>
<div id="post">
{{ content }}
</div>
</div>

+ 41
- 0
_posts/2011-06-23-oh-look-a-blog.md View File

@@ -0,0 +1,41 @@
---
layout: post
title: Oh Look, A Blog!
description: Just kinda playing with the idea of my own site right now.
---

Hello there.

As you can probably guess, I don't do web development often (or at all,
really). My experience lies almost completely in scripting languages like
Python, a little C++ and Java, some PHP, and a handful of other things, but I
tend to stick with Python almost entirely (it's just so awesome!). Designing
actual webpages (aside from coding the logic behind them &ndash; that's another
story) is kinda foreign to me.

I'm hoping to come up with a decent HTML/CSS design here over time, and
eventually use the code in the rewrite of my
[Toolserver](http://toolserver.org/~earwig) site. That desperately needs to be
updated. Half of the "tools" don't even work!

Either way, the Toolserver site rewrite (which will eventually be a GitHub
repo) will go hand-in-hand with the EarwigBot rewrite that has been underway
since April. I'm thinking that there will be a main repository &ndash;
something like `earwig/toolserver-public` &ndash; that will essentially be
everything inside the `public_html` folder. That will contain docs about
EarwigBot and my various (new) tools, the main `index.(html|php)` file, and the
CSS/image crud. Individual tools, which consist of code and web UI, will be
their own repos (think `earwig/toolserver-copyvio-intersect`) which will be git
submodules in the main `toolserver-public` repo. I think this could work.

Right now, I have to finish up EarwigBot's `feature/config-rewrite` branch,
merge that into develop, and get the live version of EarwigBot's config files
updated. Once that's settled, the bot's backbone is essentially complete
(finally!) The only remaining tasks are to start working on the actual wiki API
interface, and when that's done, the bot tasks themselves. Easily a summer of
work, but when it's complete, EarwigBot should be mostly finished, and up to at
least version 1.0!

So... questions? Comments? H8 mail? [Lay it on me!](mailto:ben.kurtovic@verizon.net)

:&mdash;earwig

+ 122
- 0
css/main.css View File

@@ -0,0 +1,122 @@
body {
font-family: helvetica, arial, clean, sans-serif;
font-size: 14px;
color: #000;
background-color: #E3E3E3;
}

.highlight {
color: #040;
}

.description {
font-size: 12px;
}

.topless {
margin-top: 0px;
padding-top: 0px;
}

.naked {
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}

h1, h2 {
text-align: center;
}

div.project {
border: 1px solid #DADADA;
border-radius: 5px;
background-color: #F7F7F7;
}

div.project-head {
padding: 2px 8px 4px 8px;
border-bottom: 1px solid #DADADA;
border-radius: 5px 5px 0px 0px;
background-color: #E5E5E5;
}

div.project-body {
padding: 4px 8px 6px 8px;
}

td.about-l {
padding: 3px 6px 3px 6px;
border-left: 1px solid #CCC;
}

td.about-r {
padding: 3px 6px 3px 6px;
border-right: 1px solid #CCC;
}

td.light-l { background-color: #ECECEC; }
td.dark-l { background-color: #DADADA; }
td.light-r { background-color: #F7F7F7; }
td.dark-r { background-color: #E5E5E5; }

div#container {
margin: 2px 13% 2px 13%;
border: 1px solid #BBB;
border-radius: 10px;
background-color: #FFF;
}

div#header {
margin: 8px 8px 18px 8px;
padding: 15px 0px 15px 0px;
border: 1px solid #BBB;
border-radius: 10px 10px 0px 0px;
background-color: #DDEEDD;
}

div#content {
padding: 2px 15px 2px 15px;
}

div#footer {
font-size: 11px;
text-align: center;
padding: 6px 2px 6px 2px;
color: #222;
}

div#post {
line-height: 1.5em;
}

td#left-box {
width: 50%;
vertical-align: top;
}

td#right-box {
padding-left: 25px;
vertical-align: top;
}

td#about-tl { border-top-left-radius: 5px; border-top: 1px solid #CCC; }
td#about-tr { border-top-right-radius: 5px; border-top: 1px solid #CCC; }
td#about-bl { border-bottom-left-radius: 5px; border-bottom: 1px solid #CCC; }
td#about-br { border-bottom-right-radius: 5px; border-bottom: 1px solid #CCC; }

a:link { color: #373; text-decoration: none; }
a:visited { color: #373; text-decoration: none; }
a:hover { color: #040; text-decoration: underline; }
a:active { color: #404; text-decoration: underline; }

a.invert:link { text-decoration: underline; }
a.invert:visited { text-decoration: underline; }
a.invert:hover { text-decoration: none; }
a.invert:active { text-decoration: none; }

a.incognito:link { color: #000; text-decoration: none; }
a.incognito:visited { color: #000; text-decoration: none; }
a.incognito:hover { color: #000; text-decoration: underline; }
a.incognito:active { color: #000; text-decoration: none; }

+ 40
- 8
index.html View File

@@ -1,8 +1,40 @@
<html>
<head>
<title>Earwig!</title>
</head>
<body>
<p>Earwig!</p>
</body>
</html>
---
layout: home
title: Home
---

<div class="project">
<div class="project-head">
<a class="invert" href="http://github.com/earwig/earwigbot">earwigbot</a> <span class="description"><i>(Python // started April 2009)</i></span>
</div>
<div class="project-body description">
<i>EarwigBot</i> is a <a href="http://python.org/">Python</a> robot that edits <a href="http://en.wikipedia.org/">Wikipedia</a> and interacts with people over <a href="http://en.wikipedia.org/wiki/Internet_Relay_Chat">IRC</a>.
</div>
</div>
<hr />
<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>
</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.
</div>
</div>
<hr />
<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>
</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.
</div>
</div>
<hr />
<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>(Jekyll // started June 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!
</div>
</div>

Loading…
Cancel
Save