109 lines
5 KiB
HTML
109 lines
5 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>The Internet Vagabond :: Home</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">☰</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©2015</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>
|