Updating site to utilize Jekyll

This commit is contained in:
Bill Niblock 2015-02-23 12:26:52 -05:00
parent 6022f5680c
commit 8b6a8f2a19
4 changed files with 121 additions and 109 deletions

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
*.swp
.DS_store

86
_layouts/default.html Normal file
View file

@ -0,0 +1,86 @@
<!DOCTYPE HTML>
<html>
<head>
<title>The Internet Vagabond :: {{ page.type }}</title>
<meta name="description"
content="Rants of a wandering techy, in search of truth,
knowledge, and a decent ping." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="src/styles.css" />
</head>
<body>
<!-- Top Bar -->
<header>
<ul id="title">
<li>The</li><li>Internet</li><li>Vagabond</li>
</ul>
</header>
<div class="clean"></div>
<!--Sidebar -->
<nav id="navbar">
<label for="toggle-navbar" id="toggle">&#9776</label>
<input type="checkbox" id="toggle-navbar" />
<div id="bar">
<ul id="navigation">
<li>Home</li>
<li>Projects</li>
<ul id="projects">
<li>GitHub Page</li>
<li>Antennae</li>
</ul>
</ul>
<div id="follow">
<a href="https://github.com/VagabondAzulien">
<img src="src/images/github_light.png"
width="32" height="32" alt="GitHub"
title="My GitHub Repos" />
</a>
<a href="https://twitter.com/Azulien">
<img src="src/images/twitter_light.png"
width="32" height="32" alt="Twitter"
title="My Twitter Feed" />
</a>
<a href="http://www.twitch.tv/vagabondazulien/profile">
<img src="src/images/twitch_light.png"
width="32" height="32" alt="Twitch"
title="My Twitch Profile" />
</a>
<a href="http://steamcommunity.com/id/azulien">
<img src="src/images/steam_light.png"
width="32" height="32" alt="Steam"
title="My Steam Profile" />
</a>
</div>
<div id="info">
<div id="cw">Niblock&copy2015</div><br />
<a href="http://www.wtfpl.net/">
<img src="src/images/wtfpl-badge.png"
width="80" height="15" alt="WTFPL"
title="Licensed under the WTFPL." />
</a>
<a href="http://www.w3.org/html/logo/">
<img src="src/images/html5-badge.png"
width="50" height="15" alt="HTML5 | CSS3"
title="HTML5 Powered, CSS3 Styled" />
</a>
</div>
</div>
</nav>
<div class="clean"></div>
<!-- Main Content Section -->
<main>
{{ content }}
</main>
<div class="clean"></div>
</body>
</html>

View file

@ -1,109 +1,33 @@
<!DOCTYPE HTML>
<html>
<head>
<title>The Internet Vagabond :: Home</title>
---
layout: default
tabtitle: Home
---
<meta name="description"
content="Rants of a wandering techy, in search of truth, knowledge, and a decent ping." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<article>
<h1>Welcome</h1>
<p>Welcome to The Internet Vagabond, a small slice of Internet
real-estate for Bill Niblock. Nothing I say is visionary or
profound, and sometimes it makes sense.</p>
<link rel="stylesheet" type="text/css" href="src/styles.css" />
</head>
<body>
<h3>About the Site</h3>
<p>The Internet Vagabond is a small slice of Internet real-estate
for Bill Niblock. I don't have much of a use for this site,
currently, so it's more of a empty plot than a store-front.</p>
<p>The site's side-menu offers links to a few of my active GitHub
repositories, as well as links to my social network profiles.
Feel free to examine and use any of the code in my repos, so long
as that use adheres to the WTFPL.</p>
<p>I try to keep this site as minimal and useful as possible. I've
enjoyed the most recent re-structure, as it has allowed me to
use only HTML5 and CSS3. As more web-techologies arise, I look
forward to exploring their uses and employing them on this site.</p>
<!-- Top Bar -->
<header>
<ul id="title">
<li>The</li><li>Internet</li><li>Vagabond</li>
</ul>
</header>
<div class="clean"></div>
<!--Sidebar -->
<nav id="navbar">
<label for="toggle-navbar" id="toggle">&#9776</label>
<input type="checkbox" id="toggle-navbar" />
<div id="bar">
<ul id="navigation">
<li>Home</li>
<li>Projects</li>
<ul id="projects">
<li>GitHub Page</li>
<li>Antennae</li>
</ul>
</ul>
<div id="follow">
<a href="https://github.com/VagabondAzulien">
<img src="src/images/github_light.png"
width="32" height="32" alt="GitHub"
title="My GitHub Repos" />
</a>
<a href="https://twitter.com/Azulien">
<img src="src/images/twitter_light.png"
width="32" height="32" alt="Twitter"
title="My Twitter Feed" />
</a>
<a href="http://www.twitch.tv/vagabondazulien/profile">
<img src="src/images/twitch_light.png"
width="32" height="32" alt="Twitch"
title="My Twitch Profile" />
</a>
<a href="http://steamcommunity.com/id/azulien">
<img src="src/images/steam_light.png"
width="32" height="32" alt="Steam"
title="My Steam Profile" />
</a>
</div>
<div id="info">
<div id="cw">Niblock&copy2015</div><br />
<a href="http://www.wtfpl.net/">
<img src="src/images/wtfpl-badge.png"
width="80" height="15" alt="WTFPL"
title="Licensed under the WTFPL." />
</a>
<a href="http://www.w3.org/html/logo/">
<img src="src/images/html5-badge.png"
width="50" height="15" alt="HTML5 | CSS3"
title="HTML5 Powered, CSS3 Styled" />
</a>
</div>
</div>
</nav>
<div class="clean"></div>
<!-- Main Content Section -->
<main>
<article id="about">
<p>Welcome to The Internet Vagabond, a small slice of Internet real-estate for Bill Niblock. Nothing I say is visionary or profound, and sometimes it makes sense.</p>
<div id="post">
<h3>About the Site</h3>
<p>The Internet Vagabond is a small slice of Internet real-estate
for Bill Niblock. I don't have much of a use for this site,
currently, so it's more of a empty plot than a store-front.</p>
<p>The site's side-menu offers links to a few of my active GitHub
repositories, as well as links to my social network profiles.
Feel free to examine and use any of the code in my repos, so long
as that use adheres to the WTFPL.</p>
<p>I try to keep this site as minimal and useful as possible. I've
enjoyed the most recent re-structure, as it has allowed me to
use only HTML5 and CSS3. As more web-techologies arise, I look
forward to exploring their uses and employing them on this site.</p>
</div>
<div id="post">
<h3>About the Vagabond</h3>
<p>I like to consider myself a citizen of the Internet. I enjoy
gaming, philosophy, and technology in general.</p>
<p>I enjoy all sorts of gaming, be it table-top or computer.
Thanks to the advent of Steam on Linux, I've been able to
maintain my Linux desktop while enjoying some very great games.
Currently, my largest time-sinks are Dota 2, Guild Wars 2, and
an assortment of independent titles.</p>
</div>
</article>
</main>
<div class="clean"></div>
</body>
</html>
<h3>About the Vagabond</h3>
<p>I like to consider myself a citizen of the Internet. I enjoy
gaming, philosophy, and technology in general.</p>
<p>I enjoy all sorts of gaming, be it table-top or computer.
Thanks to the advent of Steam on Linux, I've been able to
maintain my Linux desktop while enjoying some very great games.
Currently, my largest time-sinks are Dota 2, Guild Wars 2, and
an assortment of independent titles.</p>
</article>