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,83 +1,14 @@
<!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>
<!-- 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,
@ -90,8 +21,7 @@
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>
@ -100,10 +30,4 @@
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>
</article>