vagabond/the-internet-vagabond-dot-com
1
0
Fork 0
Code Issues 3 Pull requests Projects 2 Activity Actions

De-cluttering

Browse source
This commit is contained in:
Bill Niblock 2015-02-19 12:42:46 -05:00
parent 3cd207d5ab
commit 507fddb1d3
102 changed files with 0 additions and 5574 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
projects/adv/adv.css
View file

@ -1,49 +0,0 @@
/*
CSS for www.theinternetvagabond.com/adv.html
Written by Bill Niblock
*/
/* Main Styles */
.main{
position: fixed; left: 25px; top: 165px; bottom: 55px; right: 25px;
min-height: 400px;
border: 3px blue solid; border-radius: 20px;
}
.h_left{
position: absolute; left: 5px; top:5px; bottom:5px; right:5px;
overflow: auto; padding: 20px;
}
/* Adventure Styles */
.adv_top{
position: absolute; left: 5px; top: 5px; right: 5px;
border: 3px blue solid; border-radius: 20px; padding: 10px;
}
.adv_title{
}
.adv_info{
}
.adv_bleft{
position: absolute; left:5px; top: 140px; width: 50%; min-width: 470px;
}
.adv_pics{
border-top: 3px blue solid; border-bottom: 3px blue solid; padding-left: 15px;
}
.adv_map{
border: 3px blue solid; border-radius: 20px; padding: 5px;
}
.adv_bright{
position: absolute; right: 5px; top: 125px; width: 45%; min-width: 470px; padding: 10px;
}
.adv_logs{
}

37
projects/pp/index.html
View file

@ -1,37 +0,0 @@
<html>
<head>
<title>Project Progress: </div>
<link rel="stylesheet" type="text/css" href="progress_project.css" />
<script type="text/javascript">
function switchTab(tab_name){
}
</script>
</head>
<body>
<div class="status_bar"></div>
<div class="progress_body">
<div class="progress_bar"></div>
<div class="progress_bot">
<div class="bot_tabs">
<ul class="tabs">
<li class="tab" id="tab1" onClick="switchTab('be1')">Tab 1</li>
<li class="tab" id="tab1" onClick="switchTab('be2')">Tab 2</li>
<li class="tab" id="tab1" onClick="switchTab('be3')">Tab 3</li>
<li class="tab" id="tab1" onClick="switchTab('be4')">Tab 4</li>
<li class="tab" id="tab1" onClick="switchTab('be5')">Tab 5</li>
<li class="tab" id="tab1" onClick="switchTab('be6')">Tab 6</li>
</div>
<div class="bot_body">
<div class="bot_element" id="be1"></div>
<div class="bot_element" id="be2"></div>
<div class="bot_element" id="be3"></div>
<div class="bot_element" id="be4"></div>
<div class="bot_element" id="be5"></div>
<div class="bot_element" id="be6"></div>
</div>
</div>
</div>
</body>
</html>

68
projects/reader/index.php
View file

@ -1,68 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Nibz Reader</title>
<meta name="description" content="A small, web-based feed aggragation service." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="reader.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="reader.js"></script>
<?php $dbhandle = mysqli_connect("localhost", "billn", "fatty119", "internetvagabond"); ?>
</head>
<body>
<header id="title" class="mainheader">
<div class="maintitle">The Nibz Reader</div>
<ul class="feedbuttons">
<li id="feed_refresh"></li>
<li id="feed_add"></li>
<li id="feed_help"></li>
</ul>
</header>
<!-- Feed Aggrigation Section -->
<section id="reader" class="reader">
<header id="rss_actions" class="r_actions">
<!-- refresh, add feed, import/export button?, others -->
</header>
<div id="feedlist" class="feeds">
<!-- list feeds and current unread articles here -->
</div>
<div id="feedinfo" class="articles">
<!-- this section gets populated via php -->
</div>
</section>
<!-- Read Later Section -->
<section id="later" class="later">
<header id="title">Read Later</header>
<nav id="actions">
<!-- refresh, add, others -->
<div id="rl_add" onclick="addRL(url, title)">Add</div>
<div id="rl_sort">Sort</div>
<div id="rl_list">Lists</div>
<div id="clear"></div>
</nav>
<div id="readlist" class="readlist">
<?php
if (mysqli_connect_errno($dbhandle)){ echo "Failed to connect: " . mysqli_connect_error();}
$query = mysqli_query($dbhandle, "SELECT * FROM readlater ORDER BY add_date DESC");
while ($entry = mysqli_fetch_array($query)) {?>
<div id="article">
<div id="a_date"><?php
$tempDate = date('M. j H:G', strtotime(str_replace('.','-',$entry['add_date'])));
echo $tempDate;?></div>
<div id="a_opts">
<span id="a_opts_list">[+]</span>
<span id="a_opts_del">[X]</span>
</div>
<div id="clear"></div>
<div id="a_title"><?php echo $entry['title'];?></div>
<div id="a_link"><?php echo $entry['url'];?></div>
</div>
<?php } ?>
</div>
</section>
</body>
</html>

41
projects/reader/index_2.php
View file

@ -1,41 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Nibz Reader</title>
<meta name="description" content="A small, web-based feed aggragation service." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="reader.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="reader.js"></script>
<?php $dbhandle = mysqli_connect("localhost", "billn", "fatty119", "internetvagabond"); ?>
</head>
<body>
<header id="title" class="mainheader">
<div class="maintitle">The Nibz Reader</div>
<ul class="feedbuttons">
<li id="feed_refresh"></li>
<li id="feed_add"></li>
<li id="feed_help"></li>
</ul>
</header>
<!-- Feed Aggrigation Section -->
<section id="reader" class="reader">
<header id="rss_actions" class="r_actions">
<!-- refresh, add feed, import/export button?, others -->
</header>
<div id="feedlist" class="feeds">
<!-- list feeds and current unread articles here -->
</div>
<div id="feedinfo" class="articles">
<!-- this section gets populated via php -->
</div>
</section>
<!-- Read Later Section -->
<?php include 'readlater.php'; ?>
</body>
</html>

240
projects/reader/reader.css
View file

@ -1,240 +0,0 @@
/*
CSS for reader.theinternetvagabond.com
Written by Bill Niblock
Attempting to use a fluid grid and responsive design approach.
"Optimal" Page width: 1920px
5 colums of 360px each, with 20px gutters
Assumed default type size: 16px
Remember: target / context = result
*/
/* =============================
Reset Styles, Thanks to...
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
============================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* =============================
Utility Styles
============================= */
#clear {
clear: both;
}
/* =============================
Header Styles
============================= */
.mainheader{
position: fixed; top: 0px; left: 0px;
width: 100%; height: 50px;
font: italic 2.0em monospace;
border: 2px outset grey;
}
.maintitle{
float: left;
padding: 10px 0px;
}
.feedbuttons{
float: left;
display: inline;
}
/* =============================
Reader Styles
============================= */
.reader{
float: left;
width: 79.166666666666%; /* 1520 / 1920 = 0.791666666*/
position: absolute;
top: 50px; bottom: 0px; left: 0px;
}
.r_actions{
}
.feeds{
float: left;
width: 290px; /* Non-scaling width; Changes when at a smaller screen size */
/* border: 1px solid black; */
position: absolute;
left: 0px; top: 0px; bottom: 0px;
}
.articles{
float: right;
/* border: 1px solid black; */
position: absolute;
top: 0px; bottom: 0px; right: 0px; left: 290px;
}
/* =============================
Read Later Styles
============================= */
.later{
float: right;
width: 290px; /* 360 / 1920 = .1875 */
margin: 0px 1.041666666667%; /* 20 / 1920 = .0140166666 */
padding: 0px 5px;
position: absolute;
top: 0px; bottom: 0px; right: 0px;
border: 1px solid black;
}
.later #title{
font: italic 2.0em monospace;
text-align: center;
}
.later #actions{
display: flex;
justify-content: center;
}
#actions #rl_add {
padding: 5px 15px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#actions #rl_sort {
padding: 5px 15px;
margin: 0px 5px;
}
#actions #rl_list {
padding: 5px 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#actions div[id^="rl_"] {
background-color: grey;
cursor: pointer;
min-width: 50px;
max-width: 50px;
text-align: center;
float: left;
box-shadow: 0px 1px 2px 1px black;
}
#actions div[id^="rl_"]:hover {
background-color: #DCDCDC;
}
#actions div[id^="rl_"]:active {
box-shadow: 0px 0px 5px 2px #555555 inset;
background-color: white;
color: black;
}
.readlist{
padding: 0px 5px;
}
.readlist #article {
padding: 5px;
margin: 20px 0px;
border-bottom-right-radius: 15px;
background-color: #DCDCDC;
box-shadow: 1px 1px 2px 2px #555555;
}
.readlist #a_date {
float: left;
font-size: 0.9em;
}
.readlist #a_opts {
float: right;
}
.readlist #a_opts_list {
}
.readlist #a_opts_del {
}
.readlist #a_title {
font: 1.1em bold;
}
.readlist #a_link {
font-size: 0.75em;
color: grey;
}
/* =======================================
Responsive -- Width: 1536 -> 960
======================================= */
/* =======================================
Responsive -- Width: 960-
======================================= */

137
projects/reader/readlater.php
View file

@ -1,137 +0,0 @@
<DOCTYPE html>
<head>
<?php $dbhandle = mysqli_connect("localhost", "billn", "fatty119", "internetvagabond"); ?>
<style>
.later{
display: flex;
display: -webkit-flex;
flex-flow: column;
-webkit-flex-flow: column;
justify-content: center;
min-width: 290px;
max-width: 290px;
border: 2px solid black;
}
.later #title{
font: italic 2.0em monospace;
text-align: center;
border: 2px solid grey;
}
.later #actions{
display: flex;
justify-content: center;
padding: 5px 0px;
}
#actions #rl_add {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#actions #rl_srt {
margin: 0px 5px;
}
#actions #rl_lst {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#actions div[id^="rl_"] {
background-color: grey;
cursor: pointer;
min-width: 50px; max-width: 50px;
min-height: 20px; max-height: 20px;
text-align: center;
padding: 5px 15px;
box-shadow: 0px 1px 2px 1px black;
transition: background-color .5s;
}
#actions div[id^="rl_"]:hover {
background-color: #DCDCDC;
}
#actions div[id^="rl_"]:active {
box-shadow: 0px 0px 5px 2px #555555 inset;
background-color: white;
color: black;
}
.readlist{
padding: 0px 10px;
}
.readlist #listtitle{
font: italic 0.8em monospace;
}
.readlist #article {
padding: 5px;
margin: 10px 0px 20px 0px;
border-bottom-right-radius: 15px;
background-color: #DCDCDC;
box-shadow: 1px 1px 2px 2px #555555;
}
.readlist #a_date {
float: left;
font-size: 0.9em;
}
.readlist #a_opts {
float: right;
}
.readlist #a_opts_list {
}
.readlist #a_opts_del {
}
.readlist #a_title {
font: 1.1em bold;
}
.readlist #a_link {
font-size: 0.75em;
color: grey;
}
</style>
</head>
<body>
<section id="readlater" class="later">
<header id="title">Read Later</header>
<nav id="actions">
<!-- refresh, add, others -->
<div id="rl_add" onclick="addRL()">Add</div>
<div id="rl_srt" onclick="srtRL()">Sort</div>
<div id="rl_lst" onclick="lstRL()">Lists</div>
<div style="clear:both"></div>
</nav>
<div id="readlist" class="readlist">
<div id="listtitle">Default List</div>
<?php if (mysqli_connect_errno($dbhandle)){ echo "Failed to connect: " . mysqli_connect_error();}
$query = mysqli_query($dbhandle, "SELECT * FROM readlater ORDER BY add_date DESC");
while ($entry = mysqli_fetch_array($query)) {?>
<div id="article">
<div id="a_date"><?php
$tempDate = date('M. j H:G', strtotime(str_replace('.','-',$entry['add_date'])));
echo $tempDate;?></div>
<div id="a_opts">
<span id="a_opts_list">[+]</span>
<span id="a_opts_del">[X]</span>
</div>
<div style="clear:both"></div>
<div id="a_title"><?php echo $entry['title'];?></div>
<div id="a_link"><?php echo $entry['url'];?></div>
</div>
<?php } ?>
</div>
</section>
</body>

59
projects/space/index.html
View file

@ -1,59 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Space Prospector: Realtor 20XX</title>
<meta name="description" content="Find resources, manage your space property, and dominate the Space Market!" />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="spacecamo.css" />
<link rel="stylesheet" type="text/css" href="../../doodads/footercss.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="../../doodads/vagabondsigns.js"></script>
<script type="text/javascript" src="spacescripts.js"></script>
</head>
<body>
<!-- Top-Fixed Bar -->
<header class="header">
<div class="menu_options">
<ul class="header_menu">
<li class="menu_item">Space!</li>
<li class="menu_item">Office</li>
<li class="menu_item">Donate</li>
<li class="menu_item">About</li>
</ul>
</div>
<div class="account_info">
<ul class="header_acct">
<li class="acct_item">Log-In!</li>
</ul>
</div>
<div class="company_icons">
<ul class="header_icons">
<li class="icon_item" alt="Resources">R</li>
<li class="icon_item" alt="Planets">P</li>
<li class="icon_item" alt="Stations">S</li>
<li class="icon_item" alt="Satellites">T</li>
</ul>
</div>
</header>
<!-- End Bar -->
<!-- THE GAME SPACE! -->
<canvas id="realter20xx">
<p class="noticket">Can't see anything? You're browser doesn't support the HTML 5 Canvas Element!
Try one of these: <a href="http://chrome.google.com">Google Chrome</a> <a href="http://www.mozilla.org">Firefox</a> <a href="http://www.opera.com">Opera</a></p>
</canvas>
<!-- End The Game :( -->
<!-- Vagabond Footer -->
<div class="footer">
<div class="footer_notice">
<div id="vagabond_notice" class="footer_notice_text" onClick="cycleArray()">The Internet Vagabond &copy 2009-2012</div>
</div>
</div>
<!-- End Footer -->
</body>
</html>

86
projects/space/spacecamo.css
View file

@ -1,86 +0,0 @@
/*
CSS Document for Space Prospector: Realtor 20XX
Written by Bill Niblock
http://www.theinternetvagabond.com
*/
/*=====================================================
Miscellaneous Styles
=====================================================*/
.noticket{
position: fixed; top: 50%; left: 15%;
font: bold larger;
color: red;
}
body{
background-color: black;
}
/*=====================================================
Header Styles
=====================================================*/
.header{
position: fixed; top: 0px; left: 0px; width: 100%; height: 25px;
border-bottom: 1px solid rgba(40,40,40,0.75);
background-color: rgba(4, 4, 4, 0.75);
background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(30,30,30,0.75) 75%,rgba(50,50,50,0.75) 90%,rgba(50,50,50,0.9) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
}
/*=====================================================
Header Menu
=====================================================*/
.menu_options{
display: inline; float: left;
padding: 2px 10px;
cursor: pointer;
}
.header_menu{
display: inline;
list-style: none;
color: white;
}
.menu_item{
float: left;
padding: 0px 20px;
}
/*=====================================================
Login Menu
=====================================================*/
.account_info{
display: inline; float: left;
padding: 2px 10px;
cursor: pointer;
}
.header_acct{
display: inline;
list-style: none;
color: white;
}
.acct_item{
float: left;
padding: 0px 20px;
}
/*=====================================================
Company Icons
=====================================================*/
.company_icons{
position: absolute; top: 0px; right: 0px;
display: inline; float:left;
padding: 2px 0px;
cursor: pointer;
}
.header_icons{
display: inline;
list-style: none;
color: white;
}
.icon_item{
float: left;
padding: 0px 20px;
}

4
projects/space/spacescripts.js
View file

@ -1,4 +0,0 @@
//Button Functions
$(document).ready(function() {
$("li").click(function(){
alert(this.innerHTML);})})

44
projects/wedding/index.html
View file

@ -1,44 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title> The Forever Men -- Online Radio Drama </title>
<meta name="keywords" content="Radio, Drama, Radio Drama, Online Radio, Online Radio Drama, Forever Men, The Forever Men, Pulp, Action, Romance, Suspense" />
<meta name="description" content="Saving the world from Nazi dominion, The Forever Men stand valiantly for the free world. A dashing Secret Agent, a mysterious Russian Psychic, a loyal British Rifleman and a rough-and-tough American Man face down the perils of tyranny and evil! They are... The Forever Men!" />
<link rel="stylesheet" type="text/css" href="wedding.css" />
</head>
<body>
<!-- Header for the image splash and the navigation buttons
Each button merely changes the z-index of the main div
below, avoiding unnecessary page reloads -->
<header>
<img src="forevermensplash.jpg" alt="Forever Men!" />
<div class="nav" id="nav">
<div class="nav_button" id="News">News and Episodes</div>
<div class="nav_button" id="Cast">Cast and Crew</div>
<div class="nav_button" id="About">About The Forever Men</div>
</div>
</header>
<!-- The main div, where all the information for the site is provided -->
<div class="main" id="main">
<!-- The section relating to news, episodes, and the media player. The main focus of the site -->
<div class="news" id="News">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE NEWS SECTION.
</div>
<!-- The section relating to cast and crew information -->
<div class="cast" id="Cast">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE CAST SECTION.
</div>
<!-- The section relating to information about The Forever Men and the people who produce it. -->
<div class="about" id="About">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE ABOUT SECTION.
</div>
</div>
<!-- The Footer, where a small disclaimer about rights
and a general email address are provided. Nothing
fancy. -->
<footer>
<div class="disclaimer" id="Disclaimer"> </div>
<div class="email" id="Email">Website Problems? Please contact us here: <a href="mailto:webmaster@forevermen.com">webmaster@forevermen.com</a></div>
</footer>
</body>
</html>

38
projects/wedding/wedding.css
View file

@ -1,38 +0,0 @@
/*
Wedding, Vagabond Template
Written by Bill Niblock, The Internet Vagabond
http://www.theinternetvagabond.com
*/
html{
background: #660066;
}
header{
position:fixed; top:0px; left:0px; right:0px; height:60px;
}
slideshow{
position:fixed; top: 70; margin-left: auto; margin-right: auto; width: 800px;
}
.main{
margin-top: 270px; margin-left: auto; margin-right: auto; width: 800px;
border-left: 1px black solid; border-right: 1px black solid; border-bottom: 2px black solid;
background: #F8F8F8;
}
footer{
position:fixed; bottom:0px; left:0px; height:20px;
}
.nav{
margin-left: auto; margin-right: auto; width: 700px;
}
.nav_button{
float:left; width: 200px; height: 20px;
border: 2px solid white; border-radius:25px;
text-align:center;
}

0
trinkets/Prophecy_Script.ttf → src/Prophecy_Script.ttf
View file

0
trinkets/frankenbeans.jpg → src/images/frankenbeans.jpg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
trinkets/h_bg.png → src/images/hobosign.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

BIN
trinkets/a_c.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
trinkets/a_d.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
trinkets/background_clicked.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 5.1 KiB

BIN
trinkets/background_static.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 5.2 KiB

412
trinkets/css2.css
View file

@ -1,412 +0,0 @@
/*
CSS for www.theinternetvagabond.com
Written by Bill Niblock
Attempting to use a fluid grid and responsive design approach.
"Optimal" Page width: 1024px
Columns: 6; Column Width: 139px; Column Spacer Width: 18
Single Column: 6.906em; 14.48%
Single Spacer: 1.875%
Assumed default type size: 16px
Remember: target / context = result
*/
/* =============================
Reset Styles, Thanks to...
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
============================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* =============================
Utility Styles
============================= */
/* Font used for sub title.
Font found on http://www.fontspace.com
Font created by Michael Tension (mtension AT gmail DOT com)
*/
@font-face{
font-family: "header sub";
src: url("../trinkets/Prophecy_Script.ttf") format("truetype");
}
.clean{ clear:both;}
#page{
margin: 20px auto;
padding: 0 1em;
max-width: 64em; /* 1024px / 16px = 64 em */
}
/* =============================
Left Column Styles
============================= */
.lft_col{
float:left; margin-left: 3.75%; margin-top: 175px;
width: 14.48%
}
.leftbar{
/*margin-left: 125px; margin-top: 150px;*/
padding: 0px 0px 0px 0px;
}
.leftbar_border1{
width: 30px; height: 300px;
padding-left: 15px; padding-bottom: 0px; margin-left: -15px;
border-right: 5px solid #0033CC; border-bottom-right-radius: 10px;
border-bottom: 5px solid #0033CC;
font: bolder 22px "Courier New", Courier, monospace;
text-shadow: 2px 2px lightgrey;
color: blue;
}
.leftbar_border2{
width: 20px; padding-left: 10px; margin-left: -24px; margin-top: -5px;
border-top: 5px solid #0033CC; border-top-left-radius: 10px;
border-left: 5px solid #0033CC; border-bottom-left-radius: 0px;
}
.leftbar_links{
margin-left: -36px; z-index: 8;
padding: 0px;
list-style: none;
}
.leftbar_links_link{
position: relative;
height: 40px; width: 180px; margin-top: 15px; margin-bottom: 15px;
background-color: white; white-space: nowrap; overflow: hidden;
border: 5px solid #0033CC; border-radius: 10px;
-o-transition-property: width;
-moz-transition-property: width;
-webkit-transition-property: width;
-ms-transition-property: width;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-ms-transition-duration: 1s;
}
/* .leftbar_links_link:hover{
width: 180px;
} */
.lbll_text{
float: left; position: absolute; right: 0px; width: 140px; height: 100%; z-index: 9;
font: 1.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-shadow: 2px 2px lightgrey; letter-spacing: 1px; text-align: right;
}
.lbll_img{
float: left; position: absolute; left: 0px; z-index: 10;
max-width: 100%;
}
/* =============================
Right Column Styles
============================= */
/* =============================
Middle Column Styles
============================= */
.mid_col{
float:right;
width: 80.665%
}
.title{
margin: 0px auto; width: 100%;
}
.page_title{
width: 100%;
margin-left: 50px;
}
.page_title_word{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
/* font-style: italic; */ text-shadow: 2px 2px #DEDEDE; color: darkgrey; letter-spacing: 8px;
}
.page_title_word:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -10px;
/* font-style: italic */ color: white; text-shadow: 0px 0px 15px blue;
}
.page_title_sub{
font: 1.2em "header sub";
text-align: center; vertical-align: center;
font-style: italic; margin: 0px auto;
}
/*
.page_title_sub_border1{
padding-left: 250px; margin-left: -50px; margin-right: -5px;
border-top: 5px solid #0033CC; border-top-right-radius: 10px;
border-right: 5px solid #0033CC;
}
.page_title_sub_border2{
padding: 0px 50px 0px 25px;
border-left: 5px solid #0033CC; border-bottom-left-radius: 10px;
border-bottom: 5px solid #0033CC;
}
*/
/* =============================
Main Styles
============================= */
.main{
float: left;
position: absolute; top: 250px;
max-width: 1500px; height: 1000px;
}
.main_posts{
float:left; position: relative; top: -100px;
margin: 0px auto 0px 50px;
width: 80%; max-width: 1300px;
}
/* =============================
Post Styles
============================= */
.dyna_post{
display: none;
background-color: #DD5555; border: 2px solid red; border-radius: 10px;
padding: 10px; height: 100%;
font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: black;
}
.about_cont{
display: none;
}
.about_title{
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: italic; text-shadow: 2px 2px lightgrey; letter-spacing: 8px;
}
.about_title:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -20px;
font-style: italic; text-shadow: 3px 3px lightgrey;
}
.about_info{
padding-left: 250px;
}
.sort_cont{
display: none;
}
.sort_title{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: italic; text-shadow: 2px 2px lightgrey; letter-spacing: 8px;
}
.sort_title:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -20px;
font-style: italic; text-shadow: 3px 3px lightgrey;
}
.sort_info{
padding-left: 250px; height: 100px;
}
.text_post{
height: 100%; overflow: hidden;
padding: 10px 200px 10px 30px; margin: 50px 0px;
}
.text_post#gplus{
border-top: 5px solid green; border-left: 5px solid gold; border-bottom: 5px solid blue; border-right: 5px solid red;
/*background: url('') no-repeat top right; */
}
.text_post#twit{
border: 5px solid lightblue; border-radius: 10px;
}
.text_post#vaga{
border: 5px solid black; border-top-right-radius: 25px; border-bottom-left-radius: 25px;
}
.text_post#other{
display: none;
}
.text_post#about{
padding: 10px; margin: 10px 0px;
}
.text_post#temp{
/*display: none;*/
border: 5px solid #3333AA; border-radius: 15px; background-color: #7777DD;
padding: 20px; margin: 10px 0px;
font-size: 1.2em; color: lightgrey;
}
/* =======================================
Responsive -- Width: 1150 thru 850
======================================= */
@media screen and (max-width: 1150px){
#page{
max-width: 50em; /* 800px / 16px = 50 em */
}
.lft_col{
margin-left: 1.875%;
width: 14.48%
}
.leftbar_border1{
border-left: 5px solid #0033CC; border-bottom-left-radius: 10px;
border-bottom: 5px solid #0033CC;
border-right: 0px solid white; border-bottom-right-radius: 0px;
}
.leftbar_border2{
margin-left: 14px; margin-top: -5px;
border-top: 5px solid #0033CC; border-top-right-radius: 10px;
border-right: 5px solid #0033CC;
border-left: 0px solid white; border-top-left-radius: 0px;
}
.leftbar_links{
margin-left: -2px; z-index: 8;
padding: 0px;
list-style: none;
}
.leftbar_links_link{
position: relative;
height: 40px; width: 40px; margin-top: 15px; margin-bottom: 15px;
background-color: white; white-space: nowrap; overflow: hidden;
border: 5px solid #0033CC; border-radius: 10px;
-o-transition-property: width;
-moz-transition-property: width;
-webkit-transition-property: width;
-ms-transition-property: width;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-ms-transition-duration: 1s;
}
.leftbar_links_link:hover{
width: 180px;
}
.mid_col{
width: 83.54%;
}
.main_post{
width: 100%;
margin: 0px auto;
}
.text_post{
margin: 25px 0px;
}
.title{
margin: 0px auto;
}
.page_title_word{
font: 1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.page_title_word:first-letter{
font: 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.page_title_sub{
font: 1.0em "header sub";
}
}
/* =======================================
Responsive -- Width: 850 thru 500
======================================= */
@media screen and (max-width: 850px){
#page{
max-width: 40em; /* 640px / 16px = 40 em */
}
.lft_col{
display: none;
}
.mid_col{
width: 100%;
}
.main_post{
width: 100%;
margin: 0px auto;
}
}
/* =======================================
Responsive -- Width: 500 or less, Landscape
======================================= */
@media handheld,screen and (max-width: 500px) and (orientation: landscape){
#page{
max-width: 29em; /* 464px / 16px = 29 em */
}
}

BIN
trinkets/doodads/LeLoi.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 110 KiB

50
trinkets/doodads/about.html
View file

@ -1,50 +0,0 @@
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
<!-- The Internet Vagabond :: About -->
<!-- About Subheader area -->
<div class="subheader">
<div class="subheader_title">About the Wanderer and the Website</div>
<div class="subheader_links">
<div class="subheader_links_link" alt="Check out my Twitter." onclick="window.open('https://twitter.com/#!/Azulien');">@Azulien</div>
<div class="subheader_links_link" alt="Find me on Google+" onclick="window.open('https://plus.google.com/108889767571068230161/posts');">Google+</div>
<div class="subheader_links_link" alt="Game with me on Steam" onclick="window.open('http://steamcommunity.com/id/azulien');">Steam</div>
<div class="subheader_links_link" alt="Access my online Resume" onclick="">Resume</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- End About Subheader area -->
<br />
<!-- About area -->
<div class="about_section">
<div>
<p> I'm your typical nerd/geek: I love gaming, technology, terrible techno/trance music, and having fun.</p>
<p> I make my home base in Buffalo, NY working for a local private college. I've been in Buffalo pretty much my entire life, save for college when I went to SUNY Geneseo. I've travelled a bit, but no where close to as much as I hope to. I enjoy designing things, and am often daydreaming about many projects that I would love to someday complete and release on the world.</p>
<p> If you've somehow stumbled onto my little patch of the Internet and read this far, I hope what you've seen or read has at least been enjoyable. Thanks for visiting, and hopefully you'll come back!</p>
</div>
<hr class="about_hr" />
<div>
<p> This site is essentially a playground. It's an opportunity for me to gather all of my thoughts, experiments, journals, discoveries, interesting links, and many more things into one convenient place, and with my own personal approach to it. I am very much an amateur web designer, so often times the appearance of this site will be a bit strange. Don't worry, though! I promise not to leave this place in a permanent state of disarray, only an occasionally, temporary one.</p>
<p> What I want from this site is more than a web presence. I'm hoping that this site will inspire and motivate me to really explore my surroundings. I yearn to travel the world, and my journies online are still in Chapter 1. This is why I chose 'vagabond.' A vagabond is, to me, a wanderer of whim and adventure; one who lives for the next experience, wherever it may take them. Hopefully, I can adventure both on- and off-line, share my voyages, and learn something in the process too.</p>
</div>
<hr class="about_hr" />
<div>
<p> Interested in joining me on my voyage? I'm not too hard to find online. Check out my profiles on Twitter, Google+ and Steam by clicking the links above; or chat me up in Kingdom of Loathing (Azulien [#1214857]) or League of Legends (Vagabond Azulien).</p>
</div>
<hr class="about_hr" />
<div>
<p> Interested in viewing my resume? Just click on the link above. From there you can view my online resume and download a PDF copy.</p>
</div>
</div>
<!-- Perhaps here I could put banners/links to the fun things I enjoy doing on a regular basis. Examples:
- KoL Banner/Forum sig thing
- LoL Banner/sig thing
- Steam banner/sig thing
- Links to other blogs I enjoy
- Maybe links to all my social site profiles
-->
<!-- End About area -->
<!-- END SECTION -->

48
trinkets/doodads/adv.html
View file

@ -1,48 +0,0 @@
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
<!-- The Internet Vagabond :: Adventures -->
<!-- Adventures Scripts Area -->
<script type="text/javascript">
$(document).ready(function() {
$(".adv_li_location").click(function() {
$(".adv_li_links#" + this.id).css("display", "inline");
});
});
</script>
<!-- End Adventures Scripts -->
<!-- Adventure Subheader area -->
<div class="subheader">
<div class="subheader_title">Adventures in The Life of a Vagabond</div>
<div class="subheader_links">
<div class="subheader_links_link" alt="Click here to view all my photos." onclick="window.open('https://plus.google.com/108889767571068230161/photos');">Photos</div>
<div class="subheader_links_link" alt="Click here to view all my videos on YouTube." onclick="window.open('http://www.youtube.com/user/TheInternetVagabond');">Videos</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- End Adventure Subheader area -->
<br />
<!-- Content Section -->
<div class="adv_main">
<!-- Adventure Log area -->
<div class="adv_list">
<div class="adv_list_item">
<div class="adv_li_location" id="ireland">Ireland</div>
<div class="adv_li_links" id="ireland">
<div class="adv_li_links_link">TEXT</div>
<div class="adv_li_links_link">PICS</div>
<div class="adv_li_links_link">VIDS</div>
</div>
</div>
<br />
</div>
<!-- End Adventure Log area -->
<!-- Adventure Content area -->
<div class="adv_content">
<p class="adv_info"> The purpose of this page is to provide me a place to share all my adventures I've had, both online and off, throughout the world and the web. It won't be terribly impressive to start, since my journey in both has really just begun, but hopefully this page will evolve to provide a true vagabond's tale.</p>
</div>
<!-- End Adventure Content area -->
<!-- End Content Section -->

63
trinkets/doodads/exp.html
View file

@ -1,63 +0,0 @@
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
<!-- The Internet Vagabond :: Experiences -->
<!-- EXP Subheader area -->
<div class="subheader">
<div class="subheader_title">The Experiences of the Vagabond</div>
<div class="subheader_links">
<div class="subheader_links_link" alt="View my Twitter feed." id="exp_tweets_button" onclick="popupWindow('exp_tweets')">Twitter Feed</div>
<div class="subheader_links_link" alt="View my Google+ feed." id="exp_gplus_button" onclick="popupWindow('exp_gplus')">Google+ Feed</div>
<div class="subheader_links_link" alt="View my favorite links." id="exp_links_button" onclick="popupWindow('exp_links')">Links</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- End About Subheader area -->
<br />
<!-- Experiences Pop-up Window: Tweets, G+, and Links-->
<div class="exp_popup">
<div class="exp_popup_tweets" id="exp_tweets">
<p> THIS IS A GIANT TEST FOR TWITTER </p>
<ul>
<li> Cool Link #1 </li>
<li> Cool Link #2 </li>
<li> Cool Link #3 </li>
<li> Cool Link #4 </li>
</ul>
</div>
<div class="exp_popup_gplus" id="exp_gplus">
<p> THIS IS A GIANT TEST FOR G+ </p>
<ul>
<li> Cool Link #1 </li>
<li> Cool Link #2 </li>
<li> Cool Link #3 </li>
<li> Cool Link #4 </li>
</ul>
</div>
<div class="exp_popup_links" id="exp_links">
<p> THIS IS A GIANT TEST FOR LINKS </p>
<ul>
<li> Cool Link #1 </li>
<li> Cool Link #2 </li>
<li> Cool Link #3 </li>
<li> Cool Link #4 </li>
</ul>
</div>
</div>
<!-- End Adventure Pop-up Window: Links-->
<!-- Content Section -->
<div class="exp_main">
<!-- Experience Log area -->
<div class="exp_list">
<a href="/ramblings/experiences" class="exp_logs_a"><div class="exp_logs_location">Characters</div></a>
<br />
<a href="#" class="exp_logs_a"><div class="exp_logs_location">Portland, OR <br />2011</div></a>
<br />
<a href="#" class="exp_logs_a"><div class="exp_logs_location">The Moon</div></a>
<br />
</div>
<!-- End Adventure Log area -->
<!-- END SECTION -->

32
trinkets/doodads/footercss.css
View file

@ -1,32 +0,0 @@
/* Footer-specific CSS for external Vagabond sites
Created by Bill Niblock
http://www.theinternetvagabond.com
*/
/* =============================
New Footer Styles
============================= */
.footer{
position: fixed; bottom: -20px; left: 10px; right: 10px; height: 17px; z-index: 10;
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
background-color: #666699;
-o-transition-property: bottom;
-moz-transition-property: bottom;
-webkit-transition-property: bottom;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.footer:hover{ bottom: 0px;}
.footer_notice{
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
text-align: center;
}
.footer_notice_text{
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: -6px 10px 0px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}

4
trinkets/doodads/jquery.js vendored
View file

File diff suppressed because one or more lines are too long

106
trinkets/doodads/news.html
View file

@ -1,106 +0,0 @@
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
<!-- The Internet Vagabond :: News -->
<!-- Script for the Quick Info bar -->
<script type="text/javascript">
$(document).ready(function(){
$("#quickinfo_button").click(function(){
$("#quickinfo").slideToggle();
});
});
</script>
<script type="text/javascript" src="../projects/insults/ShakespeareInsults.js"></script>
<!-- End Script area -->
<!-- News Subheader area -->
<div class="subheader">
<div class="subheader_title">Welcome to my little patch of the Internet.</div>
<div class="subheader_links">
<div id="quickinfo_button" class="subheader_links_link" alt="Some quick intro information.">Where am I?</div>
</div>
<div class="clear"></div>
</div>
<!-- End News Subheader area -->
<br />
<!-- Quick Info area -->
<div class="news_quickinfo_container" id="quickinfo">
<div class="news_quickinfo">
<p> The Internet Vagabond (sometimes TIV) is the personal website of Bill Niblock. It has his personal blog, travel logs, links to his social sites, and some other random things on it.</p>
<p>This page, the "News" tab, is the home page, and provides updates site-wide. Any new <span style="background-color:#9999CC">adventures</span> and <span style="background-color:#99CC99">experiences</span> will be summarized here, along with <span style="background-color:#DDDDDD">other updates</span>.</p>
<p>The "Adventures" tab is primarily for travel logs, but sometimes has project updates and other things. It also has links to his photo albums and videos.</p>
<p>The "Experiences" tab is primarily for the personal blog, but does have reviews or other items of personal interest on it.</p>
<p> The "About" tab is just some information about Bill, the site, and links to some of his profiles on other sites.</p>
<p> Thanks for visiting!</p>
</div>
<br />
</div>
<!-- End Quick Info area -->
<!-- Place for articles and news before it's shuffled off to it's appropriate section -->
<!-- ******************************************************************************** -->
<div class="post" id="news">
<div class="post_title">Insult with Style: The Dynamic Shakespeare Insult Generator</div>
<div class="post_author">Posted by: Vagabond Azulien</div>
<div class="post_date"></div>
<div class="clean"></div>
<hr class="post_hr" />
<p>Based on an image I saw on Reddit, I have created a very simple Shakespeare Insult Generator!<br /><div onClick="poeticBurn();">CLICK HERE FOR POETIC JUSTICE</div><br />Eventually, I'll modify the code to have a non-alert notification, and then create a bookmarklet for on-the-fly insults with style!</p>
</div>
<br />
<!-- ******************************************************************************** -->
<!-- ******************************************************************************** -->
<div class="post_adventure" id="news">
<div class="post_title">New Adventure: Ireland Travel Logs</div>
<div class="post_author">Posted by: Vagabond Azulien</div>
<div class="post_date"></div>
<div class="clean"></div>
<hr class="post_hr" />
<p>After a two-year delay, I've finally put up my Ireland travel logs. You can find them via the Adventures tab above.</p>
</div>
<br />
<!-- ******************************************************************************** -->
<!-- ******************************************************************************** -->
<div class="post" id="news">
<div class="post_title">Hello, Welcome, and Upcoming Changes</div>
<div class="post_author">Posted by: Vagabond Azulien</div>
<div class="post_date"></div>
<div class="clean"></div>
<hr class="post_hr" />
<p> Welcome to The Internet Vagabond dot com, my little patch of e-dirt. Thanks for stopping by, and I hope you find something here worth your while. The site is still in a "beta" stage, so I'll use this post to provide a catalog of (hopefully) upcoming changes.
<br />
<ul>
<li> Main (News) Page </li>
<ul>
<li> Deploy a way to automatically post updates without modifing the original HTML document (probably tied to Experiences) </li>
</ul>
<li> Adventures Page </li>
<ul>
<li> <span style="text-decoration: line-through;">Content</span>, Content, Content </li>
<li> Create the preview page, which will be loaded into the main section for each adventure </li>
<li> Deploy a means for reading articles in a @paged media layout </li>
<li> Deploy a means for perma-linking to articles; possibly using the current article-view </li>
</ul>
<li> Experiences Page </li>
<ul>
<li> Content, content, content </li>
<li> Deploy a way to automatically post updates without modifing the original HTML document (probably tied to Main(News)) </li>
<li> Deploy a means for reading articles in a @paged media layout </li>
<li> Deploy a means for perma-linking to articles; possibly using the current article-view </li>
<li> Create a "floating window" for my Twitter, Google+ and links buttons to display their content in </li>
<li> Figure out a way to get my Twitter and Google+ timelines into above-mentioned window </li>
</ul>
<li> About Page </li>
<ul>
<li> Develop my resume page, and link it to the appropriate sub-header button </li>
</ul>
<li> Site Wide </li>
<ul>
<li> Learn more about canvas, and try to remove as many pictures as possible </li>
</ul>
</ul>
</p>
</div>
<br />
<!-- ******************************************************************************** -->

381
trinkets/doodads/vagabondcamo.css
View file

@ -1,381 +0,0 @@
/*
CSS for www.theinternetvagabond.com
Written by Bill Niblock
*/
/* =============================
Utility Styles
============================= */
/*Custom Font classes*/
@font-face{
font-family: "header title";
src: url("") format("truetype");
}
/* Font used for sub title.
Font found on http://www.fontspace.com
Font created by Michael Tension (mtension AT gmail DOT com)
*/
@font-face{
font-family: "header sub";
src: url("../trinkets/Prophecy_Script.ttf") format("truetype");
}
.clean{ clear:both;}
html{
background-color: #DDDDDD;
}
/* =============================
Header Styles
============================= */
.header{
position:fixed; top:0px; left:5%; z-index:11; z-index: 2;
height:120px; min-width: 1000px; max-width: 1000px;
background: url("../trinkets/h_bg.png") no-repeat left top;
}
.header_title{
margin-left: 200px;
font: 2.5em "header title";
}
/*
.header_title:first-letter{
font: 2.65em "header title";
vertical-align: -35px;
}
*/
.header_sub{
font: 1.4em "header sub";
text-align: center; vertical-align: center;
}
.navbar{
position: relative; left: 150px; bottom: 20px;
width: 80%;
}
.navlink{
float: left; width:25%; height: 28px;
background-color: #666699;
display: block; text-align: center; color: #CCCCCC;
font-size: x-large; letter-spacing: 2px;
cursor: pointer;
}
/* min-width: 240px; */
.navat{
float:left; width:25%; height: 28px;
background-color: #CCCCCC;
display: block; text-align: center; color: #666699;
font-size: x-large; letter-spacing: 2px;
cursor: crosshair;
}
/* =============================
Sub-Header Styles
============================= */
.subheader{
position: fixed; top: 120px; left: 5%; right: 5%; z-index: 2;
border: 1px #666699 solid; border-radius: 10px;
height: 35px;
background-color: #666699;
}
.subheader_title{
float: left;
color: #CCCCCC; font-size: x-large; font-weight: bolder; letter-spacing: 2px;
margin: 2px 15px; padding: 2px;
}
.subheader_links{
float: left;
position: absolute; right: 20px;
}
.subheader_links_link{
float:left;
font-weight: bold; letter-spacing: 2px; color: #444444;
padding: 5px 15px; margin: 6px 10px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
/* =============================
New Footer Styles
============================= */
.footer{
position: fixed; bottom: -20px; left: 10px; right: 10px; height: 17px; z-index: 10;
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
background-color: #666699;
-o-transition-property: bottom;
-moz-transition-property: bottom;
-webkit-transition-property: bottom;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.footer:hover{ bottom: 0px;}
.footer_notice{
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
text-align: center;
}
.footer_notice_text{
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: -6px 10px 0px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
/* =============================
Old Footer Styles
================================
.footer{
position:fixed; bottom:0px; left:0px; right:0px; z-index:10;
margin-left:25%; margin-right:25%; padding-top:5px; padding-bottom:5px;
height:25px; width: 760px; min-width: 760px;
background-color:#111111; opacity:0.9;
border-top-left-radius: 60px; border-top-right-radius: 60px;
}
.foot_left{
float:left; width: 20%; min-width:200px; height:25px; padding-left:5px; padding-right: 25px;
border-right: 1px solid #AAAAAA;
}
.foot_right{
float:left; width: 35%; min-width:200px; height:25px;
border-left: 1px solid #AAAAAA;
}
.footer_img{
float:left;
padding-left:25px;
}
.foot_center{
float:left; width: 30%; min-width:250px; height:35px;
vertical-align: middle; text-align:center;
}
.footer_info{
font: italic 6px ariel, sans-serif;
color: #CCCCCC; letter-spacing: 1px;
}
==============================*/
/* =============================
Left-bar Styles
==============================*/
.leftbar{
position:fixed; left:0px; top:100px; bottom:0px; z-index:10;
margin-top:10%; margin-bottom:10%; width:15px; min-height: 400px;
padding-top: 30px; padding-bottom: 30px; padding-left:5px;
border-top: 2px solid blue; border-right: 2px solid blue; border-bottom: 2px solid blue;
border-bottom-right-radius: 120px; border-top-right-radius: 120px;
background-color: #666699;
overflow: hidden; white-space: nowrap;
-o-transition-property: width, border-bottom-right-radius, border-top-right-radius;
-o-transition-duration: 2s, 2s, 2s;
}
.leftbar:hover{ width:250px; border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
/*.spacer{
position:absolute; right:0px; top:0px; bottom:0px; width:15px;
border-bottom-right-radius: 120px; border-top-right-radius: 120px;
background-color: #6666DD; color: #DDDDDD; vertical-align: middle;
}
*/
.leftlist{
list-style: none;
}
.left_title{
font: italic 14px ariel, sans-serif;
color: #CCCCCC; letter-spacing: 1px;
margin-left:20px;
}
.left_sep{
margin-left:15px; margin-right:15px; width:220px;
}
/* =============================
Main Styles
============================= */
.main{
position: fixed; left: 7%; top: 120px; bottom: 5px; right: 7%;
min-height: 400px; padding: 40px 20px 20px 20px; overflow: auto;
/*border-top: 3px blue solid; border-left: 3px blue solid; border-top-left-radius: 20px; */
}
.h_left{
position: absolute; left: 5px; top:5px; bottom:5px; right:5px; min-width:900px;
}
/* =============================
News Styles
============================= */
.news_quickinfo_container{
display: none;
}
.news_quickinfo{
padding: 5px;
border: 3px solid #996666; border-radius: 20px;
background-color: #CC9999;
}
.post{
position: relative;
padding: 5px;
border: 3px solid #666699; border-radius: 20px;
background-color: #DDDDDD;
}
.post_adventure{
position: relative;
padding: 5px;
border: 3px solid #666699; border-radius: 20px;
background-color: #9999CC;
}
.post_experience{
position: relative;
padding: 5px;
border: 3px solid #666699; border-radius: 20px;
background-color: #99CC99;
}
.post_title{
float:left; padding: 0px 10px;
font-size: large; font-weight:bold;
}
.post_author{
float:left;
position: absolute; right: 20px;
}
.post_date{
float:left;
}
.post_hr{ width:75%;}
/* =============================
Adventure Styles
============================= */
.adv_main{
}
.adv_list{
float: left;
position: absolute; top: 50px; bottom: 20px; width: 20%; padding: 5px;
border: 3px #CDCDCD solid; border-radius: 5px;
background-color: #CBCBCB; box-shadow: 0px 0px 30px 10px #CBCBCB;
}
.adv_logs_title{
font-weight: bolder; letter-spacing: 2px;
text-align: center;
color: #666699;
}
.adv_list_item{
border: 3px #666699 solid; border-radius: 5px;
width: 80%; margin-left: auto; margin-right: auto;
}
.adv_li_location{
font-weight: bold; letter-spacing: 2px; color: #444444; text-align: center;
background-color: #9999CC;
cursor: pointer;
}
.adv_li_location:hover{
background-color: #666699; color: #CCCCCC;
}
.adv_li_links{
display: none;
}
.adv_li_links_link{
float: left;
}
.adv_hr{
color: blue; background-color: blue;
width: 65%;
}
.adv_content{
float:left; width: 68%; padding: 5px;
position: absolute; top: 45px; bottom: 10px; right: 15px;
border: 1px solid #DDDDDD; border-radius: 18px;
background-color: #DDDDDD;
}
.adv_popup_links{
display: none; position: fixed; left: 10%; width: 400px; z-index: 10;
border: 2px solid #333333; border-radius: 20px;
background-color: #BBBBBB; color: red;
}
/* =============================
Experience Styles
============================= */
.exp_list{
float: left;
position: absolute; top: 50px; bottom: 20px; right: 20px; width: 20%; padding: 5px;
border: 3px #CDCDCD solid; border-radius: 5px;
background-color: #CBCBCB; box-shadow: 0px 0px 30px 10px #CBCBCB;
}
.exp_logs_title{
font-weight: bolder; letter-spacing: 2px;
text-align: center;
color: #666699;
}
.exp_logs_location{
font-weight: bold; letter-spacing: 2px; color: #444444; text-align: center;
padding: 5px; width: 80%; margin-left: auto; margin-right: auto;
border: 3px #669966 solid; border-radius: 5px;
background-color: #99CC99;
cursor: pointer;
}
.exp_logs_location:hover{
background-color: #669966; color: #CCCCCC;
}
.exp_logs_a{ text-decoration: none; color: #444444;}
.exp_logs_a:link{ text-decoration: none; color: #444444;}
.exp_logs_a:hover{ text-decoration: none; color: black;}
.exp_logs_a:visited{ text-decoration: none; color: #444444;}
.exp_logs_a:focus{ text-decoration: none; color: #444444;}
.exp_hr{
color: blue; background-color: blue;
width: 65%;
}
.exp_popup{
position: fixed; left: 10%; top: 25%; z-index: 10;
padding: 5px;
}
.exp_popup_tweets{
display: none; float: left; width: 250px; height: 60%; z-index: 10;
padding: 5px; margin: 5px; border: 2px solid blue; border-radius: 20px;
background-color: #BBBBBB; color: blue;
}
.exp_popup_gplus{
display: none; float: left; width: 250px; height: 500px; z-index: 11;
padding: 5px; margin: 5px; border: 2px solid red; border-radius: 20px;
background-color: #BBBBBB; color: red;
}
.exp_popup_links{
display: none; float: left; width: 250px; height: 500px; z-index: 12;
padding: 5px; margin: 5px; border: 2px solid green; border-radius: 20px;
background-color: #BBBBBB; color: green;
}
/* =============================
About Styles
============================= */
.about_section{
padding: 5px;
border: 2px solid #666699; border-radius: 20px;
background-color: #DDDDDD;
}
.about_hr{
width:10%;
color: #666699; background-color: #666699;
}

44
trinkets/doodads/vagabondsigns.js
View file

@ -1,44 +0,0 @@
/* Scripts for The Internet Vagabond
www.theinternetvagabond.com
By Bill "Azulien" Niblock
*/
//Main-Footer/Article-Header Information Array Functions
var footer_x = 0;
var footer_text = new Array("The Internet Vagabond &copy 2009-2012", "azulien@theinternetvagabond.com", "Optimized for Opera", "Built in Notepad++");
function cycleArray(){
footer_x+=1;
if (footer_x > (footer_text.length - 1)){ footer_x = 0;}
document.getElementById("vagabond_notice").innerHTML=footer_text[footer_x];
}
//Main Header-Button Functions
$(document).ready(function() {
$(".navlink").click(function(){
$("#main_screen").load("doodads/" + this.id + ".html", {},
function(responseText, textStatus, XMLHttpRequest){
if (textStatus==="error"){$("#bodystuff").load("doodads/wandering.php");}
});
$(".navat").removeClass("navat").addClass("navlink");
$(this).removeClass("navlink").addClass("navat");
});
$("#news").removeClass("navlink").addClass("navat");
});
//Pop-up boxes for Twitter/G+ feeds, links, and the change log
function popupWindow(windowID){
if (document.getElementById(windowID).style.display=="block"){
document.getElementById(windowID).style.display="none";
document.getElementById(windowID + "_button").style.backgroundColor="#CC9999";
document.getElementById(windowID + "_button").style.color="#444444";}
else {
document.getElementById(windowID).style.display="block";
document.getElementById(windowID + "_button").style.backgroundColor="#996666";
document.getElementById(windowID + "_button").style.color="#CCCCCC";}
}
/*jQuery Sub-header pop-up window function
$(document).ready(function() {
$(
*/

7
trinkets/doodads/wandering.php
View file

@ -1,7 +0,0 @@
<table align="center" width="100%" cellspacing="25">
<tr><td class="body">
<div class="title">Error</div>
<div class="entry">
Oops...looks like you've wandered off somewhere. Care to come back? <br /> (This page isn't implemented yet)
</div>
</td></tr></table>

BIN
trinkets/e_c.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
trinkets/e_d.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
trinkets/em_icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 987 B

BIN
trinkets/fb_icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
trinkets/gb_icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
trinkets/h_c.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
trinkets/h_d.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
trinkets/hborder_default.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 412 B

BIN
trinkets/hborder_default.xcf
View file

Binary file not shown.

1
trinkets/index.html
View file

@ -1 +0,0 @@
Super Cool Test!

95
trinkets/index_old.php
View file

@ -1,95 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>The Internet Vagabond :: Home</title>
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="doodads/vagabondcamo.css" />
<script type="text/javascript" src="doodads/jquery.js"></script>
<script type="text/javascript" src="doodads/vagabondsigns.js"></script>
</head>
<body>
<header class="header">
<!-- Simple top-of-page filler -->
<div class="header_title">The Internet Vagabond</div>
<div class="header_sub">In search of truth, knowledge, and a decent ping</div>
<!-- Navbar area -->
<ul class="navbar">
<li class="navlink" id="news">News</li>
<li class="navlink" id="adv">Adventures</li>
<li class="navlink" id="exp">Experiences</li>
<li class="navlink" id="about">About</li>
</ul>
</header>
<!-- New Footer area -->
<div class="footer">
<div class="footer_notice">
<div id="vagabond_notice" class="footer_notice_text" onClick="cycleArray()">The Internet Vagabond &copy 2009-2012</div>
</div>
</div>
<!-- End New Footer area -->
<!--
<footer class="footer">
<div class="foot_left">
<!-- This element contains links to the 4 major parts of the website
<img class="footer_img" src="trinkets/h_d.png" onmouseover="this.src='trinkets/h_c.png'" onmouseout="this.src='trinkets/h_d.png'" alt="Go Home" />
<img class="footer_img" src="trinkets/v_d.png" onmouseover="this.src='trinkets/v_c.png'" onmouseout="this.src='trinkets/v_d.png'" alt="Go Adventuring" />
<img class="footer_img" src="trinkets/e_d.png" onmouseover="this.src='trinkets/e_c.png'" onmouseout="this.src='trinkets/e_d.png'" alt="Get some sweet Exp" />
<img class="footer_img" src="trinkets/a_d.png" onmouseover="this.src='trinkets/a_c.png'" onmouseout="this.src='trinkets/a_d.png'" alt="Learn some stuff" />
</div>
<div class="foot_center">
<!-- This element contains information regarding the website
<div class="footer_info">The Internet Vagabond, Inc. 2010</div>
<div class="footer_info">Coded in <a href="http://notepad-plus-plus.org">Notepad++</a>. Optimized for <a href="http://www.opera.com">Opera</a></div>
</div>
<div class="foot_right">
<!-- This element contains links to me on various social sites: twitter, Facebook, LinkedIn, Last.fm, etc...
<a href="http://www.facebook.com/theinternetvagabond"><img class="footer_img" src="trinkets/fb_icon.png" alt="Facebook" /></a>
<a href="http://www.linkedin.com/in/bdniblock"><img class="footer_img" src="trinkets/li_icon.png" alt="LinkedIn" /></a>
<a href="http://www.google.com/profiles/Azulien"><img class="footer_img" src="trinkets/gb_icon.png" alt="Google+" /></a>
<a href="http://twitter.com/Azulien"><img class="footer_img" src="trinkets/t_icon.png" alt="Twitter" /></a>
<a href="mailto:internet_vagabond@hotmail.com"><img class="footer_img" src="trinkets/em_icon.png" alt="Email" /></a>
</div>
</footer>
<div class="leftbar">
<!-- Acts as a pseudo-menu of additional content: ongoing projects, additional sites, and favorite/suggest links.
<div>
<h2 class="left_title">Projects</h2>
<ul class="leftlist">
<li>Chromed Tunes</li>
<li>Project Management System</li>
<li>Cloudport: The Social Bazaar</li>
<li>Nitro Page</li>
</ul>
</div>
<hr class="left_sep" />
<div>
<h2 class="left_title">Sub-Sites</h2>
<ul class="leftlist">
<li>[EXP] Guild Forums</li>
<li>Hope Guild Forums</li>
<li>The Forever Men</li>
</ul>
</div>
<hr class="left_sep" />
<div>
<h2 class="left_title">Links</h2>
<ul class="leftlist">
<li><a href="http://www.kingdomofloathing.com">The Kingdom of Loathing</a></li>
<li><a href="http://www.guildwars.com">Guild Wars</a></li>
<li><a href="http://www.leagueoflegends.com">League of Legends</a></li>
</ul>
</div>
</div>
-->
<div class="top_blur"></div>
<div class="main" id="main_screen">
<!-- The location of all the information not included above -->
<?php require("doodads/news.html"); ?>
</div>
</body>
</html>

BIN
trinkets/li_icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 885 B

BIN
trinkets/nav_buttons.xcf
View file

Binary file not shown.

49
trinkets/projects/adv/adv.css
View file

@ -1,49 +0,0 @@
/*
CSS for www.theinternetvagabond.com/adv.html
Written by Bill Niblock
*/
/* Main Styles */
.main{
position: fixed; left: 25px; top: 165px; bottom: 55px; right: 25px;
min-height: 400px;
border: 3px blue solid; border-radius: 20px;
}
.h_left{
position: absolute; left: 5px; top:5px; bottom:5px; right:5px;
overflow: auto; padding: 20px;
}
/* Adventure Styles */
.adv_top{
position: absolute; left: 5px; top: 5px; right: 5px;
border: 3px blue solid; border-radius: 20px; padding: 10px;
}
.adv_title{
}
.adv_info{
}
.adv_bleft{
position: absolute; left:5px; top: 140px; width: 50%; min-width: 470px;
}
.adv_pics{
border-top: 3px blue solid; border-bottom: 3px blue solid; padding-left: 15px;
}
.adv_map{
border: 3px blue solid; border-radius: 20px; padding: 5px;
}
.adv_bright{
position: absolute; right: 5px; top: 125px; width: 45%; min-width: 470px; padding: 10px;
}
.adv_logs{
}

44
trinkets/projects/forevermen/forevermen.html
View file

@ -1,44 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title> The Forever Men -- Online Radio Drama </title>
<meta name="keywords" content="Radio, Drama, Radio Drama, Online Radio, Online Radio Drama, Forever Men, The Forever Men, Pulp, Action, Romance, Suspense" />
<meta name="description" content="Saving the world from Nazi dominion, The Forever Men stand valiantly for the free world. A dashing Secret Agent, a mysterious Russian Psychic, a loyal British Rifleman and a rough-and-tough American Man face down the perils of tyranny and evil! They are... The Forever Men!" />
<link rel="stylesheet" type="text/css" href="foreverstyles.css" />
</head>
<body>
<!-- Header for the image splash and the navigation buttons
Each button merely changes the z-index of the main div
below, avoiding unnecessary page reloads -->
<header>
<img src="forevermensplash.jpg" alt="Forever Men!" />
<div class="nav" id="nav">
<div class="nav_button" id="News">News and Episodes</div>
<div class="nav_button" id="Cast">Cast and Crew</div>
<div class="nav_button" id="About">About The Forever Men</div>
</div>
</header>
<!-- The main div, where all the information for the site is provided -->
<div class="main" id="main">
<!-- The section relating to news, episodes, and the media player. The main focus of the site -->
<div class="news" id="News">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE NEWS SECTION.
</div>
<!-- The section relating to cast and crew information -->
<div class="cast" id="Cast">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE CAST SECTION.
</div>
<!-- The section relating to information about The Forever Men and the people who produce it. -->
<div class="about" id="About">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE ABOUT SECTION.
</div>
</div>
<!-- The Footer, where a small disclaimer about rights
and a general email address are provided. Nothing
fancy. -->
<footer>
<div class="disclaimer" id="Disclaimer"> </div>
<div class="email" id="Email">Website Problems? Please contact us here: <a href="mailto:webmaster@forevermen.com">webmaster@forevermen.com</a></div>
</footer>
</body>
</html>

56
trinkets/projects/forevermen/foreverstyles.css
View file

@ -1,56 +0,0 @@
/*
CSS for The Forever Men!
Written by Bill Niblock
*/
html{
background: red;
}
header{
position:fixed; top:0px; left:0px; right:0px; height:240px;
}
.main{
position:fixed; top:250px; left:10px; right:5px; bottom:40px;
border: 2px solid white;
overflow: scroll;
}
footer{
position:fixed; bottom:0px; left:0px; height:20px;
}
#nav #News:hover{ background-color: yellow;}
.nav{
margin-left: auto; margin-right: auto; width: 700px;
}
.nav_button{
float:left; width: 200px; height: 20px;
border: 2px solid white; border-radius:25px;
text-align:center;
}
.news{
position:absolute; top: 5px; left: 5px; right: 5px; z-index:1;
}
#news{
visibility: visible;
-webkit-transition-property: background-color 1s;
-o-transition-property: background-color 1s;
}
.cast{
position:absolute; top: 5px; left: 5px; right: 5px; z-index:1;
visibility: hidden;
}
.about{
position:absolute; top: 5px; left: 5px; right: 5px; z-index:1;
visibility: hidden;
}

101
trinkets/projects/gc/gcgen.css
View file

@ -1,101 +0,0 @@
/*
CSS Document for gcgen.theinternetvagabond.com
Written by Bill Niblock
http://www.theinternetvagabond.com
*/
/*=====================================================
Miscellaneous Styles
=====================================================*/
body{
margin-left:auto; margin-right:auto; width: 900px; max-width: 900px;
}
.clean{ clear:both;}
.top{
margin-left:auto; margin-right:auto; height: 30px; width: 400px;
padding: 10px;
background-color: lightgrey; border: 2px solid black;
text-align: center; vertical-align: middle;
font-weight: bolder;
color: darkgreen;
}
.main{
z-index: 5;
}
.bottom_message{
padding: 10px;
margin-left:auto; margin-right:auto; width: 700px;
}
.bot_text{
float:left; padding-top: 15px;
font: bold 15px arial,sans-serif;
}
.bot_button{
float:left;
margin-left: 10px; padding: 5px; width: 100px; height: 20px;
background-color: #7777DD; border: 1px solid grey;
text-align: center; cursor: pointer;
}
/*=====================================================
Choice-Area Styles
=====================================================*/
.choice_options{
padding: 10px;
margin-left:auto; margin-right:auto; width: 750px;
}
.choice{
float:left;
margin: 0px 50px; padding: 5px; width: 200px; height: 20px;
background-color: #D9D9D9; border: 1px solid grey;
text-align: center; cursor: pointer;
}
.notTHEchoice{
visibility: hidden;
}
.help{
float:left;
padding: 5px; width: 100px; height: 20px;
background-color: #DD5555; border: 1px solid black;
text-align: center; cursor: pointer;
}
/*=====================================================
Main-Area Styles
=====================================================*/
.generation_help{
display:none;
background-color: #DD5555; border: 2px solid red;
padding: 30px;
font: bold 15px arial,sans-serif; color: black;
}
.generation_opt{
display:none;
padding: 30px;
font: bold 15px arial,sans-serif;
}
.gen_stats{
float:left;
padding: 10px; width: 150px;
}
.gen_info{
float:left;
padding: 10px; width: 650px;
}

137
trinkets/projects/gc/gcgen.js
View file

@ -1,137 +0,0 @@
/* +++++++++++++++++++++++++++++++++++++++++++++
| JS for gcgen.theinternetvagabond.com |
| By Bill "VagabondAzulien" Niblock |
| Copyright 2012 TheInternetVagabond |
+++++++++++++++++++++++++++++++++++++++++++++
Utility Scripts
*/
$(document).ready(function() {
$("#option1").click(function(){
$("#generation1").slideDown('fast', function(){
$("#option2").addClass("notTHEchoice");});
});
$("#option2").click(function(){
$("#generation2").slideDown('fast', function(){
$("#option1").addClass("notTHEchoice");});
});
$("#option_help").click(function(){
$("#gen_help").slideToggle('fast');
});
$("#clsDD").change(function(){
$("#showHPArea").html(rollChar_showHP());
});
$("#showHPArea").html(rollChar_showHP());
});
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| A generator for quickly making characters for Bill Adcock's Green City setting. |
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Step 1: Decide upon the generation procedure.
Option 1 is to roll 3d6 in order six times for your stats and then choose a class.
Option 2 is to roll 3d6 six times, then roll a d6 to randomly determine your class, then arrange your stats to fit your class.
The classes (and their d6-associated value)
1 - Dwarf
2 - Cleric
3 - Fighter
4 - Magic-User
5 - Specialist
6 - Elf
Step 2: Roll Stats
Roll 3d6 for each of six attributes
The attributes
[STR]ength
[DEX]terity
[CON]stitution
[INT]elligence
[WIS]dom
[CHA]risma
Step 3: Hit Points
Hit points are max per class.
Class Hitpoints:
Dwarf - d10
Cleric - d6
Fighter - d8
Magic-User - d4
Specialist - d6
Elf - d6
Step 4: Starting Wealth
Roll 3d6, multiply by 10. Very straight forward
Step 5: Random Bonus Items
Roll a d3, choose from the list that many items. The items can repeat, unless otherwise noted (specialty cases can be developed).
CODE: The following in an array:
An extra pair of warm wool socks.
A pretty good hand axe, made for chopping wood.
A jar of pickled eggs.
A small cask (approx. 1 gallon) of mead.
A small bag of assorted animals' teeth.
A set of ten scrolls, each bearing a series of lascivious illustrations. The set is entitled "Valkyries Gone Wild."
A vest with pockets on the inside.
A walrus tusk inscribed with a prayer to Odin.
A pound of salt.
An ostentatious hat.
Beans! Maybe they're magic.
A set of sheeps' knuckles, carved and marked as dice.
A lucky rabbits' foot.
A waterproof sack.
A ball of string. It won't support the weight of anything larger than a cat.
A pound of wax.
A hammer and chisel.
A half-dozen torches.
An iron kettle.
It's a puppy!
*/
var classHP = 0;
function rollChar_stat(){
return (((Math.floor(Math.random()*6))+1) + ((Math.floor(Math.random()*6))+1) + ((Math.floor(Math.random()*6))+1));
}
function rollChar_Class(){
classHP = (Math.floor(Math.random()*6));
var classText = new Array("Dwarf", "Cleric", "Fighter", "Magic-User", "Specialist", "Elf");
return "You have chosen to live life as a daring " + classText[classHP] + ".";
}
function rollChar_HP(){
var hitPoints = new Array("10", "6", "8", "4", "6", "6");
return hitPoints[classHP];
}
function rollChar_showHP(){
return $("#clsDD").val();
}
function rollChar_wealth(){
return ((((Math.floor(Math.random()*6))+1) + ((Math.floor(Math.random()*6))+1) + ((Math.floor(Math.random()*6))+1)) * 10);
}
function rollChar_BItems(){
var goodiesRoll = Math.floor(Math.random()*3) + 1;
var goodiesText = "Your bountiful pack also contains...<br />";
var randBItems = new Array("An extra pair of warm wool socks.", "A pretty good hand axe, made for chopping wood.", "A jar of pickled eggs.", "A small cask (approx. 1 gallon) of mead.",
"A small bag of assorted animals\' teeth.", "A set of ten scrolls, each bearing a series of lascivious illustrations. The set is entitled \"Valkyries Gone Wild.\"",
"A vest with pockets on the inside.", "A walrus tusk inscribed with a prayer to Odin.", "A pound of salt.", "An ostentatious hat.", "Beans! Maybe they\'re magic.",
"A set of sheeps\' knuckles, carved and marked as dice.", "A lucky rabbit\'s foot.", "A waterproof sack.", "A ball of string. It won\'t support the weight of anything larger than a cat.",
"A pound of wax.", "A hammer and chisel.", "A half-dozen torches.", "An iron kettle.", "It\'s a puppy!");
for (i=0; i < goodiesRoll; i++){
goodiesText += "<br />&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp... " + randBItems[(Math.floor(Math.random()*20))];
}
return goodiesText;
}

150
trinkets/projects/gc/gcgen_index.html
View file

@ -1,150 +0,0 @@
<!--
+++++++++++++++++++++++++++++++++++++++++++++
| JS for gcgen.theinternetvagabond.com |
| By Bill "VagabondAzulien" Niblock |
| Copyright 2012 TheInternetVagabond |
+++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
| A generator for quickly making characters for Bill Adcock's Green City setting. |
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
-->
<html>
<head>
<title>Green City Character Generator</title>
<meta name="description" content="Character generator for Bill Adcock's 'Green City' Campaign" />
<meta name="keywords" content="internet, vagabond green city character" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="gcgen.css" />
<link rel="stylesheet" type="text/css" href="../../doodads/footercss.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="../../doodads/vagabondsigns.js"></script>
<script type="text/javascript" src="gcgen.js"></script>
</head>
<body>
<div class="top">Green City Character Generator</div>
<div class="main">
<!-- This section determines how the generator proceedes -->
<div class="choice_options">
<div class="choice" id="option1">Choose Your Class</div>
<div class="help" id="option_help">--HELP--</div>
<div class="choice" id="option2">Choose Your Stats</div>
</div>
<div class="clean"></div>
<!-- This section falls beneath the above section, and depending on which option is chosen
will display the next appropriate steps in finishing up character development. -->
<!-- The HELP option; Explains what the options mean. -->
<div class="generation_help" id="gen_help">
<p> To begin generating a character, select one of the two generation options (as explained below). If you wish
to generate another character, simply refresh the page.
<br />
</p>
<p> There are two ways to generate a character.
<ul>
<li>The first option allows you to choose your class. You first roll your stats, which get applied to your
attributes in the order your rolled them. You then choose a class which best fits your attributes.</li>
<br />
<li>The second options allows you to choose your stats. You first roll your stats, which you get to place
in whichever attributes you choose. You then are randomly assigned a class.</li>
</ul>
</p>
</div>
<!-- The FIRST option; Choose your class. -->
<div class="generation_opt" id="generation1">
<div>
<div class="gen_stats">
<ul>
<li>CHA: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>CON: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>DEX: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>INT: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>STA: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>WIS: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
</ul>
</div>
<div class="gen_info">
<ul>
<li>You choose to live life as a daring...
<select id="clsDD">
<option id="clsHP" value="10">Dwarf</option>
<option id="clsHP" value="6">Cleric</option>
<option id="clsHP" value="8">Fighter</option>
<option id="clsHP" value="4">Magic-User</option>
<option id="clsHP" value="6">Specialist</option>
<option id="clsHP" value="6">Elf</option>
</select>
</li>
<br />
<li>You begin with <span id="showHPArea"></span> (+CON modifier) maximum hit points.</li>
<br />
<li>You begin your adventure with <script type="text/javascript">document.write(rollChar_wealth())</script> silver pieces.</li>
<br />
<li><script type="text/javascript">document.write(rollChar_BItems())</script></li>
<br />
</ul>
</div>
</div>
<div class="clean"></div>
<div class="bottom_message">
<div class="bot_text">Now just choose a name and you're ready to play! Or perhaps you'd like to... </div>
<div class="bot_button" onClick="location.reload(true)">Roll Again</div>
</div>
</div>
<!-- The SECOND option; Choose your stats. -->
<div class="generation_opt" id="generation2">
<div>
<div class="gen_stats">
<ul>
<li>Stat 1: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>Stat 2: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>Stat 3: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>Stat 4: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>Stat 5: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
<li>Stat 6: <script type="text/javascript">document.write(rollChar_stat())</script></li>
<br />
</ul>
</div>
<div class="gen_info">
<ul>
<li><script type="text/javascript">document.write(rollChar_Class())</script></li>
<br />
<li>You begin with <script type="text/javascript">document.write(rollChar_HP())</script> (+CON modifier) maximum hit points.</li>
<br />
<li>You begin your adventure with <script type="text/javascript">document.write(rollChar_wealth())</script> silver pieces.</li>
<br />
<li><script type="text/javascript">document.write(rollChar_BItems())</script></li>
<br />
</ul>
</div>
</div>
<div class="clean"></div>
<div class="bottom_message">
<div class="bot_text">Now just choose a name and you're ready to play! Or perhaps you'd like to... </div>
<div class="bot_button" onClick="location.reload(true)">Roll Again</div>
</div>
</div>
</div>
<!-- Vagabond Footer -->
<div class="footer">
<div class="footer_notice">
<div id="vagabond_notice" class="footer_notice_text" onClick="cycleArray()">The Internet Vagabond &copy 2009-2012</div>
</div>
</div>
<!-- End Footer -->
</body>
</html>

53
trinkets/projects/hmu/arenas.php
View file

@ -1,53 +0,0 @@
<!--
Arena Page for HERO MASH UP!
-->
<!-- Arena Box Template
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
-->
<div class="arenas">
<div class="arena_cont">
<div class="arena_title">Amherst Central High School</div>
<div class="arena_about">The location of many ridiculous adventures and experiences, these venerable halls now host one of the deadliest fights the universe has ever known. Can it withstand the bloody carnage about to take place?</div>
<div class="arena_limit">Limit: 25</div>
</div>
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
<div class="arena_cont">
<div class="arena_title"></div>
<div class="arena_about"></div>
</div>
</div>

0
trinkets/projects/hmu/brackets.php
View file

58
trinkets/projects/hmu/database.txt
View file

@ -1,58 +0,0 @@
Database Layout
------------------------------------------------------------------------------------------------------
Table
Common Name -- Column Name -- Details
------------------------------------------------------------------------------------------------------
User
ID -- ID -- PRIMARY KEY Auto-Increment, Unique, Non-Null
First Name -- fname -- Non-Null
Username -- uname -- Unique, Non-Null
Password -- pword -- Non-Null
Email -- email -- Unique, Non-Null
Season
ID -- ID -- PRIMARY KEY, Auto-Increment, Unique, Non-Null
Number -- SeasonNo -- Unique, Non-Null
Hero
ID -- ID -- PRIMARY KEY Auto-Increment, Unique, Non-Null
User -- User.ID -- Foreign Key (User.ID)
Season -- Season.ID -- Foreign Key (Season.ID)
Team -- Team.ID -- Foreign Key (Team.ID)
Name -- HeroName -- Non-Null
Source -- HeroSource -- Non-Null
Points -- HeroPoints -- Non-Null
Tier -- HeroTier -- Non-Null
Color -- HeroColor -- Foreign Key (Team.TeamColor)
Team
ID -- ID -- PRIMARY KEY, Auto-Increment, Unique, Non-Null
User -- User.ID -- Foreign Key (User.ID)
Name -- TeamName -- Unique, Non-Null
Color -- TeamColor -- Unique, Non-Null
Synops -- TeamSynops -- --
Arena
ID -- ID -- PRIMARY KEY, Auto-Increment, Unique, Non-Null
Name -- ArenaName -- Unique, Non-Null
Points -- ArenaPoints -- Non-Null
Synops -- ArenaSynops -- Non-Null
Betting
ID -- ID -- PRIMARY KEY, Auto-Increment, Unique, Non-Null
User -- User.ID -- Foreign Key (User.ID)
Date -- BetDate -- Non-Null
Wager -- BetAmount -- Non-Null
First Team -- BetTeam1 -- Foreign Key (Team.ID)
Second Team -- BetTeam2 -- Foreign Key (Team.ID)
Arena -- Arena.ID -- Foreign Key (Arena.ID)
Result -- BetResult -- --
Database Permissions
- Users only have access to their teams
- Combatants do not have access to betting
- Narrators have access to all teams while they are the current narrator
- Admins have access to all teams at all times

1
trinkets/projects/hmu/hmu_error.php
View file

@ -1 +0,0 @@
<div class="error">An error has occured.<br />Sorry.</div>

59
trinkets/projects/hmu/hmu_index.php
View file

@ -1,59 +0,0 @@
<html>
<head>
<title>Hero Mash Up -- Week 1</title>
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="hmu_styles.css" />
<script type="text/javascript" src="/../doodads/jquery.js"></script>
<script type="text/javascript" src="/../doodads/vagabondsigns.js"></script>
<script type="text/javascript" src="hmu_scripts.js"></script>
</head>
<body>
<!-- Header section of the page -->
<div class="header">
<div class="title_cont">
<div class="title"><span class="btitle">H</span>ERO <span class="btitle">M</span>ASH <span class="btitle">U</span>P!</div>
<hr class="utitle" />
<div class="stitle">CURRENT FIGHT &rarr;</div>
</div>
<div class="current_cont">
<div class="current">
<div class="current_team" id="team1">TEAM 1: Cool Guy</div>
<div class="current_vs">VS</div>
<div class="current_team" id="team2">TEAM 2: Bad Dude</div>
<div class="clean"></div>
<div class="current_arena" id="current_arena">Arena: Amherst Central High School</div>
</div>
</div>
<div class="clean"></div>
</div>
<!-- Main Section of the page -->
<div class="torso">
<ul class="menu_cont">
<li class="menu_item" id="stories">Story</li>
<li class="menu_item" id="heroes">Heroes</li>
<li class="menu_item" id="teams">Teams</li>
<li class="menu_item" id="arenas">Arenas</li>
<li class="menu_item" id="brackets">Brackets</li>
<li class="menu_item" id="betting">Log-In</li>
</ul>
<div class="clean"></div>
<div class="main" id="main_area">
<?php require("stories.php") ?>
</div>
</div>
<!-- Standard TIV footer -->
<div class="tiv_footer">
<div class="tiv_footer_notice">
<div id="vagabond_notice" class="tiv_footer_notice_text" onClick="cycleArray()">The Internet Vagabond &copy 2009-2012</div>
</div>
</div>
</body>
</html>

47
trinkets/projects/hmu/hmu_scripts.js
View file

@ -1,47 +0,0 @@
/* Scripts for Hero Mash Up!
www.theinternetvagabond.com
By Bill "Azulien" Niblock
*/
//Button Functions
$(document).ready(function() {
$(".menu_item").click(function(){
$("#main_area").load("" + this.id + ".php",
function(responseText, textStatus, XMLHttpRequest){
if (textStatus==="error"){$("#main_area").load("hmu_error.php");}
});
$(".menu_item_selected").removeClass("menu_item_selected").addClass("menu_item");
$(this).removeClass("menu_item").addClass("menu_item_selected");
});
$("#stories").removeClass("menu_item").addClass("menu_item_selected");
});
//Current Fight Button Functions
$(document).ready(function() {
$(".current_team").click(function() {
$("#main_area").load("teams.php",
function(responseText, textStatus, XMLHttpRequest){
if (textStatus==="error"){$("#main_area").load("hmu_error.php");}
else{
$(".info_popup").fadeIn("fast", function(){
$(".info_popup_background").fadeTo("fast", 0.7, function(){
$(".info_popup_foreground").fadeTo("fast", 1.3);
});
});
$(".info_popup_close").click(function() {
$(".info_popup").fadeOut("fast");
});
}
});
$(".menu_item_selected").removeClass("menu_item_selected").addClass("menu_item");
$("#teams").removeClass("menu_item").addClass("menu_item_selected");
});
$("#current_arena").click(function(){
$("#main_area").load("arenas.php",
function(responseText, textStatus, XMLHttpRequest){
if (textStatus==="error"){$("#main_area").load("hmu_error.php");}
});
$(".menu_item_selected").removeClass("menu_item_selected").addClass("menu_item");
$("#arenas").removeClass("menu_item").addClass("menu_item_selected");
});
});

278
trinkets/projects/hmu/hmu_styles.css
View file

@ -1,278 +0,0 @@
/*
CSS for hmu.theinternetvagabond.com
Written by Bill Niblock
*/
/* =============================
Meta Styles
============================= */
.clean{ clear:both;}
.error{
margin: auto; padding-top: 10%;
width: 400px; height: 400px;
font: bolder 16px serif; color: red;
text-align: center; letter-spacing: 2px; vertical-align: middle;
}
body { background-color: ;}
.header{
position: fixed; top: 0px; left: 0px; right: 0px;
}
.torso{
position: fixed; top: 100px; left: 0px; right: 0px; bottom: 75px;
}
/* =============================
Title Styles
============================= */
.title_cont{
float: left;
position: relative; top: 0px; left: 20px;
}
.title{
font: italic bolder 24px serif;
color: blue; letter-spacing: 5px;
}
.btitle{
font: italic bolder 58px serif;
color: red;
}
.utitle{
width: 100%; margin: 0px 0px 20px 75px; height: 2px; border-width: 0px;
color: yellow; background-color: yellow;
}
.stitle{
position: absolute; right: -70px; bottom: -10px;
}
/* =============================
Current Fight Styles
============================= */
.current_cont{
float: left;
position: absolute; top: 15px; right: 30px;
}
.current{
float: left;
position: absolute; right: 0px; width: 800px;
}
.current_team#team1{
float: left; width: 300px; height: 25px;
padding: 5px 10px 0px 10px; margin: 0px 10px;
border: 3px solid brown; background-color: #D29494;
font: italic bold 16px serif; text-align: center;
cursor: pointer;
}
.current_team#team2{
float: left; width: 300px; height: 25px;
padding: 5px 10px 0px 10px; margin: 0px 10px;
border: 3px solid orange; background-color: #FFD280;
font: italic bold 16px serif; text-align: center;
cursor: pointer;
}
.current_vs{
float: left; width: 50px; padding: 7.5px 0px 0px 0px;
font: bold 20px; text-align: center;
color: black; text-decoration: overline underline;
}
.current_arena{
position: relative; bottom: -10px; right: 30px; width: 400px; height: 20px;
padding: 2px 20px; margin-left: auto; margin-right: auto;
border: 3px solid black; background-color: lightgrey;
font: italic bold 16px serif; text-align: center; vertical-align: middle;
cursor: pointer;
}
/* =============================
Menu Styles
============================= */
.menu_cont{
position: relative; top: 10px;
margin-left: auto; margin-right: auto; width: 1060px;
padding: 0px 0px 0px 0px;
}
.menu_item{
float: left; width:150px; height: 28px;
background-color: white;
display: block; text-align: center; color: blue;
font-size: 24px; letter-spacing: 2px;
border: 3px solid blue; border-radius: 20px;
margin-left: 10px; margin-right: 10px;
cursor: pointer;
}
.menu_item_selected{
float: left; width:150px; height: 28px;
background-color: blue;
display: block; text-align: center; color: yellow;
font-size: 24px; letter-spacing: 2px;
border: 3px solid blue; border-radius: 20px;
margin-left: 10px; margin-right: 10px;
cursor: crosshair;
}
/* =============================
Footer Styles
============================= */
.tiv_footer{
position: fixed; bottom: -20px; left: 10px; right: 10px; height: 17px; z-index: 10;
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
background-color: #666699;
-o-transition-property: bottom;
-moz-transition-property: bottom;
-webkit-transition-property: bottom;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.tiv_footer:hover{ bottom: 0px;}
.tiv_footer_notice{
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
text-align: center;
}
.tiv_footer_notice_text{
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: -6px 10px 0px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
/* =============================
Main Styles
============================= */
.main{
position: relative; top: 15px;
margin-left: auto; margin-right: auto;
width: 100%; max-width: 1600px; height: 100%;
overflow: auto;
}
/* =============================
Main Styles - Stories
============================= */
.stories{
margin-left: auto; margin-right: auto; padding-top: 2%;
min-width: 1000px; max-width: 1000px; width: 1000px;
}
.story_cont{
border: 2px solid blue; border-radius: 10px;
font: 18px serif;
}
.story_title{
padding: 5px 5px 5px 30px;
background-color: blue; color: yellow;
border-top-left-radius: 8px; border-top-right-radius: 8px;
}
.story_details{
padding: 10px;
}
.story_cont[id^=fight] .story_details{
display: none;
}
/* =============================
Main Styles - Heroes
============================= */
/* =============================
Main Styles - Teams
============================= */
.teams{
margin-left: auto; margin-right: auto; padding-left: 3%;
min-width: 1200px; max-width: 1200px; width: 1200px;
}
.team_cont{
float: left; width: 480px; height: 150px;
padding: 10px; margin: 3%;
border-top: 4px solid darkgrey; border-left: 4px solid darkgrey;
border-right: 4px solid grey; border-bottom: 4px solid grey;
box-shadow: 15px 20px 5px #D9D9D9;
}
.team_cont#team1{
background-color: #D29494;
}
.team_pic{
float: left; width: 140px; height: 140px; z-index: 1;
margin-top: 2px; margin-bottom: 2px; margin-left: 2px;
border: 2px solid grey; outline: 2px solid darkgrey;
background-color: white;
}
.team_syn{
float: left;
width: 300px; height: 140px;
padding: 15px;
}
.team_title{
font: bold 20px serif;
}
.team_about{
font: 16px serif;
}
/*The Info-Popup Styles for the Teams page */
.info_popup{
position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 2;
display: none;
}
.info_popup_background{
position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 3;
margin-left: auto; margin-right: auto; padding: 20px;
background-color: black;
display: none;
}
.info_popup_foreground{
position: relative; top: 5%; bottom: 5%; z-index: 4;
margin-left: auto; margin-right: auto; width: 500px; height: 90%;
background-color: white;
}
.info_popup_close{
position: absolute; top: 2px; right: 2px; padding-left: 5px;
background-color: darkred; color: lightgrey;
font: 10px sans-serif; letter-spacing: 5px; text-align: center;
cursor: crosshair;
}
.info_popup_detail{
padding: 20px;
}
/* =============================
Main Styles - Arenas
============================= */
.arenas{
margin-left: auto; margin-right: auto; padding-left: 3%;
min-width: 1200px; max-width: 1200px; width: 1200px;
}
.arena_cont{
float: left; width: 40%; height: 100px;
padding: 10px; margin: 3%; background-color: #FAFAFA;
border-top: 4px solid darkgrey; border-left: 4px solid darkgrey;
border-right: 4px solid grey; border-bottom: 4px solid grey;
box-shadow: 15px 20px 5px #D9D9D9;
}
.arena_title{
font: bold 20px serif;
text-align: center;
}
.arena_limit{
font: bold 12px serif;
text-align: right;
}
.arena_about{
font: italic 16px serif;
}
/* =============================
Main Styles - Results
============================= */
/* =============================
Main Styles - Login/Betting
============================= */

62
trinkets/projects/hmu/stories.php
View file

@ -1,62 +0,0 @@
<!--
Story Page for HERO MASH UP!
-->
<!-- Script for the Fight Information Fields -->
<script type="text/javascript">
$(document).ready(function() {
$(".story_cont#fight]> .story_title").click(function(){
$(this).siblings().slideToggle();
});
$(".filter_option").click(function(){
});
});
</script>
<!-- End Script area -->
<!-- Story Box Template
<div class="stories">
<div class="story_cont">
<div class="story_title"></div>
<div class="story_details"></div>
</div>
</div>
<form class="filter">
<div class="filter_title">Sort by Type</div>
<input type="checkbox" class="filter_option" id="0">Announcement</div>
<input type="checkbox" class="filter_option" id="1">Fight - Season 1</div>
<input type="checkbox" class="filter_option" id="2">Fight - Season 2</div>
</form>-->
<div class="stories" id="0">
<div class="story_cont">
<div class="story_title" id="announce">Welcome to Hero Mash Up!</div>
<div class="story_details">Welcome to the site for the <span style="font-style:italic">Hero Mash Up!</span> creativity experiment. Below this post you can read the details of each fight. Season 1 can be found <a href="https://forums.runedrive.com/viewforum.php?f=3&sid=7b28de611d3776eb296f5e72a98f83fb">here</a>. Seasons 2 and beyond will be documented here, amongst other places. While anyone has access to read the fights and gather information regarding the heroes, teams, arenas and brackets, only members participating in the current season can log in and place bets. More information about betting for members can be found once they are logged in. Thanks for visiting, and hopefully you'll enjoy the matches!</div>
</div>
</div>
<div class="stories" id="1">
<div class="story_cont" id="fight">
<div class="story_title">Fight 1 -- Team Cool Guy VS Team Bad Dude -- Arena: Amherst Central High School --</div>
<div class="story_details">More information coming soon!</div>
</div>
</div>
<div class="stories" id="2">
<div class="story_cont" id="fight">
<div class="story_title">Fight 2 -- Team Super Cool Team Name VS Team Dumb -- Arena: Deep Space 9 --</div>
<div class="story_details">More information coming soon!</div>
</div>
</div>
<div class="stories" id="12">
<div class="story_cont" id="fight">
<div class="story_title">Fight 3 -- Team Dumb VS Team Shin Chan is Da Plan -- Arena: American Fun Time School --</div>
<div class="story_details">More information coming soon!</div>
</div>
</div>

120
trinkets/projects/hmu/teams.php
View file

@ -1,120 +0,0 @@
<!--
Team Page for HERO MASH UP!
-->
<!--Team-Popup Functions -->
<script type="text/javascript">
$(document).ready(function() {
$(".team_cont").click(function() {
$(".info_popup").fadeIn("fast", function(){
$(".info_popup_background").fadeTo("fast", 0.7, function(){
$(".info_popup_foreground").fadeTo("fast", 1.3);
});
});
});
$(".info_popup_close").click(function() {
$(".info_popup").fadeOut("fast");
});
});
</script>
<!-- Information Pop-Up -->
<div class="info_popup">
<div class="info_popup_background"></div>
<div class="info_popup_foreground">
<div class="info_popup_close">CLOSE</div>
<div class="info_popup_detail">This is a test of the awesome info pop-up box!</div>
</div>
</div>
<!-- Team Box Template
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div>
<div class="team_about"></div>
</div>
</div>
-->
<div class="teams">
<div class="team_cont" id="team1">
<div class="team_pic" id="team1"></div>
<div class="team_syn">
<div class="team_title" id="team1">Super Cool Team Name</div><br />
<div class="team_about" id="team1">This super cool team is composed of super cool people, who do super cool stuff. They are some super cool dudes.</div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title">Cool Guy</div><br />
<div class="team_about">Really, it's a cool story, bro.</div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
<div class="team_cont">
<div class="team_pic"></div>
<div class="team_syn">
<div class="team_title"></div><br />
<div class="team_about"></div>
</div>
</div>
</div>

22
trinkets/projects/insults/ShakespeareInsults.js
View file

@ -1,22 +0,0 @@
/* The un-Official Shakespeare Insult Generator
Written by Bill "Vagabond Azulien" Niblock
Source Material from reddit (and Shakespeare... duh...)
http://www.theinternetvagabond.com
*/
/* The function is rather straight forward: upon being called,
it generates a random number for each array, and inputs the
corrosponding value.
*/
// Insult arrays
var first = new Array("artless", "bawdy", "beslubbering", "bootless", "churlish", "cockered", "clouted", "craven", "currish", "dankish", "dissembling", "droning", "errant", "fawning", "fobbing", "froward", "frothy", "gleeking", "goatish", "gorbellied", "impertinent", "infectious", "jarring", "loggerheaded", "lumpish", "mammering", "mangled", "mewling", "paunchy", "pribbling", "puking", "puny", "qualling", "rank", "reeky", "roguish", "ruttish", "saucy", "spleeny", "spongy", "surly", "tottering", "unmuzzled", "vain", "venomed", "villainous", "warped", "wayward", "weedy", "yeasty");
var secnd = new Array("base-court", "bat-fowling", "beef-witted", "beetle-headed", "boil-brained", "clapper-clawed", "clay-brained", "common-kissing", "crook-pated", "dismal-dreaming", "dizzy-eyed", "doghearted", "dread-bolted", "earth-vexing", "elf-skinned", "fat-kidneyed", "fen-sucked", "flap-mouthed", "fly-bitten", "folly-fallen", "fool-born", "full-gorged", "guts-griping", "half-faced", "hasty-witted", "hedge-born", "hell-hated", "idle-headed", "ill-breeding", "ill-nurtured", "knotty-pated", "milk-livered", "motley-minded", "onion-eyed", "plume-plucked", "pottle-deep", "pox-marked", "reeling-ripe", "rough-hewn", "rude-growing", "rump-fed", "shard-borne", "sheep-biting", "spur-galled", "swag-bellied", "tardy-gaited", "tickle-brained", "toad-spotted", "unchin-snouted", "weather-bitten");
var third = new Array("apple-john", "baggage", "barnacle", "bladder", "boar-pig", "bugbear", "bum-bailey", "canker-blossom", "clack-dish", "clotpole", "coxcomb", "codpiece", "death-token", "dewberry", "flap-dragon", "flax-wench", "flirt-gill", "foot-licker", "fustilarian", "giglet", "gudgeon", "haggard", "harpy", "hedge-pig", "horn-beast", "hugger-mugger", "joithead", "lewdster", "lout", "maggot-pie", "malt-worm", "mammet", "measle", "minnow", "miscreant", "moldwarp", "mumble-news", "nut-hook", "pigeon-egg", "pignut", "puttock", "pumpion", "ratsbane", "scut", "skainsmate", "strumpet", "varlot", "vassal", "whey-face", "wagtail");
// Main Function
function poeticBurn(){
alert("Thou " + first[Math.floor(Math.random()*first.length)] +
" " + secnd[Math.floor(Math.random()*secnd.length)] +
" " + third[Math.floor(Math.random()*third.length)] + "!");
}

33
trinkets/projects/insults/ShakespeareInsults_test.js
View file

@ -1,33 +0,0 @@
/* The un-Official Shakespeare Insult Generator
Written by Bill "Vagabond Azulien" Niblock
Source Material from reddit (and Shakespeare... duh...)
http://www.theinternetvagabond.com
*/
/* The function is rather straight forward: upon being called,
it generates a random number for each array, and inputs the
corrosponding value.
*/
// Insult arrays
var first = new Array("artless", "bawdy", "beslubbering", "bootless", "churlish", "cockered", "clouted", "craven", "currish", "dankish", "dissembling", "droning", "errant", "fawning", "fobbing", "froward", "frothy", "gleeking", "goatish", "gorbellied", "impertinent", "infectious", "jarring", "loggerheaded", "lumpish", "mammering", "mangled", "mewling", "paunchy", "pribbling", "puking", "puny", "qualling", "rank", "reeky", "roguish", "ruttish", "saucy", "spleeny", "spongy", "surly", "tottering", "unmuzzled", "vain", "venomed", "villainous", "warped", "wayward", "weedy", "yeasty");
var secnd = new Array("base-court", "bat-fowling", "beef-witted", "beetle-headed", "boil-brained", "clapper-clawed", "clay-brained", "common-kissing", "crook-pated", "dismal-dreaming", "dizzy-eyed", "doghearted", "dread-bolted", "earth-vexing", "elf-skinned", "fat-kidneyed", "fen-sucked", "flap-mouthed", "fly-bitten", "folly-fallen", "fool-born", "full-gorged", "guts-griping", "half-faced", "hasty-witted", "hedge-born", "hell-hated", "idle-headed", "ill-breeding", "ill-nurtured", "knotty-pated", "milk-livered", "motley-minded", "onion-eyed", "plume-plucked", "pottle-deep", "pox-marked", "reeling-ripe", "rough-hewn", "rude-growing", "rump-fed", "shard-borne", "sheep-biting", "spur-galled", "swag-bellied", "tardy-gaited", "tickle-brained", "toad-spotted", "unchin-snouted", "weather-bitten");
var third = new Array("apple-john", "baggage", "barnacle", "bladder", "boar-pig", "bugbear", "bum-bailey", "canker-blossom", "clack-dish", "clotpole", "coxcomb", "codpiece", "death-token", "dewberry", "flap-dragon", "flax-wench", "flirt-gill", "foot-licker", "fustilarian", "giglet", "gudgeon", "haggard", "harpy", "hedge-pig", "horn-beast", "hugger-mugger", "joithead", "lewdster", "lout", "maggot-pie", "malt-worm", "mammet", "measle", "minnow", "miscreant", "moldwarp", "mumble-news", "nut-hook", "pigeon-egg", "pignut", "puttock", "pumpion", "ratsbane", "scut", "skainsmate", "strumpet", "varlot", "vassal", "whey-face", "wagtail");
// Main Function
function poeticBurn(){
makeTheShakespeareInsultWindow();
}
function makeTheShakespeareInsultWindow(){
var mtsiw = document.createElement('div');
mtsiw.style.position = "fixed"; mtsiw.style.top = "10px"; mtsiw.style.left = "10px";
mtsiw.style.height = "100px";
mtsiw.style.width = "200px";
mtsiw.style.backgroundColor = "black";
mtsiw.style.color = "white";
mtsiw.innerHTML = "Thou " + first[Math.floor(Math.random()*first.length)] +
" " + secnd[Math.floor(Math.random()*secnd.length)] +
" " + third[Math.floor(Math.random()*third.length)] + "!";
document.body.appendChild(mtsiw);
}

9
trinkets/projects/kol/ascensionCL..css
View file

@ -1,9 +0,0 @@
/*
CSS for AscensinCL.html
Bill Niblock
The Internet Vagabond
*/
.quest_meat{
display: block;
}

223
trinkets/projects/kol/ascensionCL.html
View file

@ -1,223 +0,0 @@
<html>
<head>
<title>Ascension Check List ==v1.0==</title>
<link rel="stylesheet" type="text/css" href="ascensionCL.css" />
<script type="text/javascript">
function showHide(elem_id){
if (document.getElementById(elem_id).style.display == 'none'){
document.getElementById(elem_id).style.display = 'block';}
else{
document.getElementById(elem_id).style.display = 'none';}
}
</script>
</head>
<body>
<!--Start daily section-->
<div class="sect" id="noborder">
<div class="sect_title" id="daily">
<h2>++ Daily Reminders ++</h2>
</div>
<ul>
<li>Pumpkin Patch</li>
<li>Clan Stuff
<li>Mr. Klaw Game</li>
<li>Deluxe Mr. Klaw Game</li>
<li>"DRINK ME" Potion</li>
</li>
<li>Summons
<li>Dry Noodles</li>
<li>Scrumptious Reagents</li>
<li>Cocktail Ingredients</li>
<li>Tomes
<li>Sugar Sheets</li>
</li>
<li>Librams
<li>Love Songs</li>
</li>
<li>Grimoirs
<li>Alice's Army</li>
</li>
</li>
</ul>
</div>
<!--end daily section-->
<!--start quest section-->
<div class="sect" id="noborder">
<div class="sect_title" id="quests">
<h2>++ Quests ++</h2>
</div>
<!--Here there be Quests-->
<!--Level 2 Quest: Spooky Forest-->
<div class="sect">
<div class="sect_title" id="level2">
<h3 onClick="showHide('level2_meat');">++ Level 2 (Level 1 Doesn't Count): "Looking for a Larva in All the Wrong Places" ++</h3>
</div>
<div class= "quest_meat" id="level2_meat">
<div class="quest_objs" id="level2">Objective: Get the mosquito larva from The Spooky Forest</div>
<div class="quest_link" id="level2"><a href="http://kol.coldfront.net/thekolwiki/index.php/Spooky_Forest_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level2">Suggested Familiars: Mini-Hipster</div>
<div class="quest_buff" id="level2">Suggested Buffs: None</div>
<div class="quest_desc" id="level2"><p>Pretty straight forward: Use the hipster free fights to get the mosquito adventure quickly. If you can get a token at this time, great, but don't go out of your way for it. Don't forget to come back to open up the temple!</p></div>
</div>
</div>
<!--Level 3 Quest: Typical Tavern-->
<div class="sect">
<div class="sect_title" id="level3">
<h3 onClick="showHide('level3_meat');">++ Level 3: "Ooh, I Think I Smell a Rat" ++</h3>
</div>
<div class= "quest_meat" id="level3_meat">
<div class="quest_objs" id="level3">Objective: Turn off the rat faucet</div>
<div class="quest_link" id="level3"><a href="http://kol.coldfront.net/thekolwiki/index.php/Typical_Tavern_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level3">Suggested Familiars: None</div>
<div class="quest_buff" id="level3">Suggested Buffs: None</div>
<div class="quest_desc" id="level3"><p>The ring is somewhere in the top-left corner, the faucet is somewhere in the bottom-left corner, and Baron is somewhere in the lower-right corner.</p></div>
</div>
</div>
<!--Level 4 Quest: Boss Bat-->
<div class="sect">
<div class="sect_title" id="level2">
<h3 onClick="showHide('level4_meat');">++ Level 4: "Ooh, I Think I Smell a Bat." ++</h3>
</div>
<div class= "quest_meat" id="level4_meat">
<div class="quest_objs" id="level4">Objective: Murder the Boss Bat</div>
<div class="quest_link" id="level4"><a href="http://kol.coldfront.net/thekolwiki/index.php/Boss_Bat_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level4">Suggested Familiars: </div>
<div class="quest_buff" id="level4">Suggested Buffs: </div>
<div class="quest_desc" id="level4"><p>Clover in Guano Junction for 2 sonar-in-a-bisquit</p></div>
</div>
</div>
<!--Level 5 Quest: Goblin King-->
<div class="sect">
<div class="sect_title" id="level5">
<h3 onClick="showHide('level5_meat');">++ Level 5: "The Goblin Who Wouldn't Be King" ++</h3>
</div>
<div class= "quest_meat" id="level5_meat">
<div class="quest_objs" id="level5">Objective: Murder the Goblin King</div>
<div class="quest_link" id="level5"><a href="http://kol.coldfront.net/thekolwiki/index.php/The_King_of_Cobb's_Knob_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level5">Suggested Familiars: </div>
<div class="quest_buff" id="level5">Suggested Buffs: </div>
<div class="quest_desc" id="level5"><p></p></div>
</div>
</div>
<!--Level 6 Quest: Deep Fat Friars-->
<div class="sect">
<div class="sect_title" id="level6">
<h3 onClick="showHide('level6_meat');">++ Level 6: "Trial By Friar" ++</h3>
</div>
<div class= "quest_meat" id="level6_meat">
<div class="quest_objs" id="level6">Objective: Get the items to close the gate</div>
<div class="quest_link" id="level6"><a href="http://kol.coldfront.net/thekolwiki/index.php/Deep_Fat_Friars'_Gate_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level6">Suggested Familiars: </div>
<div class="quest_buff" id="level6">Suggested Buffs: </div>
<div class="quest_desc" id="level6"><p></p></div>
</div>
</div>
<!--Level 7 Quest: Bonerdagon-->
<div class="sect">
<div class="sect_title" id="level7">
<h3 onClick="showHide('level7_meat');">++ Level 7: "Cyrptic Emanations" ++</h3>
</div>
<div class= "quest_meat" id="level7_meat">
<div class="quest_objs" id="level7">Objective: Murder the Bonerdagon</div>
<div class="quest_link" id="level7"><a href="http://kol.coldfront.net/thekolwiki/index.php/Undefile_the_Cyrpt_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level7">Suggested Familiars: </div>
<div class="quest_buff" id="level7">Suggested Buffs: </div>
<div class="quest_desc" id="level7"><p></p></div>
</div>
</div>
<!--Level 8 Quest: Mt. McLargeHuge-->
<div class="sect">
<div class="sect_title" id="level8">
<h3 onClick="showHide('level8_meat');">++ Level 8: "Am I my Trapper's Keeper?" ++</h3>
</div>
<div class= "quest_meat" id="level8_meat">
<div class="quest_objs" id="level8">Objective: Mine some ore, Hunt some goats, Venture to the Peak</div>
<div class="quest_link" id="level8"><a href="http://kol.coldfront.net/thekolwiki/index.php/Mt._McLargeHuge_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level8">Suggested Familiars: </div>
<div class="quest_buff" id="level8">Suggested Buffs: </div>
<div class="quest_desc" id="level8"><p></p></div>
</div>
</div>
<!--Level 9 Quest: Orc Chasm-->
<div class="sect">
<div class="sect_title" id="level9">
<h3 onClick="showHide('level9_meat');">++ Level 9: "A Quest, LOL" ++</h3>
</div>
<div class= "quest_meat" id="level9_meat">
<div class="quest_objs" id="level9">Objective: Assemble the 64735 Scroll</div>
<div class="quest_link" id="level9"><a href="http://kol.coldfront.net/thekolwiki/index.php/Orc_Chasm_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level9">Suggested Familiars: </div>
<div class="quest_buff" id="level9">Suggested Buffs: </div>
<div class="quest_desc" id="level9"><p></p></div>
</div>
</div>
<!--Level 9 Part Deux: Leaflet-->
<div class="sect">
<div class="sect_title" id="level92">
<h3 onClick="showHide('level92_meat');">++ Level 9 Part Deux: The Strange Leaflet ++</h3>
</div>
<div class= "quest_meat" id="level92_meat">
<div class="quest_objs" id="level92">Objective: Stats & CLEESH</div>
<div class="quest_link" id="level92"><a href="http://kol.coldfront.net/thekolwiki/index.php/Strange_Leaflet_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level92">Suggested Familiars: </div>
<div class="quest_buff" id="level92">Suggested Buffs: </div>
<div class="quest_desc" id="level92"><p></p></div>
</div>
</div>
<!--Level 10 Quest: Beanstalk-->
<div class="sect">
<div class="sect_title" id="level10">
<h3 onClick="showHide('level10_meat');">++ Level 10: "The Rain on the Plains is Mainly Garbage" ++</h3>
</div>
<div class= "quest_meat" id="level10_meat">
<div class="quest_objs" id="level10">Objective: Turn the wheel.</div>
<div class="quest_link" id="level10"><a href="http://kol.coldfront.net/thekolwiki/index.php/Giant_Trash_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level10">Suggested Familiars: </div>
<div class="quest_buff" id="level10">Suggested Buffs: </div>
<div class="quest_desc" id="level10"><p></p></div>
</div>
</div>
<!--Level 11 Quest: MacGuffin-->
<div class="sect">
<div class="sect_title" id="level11">
<h3 onClick="showHide('level11_meat');">++ Level 11: "Arizona Smith and the Quest for the Holy MacGuffin" ++</h3>
</div>
<div class= "quest_meat" id="level11_meat">
<div class="quest_objs" id="level11">Objective: Get the MacGuffin. </div>
<div class="quest_link" id="level11"><a href="http://kol.coldfront.net/thekolwiki/index.php/Quest_for_the_Holy_MacGuffin">[Wiki Link]</a></div>
<div class="quest_fams" id="level11">Suggested Familiars: </div>
<div class="quest_buff" id="level11">Suggested Buffs: </div>
<div class="quest_desc" id="level11"><p></p></div>
</div>
</div>
<!--Level 12 Quest: Island War-->
<div class="sect">
<div class="sect_title" id="level12">
<h3 onClick="showHide('level12_meat');">++ Level 12: "Make War, Not... Oh, Wait" ++</h3>
</div>
<div class= "quest_meat" id="level12_meat">
<div class="quest_objs" id="level12">Objective: Kick-ass and get a medal for it.</div>
<div class="quest_link" id="level12"><a href="http://kol.coldfront.net/thekolwiki/index.php/Mysterious_Island_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level12">Suggested Familiars: </div>
<div class="quest_buff" id="level12">Suggested Buffs: </div>
<div class="quest_desc" id="level12"><p></p></div>
</div>
</div>
<!--Level 13 Quest: NS-->
<div class="sect">
<div class="sect_title" id="level13">
<h3 onClick="showHide('level13_meat');">++ Level 13: "The Final Ultimate Epic Final Conflict" ++</h3>
</div>
<div class= "quest_meat" id="level13_meat">
<div class="quest_objs" id="level13">Objective: Teach the Naughty Sorceress who's the boss!</div>
<div class="quest_link" id="level13"><a href="http://kol.coldfront.net/thekolwiki/index.php/Naughty_Sorceress_Quest">[Wiki Link]</a></div>
<div class="quest_fams" id="level13">Suggested Familiars: </div>
<div class="quest_buff" id="level13">Suggested Buffs: </div>
<div class="quest_desc" id="level13"><p></p></div>
</div>
</div>
</div>
<!--end quests-->
<!--begin aftercore-->
</body>
</html>

37
trinkets/projects/pp/index.html
View file

@ -1,37 +0,0 @@
<html>
<head>
<title>Project Progress: </div>
<link rel="stylesheet" type="text/css" href="progress_project.css" />
<script type="text/javascript">
function switchTab(tab_name){
}
</script>
</head>
<body>
<div class="status_bar"></div>
<div class="progress_body">
<div class="progress_bar"></div>
<div class="progress_bot">
<div class="bot_tabs">
<ul class="tabs">
<li class="tab" id="tab1" onClick="switchTab('be1')">Tab 1</li>
<li class="tab" id="tab1" onClick="switchTab('be2')">Tab 2</li>
<li class="tab" id="tab1" onClick="switchTab('be3')">Tab 3</li>
<li class="tab" id="tab1" onClick="switchTab('be4')">Tab 4</li>
<li class="tab" id="tab1" onClick="switchTab('be5')">Tab 5</li>
<li class="tab" id="tab1" onClick="switchTab('be6')">Tab 6</li>
</div>
<div class="bot_body">
<div class="bot_element" id="be1"></div>
<div class="bot_element" id="be2"></div>
<div class="bot_element" id="be3"></div>
<div class="bot_element" id="be4"></div>
<div class="bot_element" id="be5"></div>
<div class="bot_element" id="be6"></div>
</div>
</div>
</div>
</body>
</html>

68
trinkets/projects/reader/index.php
View file

@ -1,68 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Nibz Reader</title>
<meta name="description" content="A small, web-based feed aggragation service." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="reader.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="reader.js"></script>
<?php $dbhandle = mysqli_connect("localhost", "billn", "fatty119", "internetvagabond"); ?>
</head>
<body>
<header id="title" class="mainheader">
<div class="maintitle">The Nibz Reader</div>
<ul class="feedbuttons">
<li id="feed_refresh"></li>
<li id="feed_add"></li>
<li id="feed_help"></li>
</ul>
</header>
<!-- Feed Aggrigation Section -->
<section id="reader" class="reader">
<header id="rss_actions" class="r_actions">
<!-- refresh, add feed, import/export button?, others -->
</header>
<div id="feedlist" class="feeds">
<!-- list feeds and current unread articles here -->
</div>
<div id="feedinfo" class="articles">
<!-- this section gets populated via php -->
</div>
</section>
<!-- Read Later Section -->
<section id="later" class="later">
<header id="title">Read Later</header>
<nav id="actions">
<!-- refresh, add, others -->
<div id="rl_add" onclick="addRL(url, title)">Add</div>
<div id="rl_sort">Sort</div>
<div id="rl_list">Lists</div>
<div id="clear"></div>
</nav>
<div id="readlist" class="readlist">
<?php
if (mysqli_connect_errno($dbhandle)){ echo "Failed to connect: " . mysqli_connect_error();}
$query = mysqli_query($dbhandle, "SELECT * FROM readlater ORDER BY add_date DESC");
while ($entry = mysqli_fetch_array($query)) {?>
<div id="article">
<div id="a_date"><?php
$tempDate = date('M. j H:G', strtotime(str_replace('.','-',$entry['add_date'])));
echo $tempDate;?></div>
<div id="a_opts">
<span id="a_opts_list">[+]</span>
<span id="a_opts_del">[X]</span>
</div>
<div id="clear"></div>
<div id="a_title"><?php echo $entry['title'];?></div>
<div id="a_link"><?php echo $entry['url'];?></div>
</div>
<?php } ?>
</div>
</section>
</body>
</html>

41
trinkets/projects/reader/index_2.php
View file

@ -1,41 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Nibz Reader</title>
<meta name="description" content="A small, web-based feed aggragation service." />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="reader.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="reader.js"></script>
<?php $dbhandle = mysqli_connect("localhost", "billn", "fatty119", "internetvagabond"); ?>
</head>
<body>
<header id="title" class="mainheader">
<div class="maintitle">The Nibz Reader</div>
<ul class="feedbuttons">
<li id="feed_refresh"></li>
<li id="feed_add"></li>
<li id="feed_help"></li>
</ul>
</header>
<!-- Feed Aggrigation Section -->
<section id="reader" class="reader">
<header id="rss_actions" class="r_actions">
<!-- refresh, add feed, import/export button?, others -->
</header>
<div id="feedlist" class="feeds">
<!-- list feeds and current unread articles here -->
</div>
<div id="feedinfo" class="articles">
<!-- this section gets populated via php -->
</div>
</section>
<!-- Read Later Section -->
<?php include 'readlater.php'; ?>
</body>
</html>

240
trinkets/projects/reader/reader.css
View file

@ -1,240 +0,0 @@
/*
CSS for reader.theinternetvagabond.com
Written by Bill Niblock
Attempting to use a fluid grid and responsive design approach.
"Optimal" Page width: 1920px
5 colums of 360px each, with 20px gutters
Assumed default type size: 16px
Remember: target / context = result
*/
/* =============================
Reset Styles, Thanks to...
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
============================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* =============================
Utility Styles
============================= */
#clear {
clear: both;
}
/* =============================
Header Styles
============================= */
.mainheader{
position: fixed; top: 0px; left: 0px;
width: 100%; height: 50px;
font: italic 2.0em monospace;
border: 2px outset grey;
}
.maintitle{
float: left;
padding: 10px 0px;
}
.feedbuttons{
float: left;
display: inline;
}
/* =============================
Reader Styles
============================= */
.reader{
float: left;
width: 79.166666666666%; /* 1520 / 1920 = 0.791666666*/
position: absolute;
top: 50px; bottom: 0px; left: 0px;
}
.r_actions{
}
.feeds{
float: left;
width: 290px; /* Non-scaling width; Changes when at a smaller screen size */
/* border: 1px solid black; */
position: absolute;
left: 0px; top: 0px; bottom: 0px;
}
.articles{
float: right;
/* border: 1px solid black; */
position: absolute;
top: 0px; bottom: 0px; right: 0px; left: 290px;
}
/* =============================
Read Later Styles
============================= */
.later{
float: right;
width: 290px; /* 360 / 1920 = .1875 */
margin: 0px 1.041666666667%; /* 20 / 1920 = .0140166666 */
padding: 0px 5px;
position: absolute;
top: 0px; bottom: 0px; right: 0px;
border: 1px solid black;
}
.later #title{
font: italic 2.0em monospace;
text-align: center;
}
.later #actions{
display: flex;
justify-content: center;
}
#actions #rl_add {
padding: 5px 15px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#actions #rl_sort {
padding: 5px 15px;
margin: 0px 5px;
}
#actions #rl_list {
padding: 5px 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#actions div[id^="rl_"] {
background-color: grey;
cursor: pointer;
min-width: 50px;
max-width: 50px;
text-align: center;
float: left;
box-shadow: 0px 1px 2px 1px black;
}
#actions div[id^="rl_"]:hover {
background-color: #DCDCDC;
}
#actions div[id^="rl_"]:active {
box-shadow: 0px 0px 5px 2px #555555 inset;
background-color: white;
color: black;
}
.readlist{
padding: 0px 5px;
}
.readlist #article {
padding: 5px;
margin: 20px 0px;
border-bottom-right-radius: 15px;
background-color: #DCDCDC;
box-shadow: 1px 1px 2px 2px #555555;
}
.readlist #a_date {
float: left;
font-size: 0.9em;
}
.readlist #a_opts {
float: right;
}
.readlist #a_opts_list {
}
.readlist #a_opts_del {
}
.readlist #a_title {
font: 1.1em bold;
}
.readlist #a_link {
font-size: 0.75em;
color: grey;
}
/* =======================================
Responsive -- Width: 1536 -> 960
======================================= */
/* =======================================
Responsive -- Width: 960-
======================================= */

137
trinkets/projects/reader/readlater.php
View file

@ -1,137 +0,0 @@
<DOCTYPE html>
<head>
<?php $dbhandle = mysqli_connect("localhost", "billn", "fatty119", "internetvagabond"); ?>
<style>
.later{
display: flex;
display: -webkit-flex;
flex-flow: column;
-webkit-flex-flow: column;
justify-content: center;
min-width: 290px;
max-width: 290px;
border: 2px solid black;
}
.later #title{
font: italic 2.0em monospace;
text-align: center;
border: 2px solid grey;
}
.later #actions{
display: flex;
justify-content: center;
padding: 5px 0px;
}
#actions #rl_add {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#actions #rl_srt {
margin: 0px 5px;
}
#actions #rl_lst {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#actions div[id^="rl_"] {
background-color: grey;
cursor: pointer;
min-width: 50px; max-width: 50px;
min-height: 20px; max-height: 20px;
text-align: center;
padding: 5px 15px;
box-shadow: 0px 1px 2px 1px black;
transition: background-color .5s;
}
#actions div[id^="rl_"]:hover {
background-color: #DCDCDC;
}
#actions div[id^="rl_"]:active {
box-shadow: 0px 0px 5px 2px #555555 inset;
background-color: white;
color: black;
}
.readlist{
padding: 0px 10px;
}
.readlist #listtitle{
font: italic 0.8em monospace;
}
.readlist #article {
padding: 5px;
margin: 10px 0px 20px 0px;
border-bottom-right-radius: 15px;
background-color: #DCDCDC;
box-shadow: 1px 1px 2px 2px #555555;
}
.readlist #a_date {
float: left;
font-size: 0.9em;
}
.readlist #a_opts {
float: right;
}
.readlist #a_opts_list {
}
.readlist #a_opts_del {
}
.readlist #a_title {
font: 1.1em bold;
}
.readlist #a_link {
font-size: 0.75em;
color: grey;
}
</style>
</head>
<body>
<section id="readlater" class="later">
<header id="title">Read Later</header>
<nav id="actions">
<!-- refresh, add, others -->
<div id="rl_add" onclick="addRL()">Add</div>
<div id="rl_srt" onclick="srtRL()">Sort</div>
<div id="rl_lst" onclick="lstRL()">Lists</div>
<div style="clear:both"></div>
</nav>
<div id="readlist" class="readlist">
<div id="listtitle">Default List</div>
<?php if (mysqli_connect_errno($dbhandle)){ echo "Failed to connect: " . mysqli_connect_error();}
$query = mysqli_query($dbhandle, "SELECT * FROM readlater ORDER BY add_date DESC");
while ($entry = mysqli_fetch_array($query)) {?>
<div id="article">
<div id="a_date"><?php
$tempDate = date('M. j H:G', strtotime(str_replace('.','-',$entry['add_date'])));
echo $tempDate;?></div>
<div id="a_opts">
<span id="a_opts_list">[+]</span>
<span id="a_opts_del">[X]</span>
</div>
<div style="clear:both"></div>
<div id="a_title"><?php echo $entry['title'];?></div>
<div id="a_link"><?php echo $entry['url'];?></div>
</div>
<?php } ?>
</div>
</section>
</body>

59
trinkets/projects/space/index.html
View file

@ -1,59 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Space Prospector: Realtor 20XX</title>
<meta name="description" content="Find resources, manage your space property, and dominate the Space Market!" />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="spacecamo.css" />
<link rel="stylesheet" type="text/css" href="../../doodads/footercss.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="../../doodads/vagabondsigns.js"></script>
<script type="text/javascript" src="spacescripts.js"></script>
</head>
<body>
<!-- Top-Fixed Bar -->
<header class="header">
<div class="menu_options">
<ul class="header_menu">
<li class="menu_item">Space!</li>
<li class="menu_item">Office</li>
<li class="menu_item">Donate</li>
<li class="menu_item">About</li>
</ul>
</div>
<div class="account_info">
<ul class="header_acct">
<li class="acct_item">Log-In!</li>
</ul>
</div>
<div class="company_icons">
<ul class="header_icons">
<li class="icon_item" alt="Resources">R</li>
<li class="icon_item" alt="Planets">P</li>
<li class="icon_item" alt="Stations">S</li>
<li class="icon_item" alt="Satellites">T</li>
</ul>
</div>
</header>
<!-- End Bar -->
<!-- THE GAME SPACE! -->
<canvas id="realter20xx">
<p class="noticket">Can't see anything? You're browser doesn't support the HTML 5 Canvas Element!
Try one of these: <a href="http://chrome.google.com">Google Chrome</a> <a href="http://www.mozilla.org">Firefox</a> <a href="http://www.opera.com">Opera</a></p>
</canvas>
<!-- End The Game :( -->
<!-- Vagabond Footer -->
<div class="footer">
<div class="footer_notice">
<div id="vagabond_notice" class="footer_notice_text" onClick="cycleArray()">The Internet Vagabond &copy 2009-2012</div>
</div>
</div>
<!-- End Footer -->
</body>
</html>

86
trinkets/projects/space/spacecamo.css
View file

@ -1,86 +0,0 @@
/*
CSS Document for Space Prospector: Realtor 20XX
Written by Bill Niblock
http://www.theinternetvagabond.com
*/
/*=====================================================
Miscellaneous Styles
=====================================================*/
.noticket{
position: fixed; top: 50%; left: 15%;
font: bold larger;
color: red;
}
body{
background-color: black;
}
/*=====================================================
Header Styles
=====================================================*/
.header{
position: fixed; top: 0px; left: 0px; width: 100%; height: 25px;
border-bottom: 1px solid rgba(40,40,40,0.75);
background-color: rgba(4, 4, 4, 0.75);
background: linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(30,30,30,0.75) 75%,rgba(50,50,50,0.75) 90%,rgba(50,50,50,0.9) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(40,40,40,0.75) 80%,rgba(60,60,60,0.75) 90%,rgba(40,40,40,0.75) 100%);
}
/*=====================================================
Header Menu
=====================================================*/
.menu_options{
display: inline; float: left;
padding: 2px 10px;
cursor: pointer;
}
.header_menu{
display: inline;
list-style: none;
color: white;
}
.menu_item{
float: left;
padding: 0px 20px;
}
/*=====================================================
Login Menu
=====================================================*/
.account_info{
display: inline; float: left;
padding: 2px 10px;
cursor: pointer;
}
.header_acct{
display: inline;
list-style: none;
color: white;
}
.acct_item{
float: left;
padding: 0px 20px;
}
/*=====================================================
Company Icons
=====================================================*/
.company_icons{
position: absolute; top: 0px; right: 0px;
display: inline; float:left;
padding: 2px 0px;
cursor: pointer;
}
.header_icons{
display: inline;
list-style: none;
color: white;
}
.icon_item{
float: left;
padding: 0px 20px;
}

4
trinkets/projects/space/spacescripts.js
View file

@ -1,4 +0,0 @@
//Button Functions
$(document).ready(function() {
$("li").click(function(){
alert(this.innerHTML);})})

44
trinkets/projects/wedding/index.html
View file

@ -1,44 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title> The Forever Men -- Online Radio Drama </title>
<meta name="keywords" content="Radio, Drama, Radio Drama, Online Radio, Online Radio Drama, Forever Men, The Forever Men, Pulp, Action, Romance, Suspense" />
<meta name="description" content="Saving the world from Nazi dominion, The Forever Men stand valiantly for the free world. A dashing Secret Agent, a mysterious Russian Psychic, a loyal British Rifleman and a rough-and-tough American Man face down the perils of tyranny and evil! They are... The Forever Men!" />
<link rel="stylesheet" type="text/css" href="wedding.css" />
</head>
<body>
<!-- Header for the image splash and the navigation buttons
Each button merely changes the z-index of the main div
below, avoiding unnecessary page reloads -->
<header>
<img src="forevermensplash.jpg" alt="Forever Men!" />
<div class="nav" id="nav">
<div class="nav_button" id="News">News and Episodes</div>
<div class="nav_button" id="Cast">Cast and Crew</div>
<div class="nav_button" id="About">About The Forever Men</div>
</div>
</header>
<!-- The main div, where all the information for the site is provided -->
<div class="main" id="main">
<!-- The section relating to news, episodes, and the media player. The main focus of the site -->
<div class="news" id="News">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE NEWS SECTION.
</div>
<!-- The section relating to cast and crew information -->
<div class="cast" id="Cast">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE CAST SECTION.
</div>
<!-- The section relating to information about The Forever Men and the people who produce it. -->
<div class="about" id="About">
Filler info. This is a cool website. Hey cool all this stuff works. Wow this is awesome! THIS IS THE ABOUT SECTION.
</div>
</div>
<!-- The Footer, where a small disclaimer about rights
and a general email address are provided. Nothing
fancy. -->
<footer>
<div class="disclaimer" id="Disclaimer"> </div>
<div class="email" id="Email">Website Problems? Please contact us here: <a href="mailto:webmaster@forevermen.com">webmaster@forevermen.com</a></div>
</footer>
</body>
</html>

38
trinkets/projects/wedding/wedding.css
View file

@ -1,38 +0,0 @@
/*
Wedding, Vagabond Template
Written by Bill Niblock, The Internet Vagabond
http://www.theinternetvagabond.com
*/
html{
background: #660066;
}
header{
position:fixed; top:0px; left:0px; right:0px; height:60px;
}
slideshow{
position:fixed; top: 70; margin-left: auto; margin-right: auto; width: 800px;
}
.main{
margin-top: 270px; margin-left: auto; margin-right: auto; width: 800px;
border-left: 1px black solid; border-right: 1px black solid; border-bottom: 2px black solid;
background: #F8F8F8;
}
footer{
position:fixed; bottom:0px; left:0px; height:20px;
}
.nav{
margin-left: auto; margin-right: auto; width: 700px;
}
.nav_button{
float:left; width: 200px; height: 20px;
border: 2px solid white; border-radius:25px;
text-align:center;
}

76
trinkets/ramblings/adventures/articles/ireland_log.html
View file

@ -1,76 +0,0 @@
<a id="top"></a>
<a id="day1"><h2 class="ireland">Day 1: 07/27/10</h2></a>
<p id="quote"><i>Melon... <b>*scatter*</b></i></p>
<p>Today is travel day! Heading out right now towards JFK, then a 5 hour lay-over there, then finally taking off towards the Emerald Isle! I'm both excited and anxious, but surprisingly calm. I think it's to the point where I'm ready to get things moving.</p><p>This flight will be rather uneventful: short 55 minute hop to JFK. I'm looking forward to the longer flight. The time will give me opportunity to read, relax and think... something I haven't done enough of in the past week.
<br /><hr class="ireland" /><br />
<a id="day2"><h2 class="ireland">Day 2: 07/28/10</h2></a>
<p id="quote"><i>"Left is safe!"</i></p>
<p>Today we finally arrived in Ireland, first in Dublin and then Shannon. The trip over was a bit of a challenge: a lack of sleep combined with an atmosphere trying to promote one, all wrapped in the situation of no comfortable way to actually get sleep helped to contribute to me not sleeping more than 30 minutes tops. On the plus side, I did get to watch Dorian Grey and Percy Jackson on the way over. Also, they served a very delicious beef stew for dinner; I was pleasantly surprised.</p><p>Upon arrival, we immediately set out to retrieve our luggage, which arrived mostly unmolested. Then, as we proceeded out of the terminal, we finally found our 4th member, Suf, waiting eagerly for our arrival; he had arrived a day earlier, and had many a story to share about his adventures in Limerick (our eventual destination for the day). We got our car, forgot our GPS, recovered our GPS, and began driving toward Limerick from Shannon Airport. We quickly discovered that, given our American driving-habits, we thought every car driving on the "wrong side of the road" was going to kill us. I think twice we all panicked for fear of our lives. But, once we adjusted (or at least, once Suf did... Cary is still a bit iffy) the drive was relatively quick and painless. We arrived not more than 30 minutes later in Limerick, and made for the City Center to explore on foot the many shops and eateries that the city had to offer, as well as pay a visit to "The Bitter End" Pub, where Suf had visited on the previous night. We explored for a bit, had lunch at The Bitter End, visited a shop so Cary could purchase a couple shilelagh (spelling), wander to a tourist booth for information and, with said acquired directions, made for our first B&B of the trip: Coonagh Lodge. We relaxed and napped a bit at the Lodge, enough to recouperate for a voyage back to Limerick, and made for some dinner and adventure. We explored around, eventually stopping in at a place called "Wokking" for some authentic Irish Chinese food, which turned out to be very tasty and filling. We then explored for a pub, stopping at "Charlie St. George's" pub for a quick pint and some people-watching. Then, we explored a bit more, and wound up back at The Bitter End to enjoy an evening cup of tea and some relaxing time. After this, we made back to the B&B, where I discovered that my power brick likes to make a weird noise as it charges my laptop. I account it to the different voltage, and pray that it doesn't explode and kill us all.</p><p>Of most important note, Suf decided to enlighten us with some of his arab cab driving slang, most notable of which is "Why for you fuck my road?" An important question, to be sure, and one to be answered in the days to come. A very steady lean into this adventure, which I prefer to the alternative "kick-in-the-door" style. Hopefully I can figure out some way to get my computer to connect to WPA2 connections so I can have internet more readily. At least for tonight, I probably won't get back on (unfortunate news for my KoL desires. Too many adventures will be wasted after I waste the NS... Oh well...)</p>
<br /><hr class="ireland" /><br />
<a id="day3"><h2 class="ireland">Day 3: 07/29/10</h2></a>
<p id="quote"><i>"Ya know, you keep that shirt on much longer, you gonna get jungle rot" - Biff McBodyspray</i></p>
<p>Today was our first big travel day. We left Limerick around 11:00 am and made for Galway. Along the way we stopped in at the Cliffs of Moher, and then continued on to our destination in Kinvara.</p><p>The Cliffs of Moher are quite the site to see. Set along the Atlantic Ocean is a couple-mile stretch of sheer cliffs, topped with walkways and occasional watch towers, or at least ruins of them. We walked the Cliffs for about an hour, just exploring the different angles and particulars of the cliffs themselves: the numerous outcroppings, the way the waves would collide with the rock, the caves and small inlets that the water had born away. All these details helped to complete one heck of a view! I also enjoyed the visitor center, which was built into the hillsides near the cliffs.</p><p>After the cliffs, we make our way to Kinvara. We stop briefly at the Burren, a barren area of rocks and not much else. Once we arrive, we check into our B&B and decide to hold off on Galway until tomorrow night. This leaves us with plenty of time to explore Kinvara proper. We relax for a bit and make to town for some dinner and adventures. We decided to stop in at an Italian place called 'The Full Tide Inn', and while waiting for our food, had quite the heated philosophical discussion. It really put into perspective for me just how unprepared I am to defend my own view/the Stoic view of topics. After dinner, we walked out to Dunguaire Castle, which was unfortunately closed, but we still were able to explore the surrounding grounds. We learned a bit of background from a fellow tourist, and then made our way back into town to buy a few snacks before heading back to our B&B. That night, despite our best laid plans, we weren't able to get to Scion. However, luckily for me, the internet access at the B&B was unprotected and therefore I could hop onto KoL and finish up my ascension! I bought the trophie available to me (the one regarding food recipies) and clammered through the astral gash to return once more to my life of adventuring. I ascended as a Sauceror, holding onto Pastamancy so I can really start to rack up the bonus adventures from my cooking. A few adventures gone, I manage to get to level 2 the first day, and am very excited to really get this sauce boiling.</p>
<br /><hr class="ireland" /><br />
<a id="day4"><h2 class="ireland">Day 4: 07/30/10</h2></a>
<p id="quote"><i>"Be-buh-buh-day, be-buh-buh-day, E-DAY-OH, E-DAY-OH, THAT'S OK!"</i></p>
<p>Holy crap, today seemed like an entire month's worth of exploration and adventure. After a delicious traditional Irish breakfast, we made for Galway.</p><p>In Galway we parked and set out for our busiest and most fun day yet. I can tell you now that my feet are none to happy about the amount of walking we achieved, but if nothing else this is a good reminder to properly prepare next time: make sure my shoes are comfortable enough to walk around in almost constantly. So, we park and make towards the city center. Galway is situated along the coast of Galway Bay (go figure...) and has a river running through the center of town. We head down the busy pedestrian walkway and hit up a few shops. Chris, Suf and Cary all check out a couple tattoo parlours, and me being less interested make for some good people watching and relax a bit. We continue our walk through the busy crowds, and eventually make our way to the river. Exploring it for a bit, Cary and I decide to stop off at a river-side restaurant called 'Mustard', where I get one of the most delicious pulled-pork sandwiches I've ever enjoyed. Afterwards, we met back up with Chris and Suf, and walked out towards the bay a bit. As we voyaged further away from the city, we met with a couple of fellow travelers, and discovered a great bar to stop at in town, known as 'E Brun' or 'The Bridge.' At the bar we met Bill, a local of Galway, who told us of many great sites and happenings around town. An important detail of our stay in Galway is that the Galway Races were going on. Evidently, they're a big deal.</p><p>So, after our stop in the pub and a delicious Guiness, we make to explore and find 'The Crane,' where Shela's son will be playing live music later in the evening. We find it, and gather from another local (and rather attractive) girl the location of a couple of good niteclube. After finding the Crane we decide to hunt our a place to eat, and eventually wander back to 'Kelly's', which helps to bring back nostalgic memories of Geneseo and our own Kelly's. We enjoy a deliciously filling meal there, compliments of Chris, and find out that later in the evening we can enjoy Crane for some authentic (and rather good) Irish jazz (which sounds not much different from any other type of jazz...). Thus far, although I've been able to explain our day in only a few short paragraphs, we've experienced to us what has felt like a lifetime worth of exploration. But, the fun is only just about to start.</p><p>10:20pm, and we just left The Crane Bar to head back to the B&B for some kick-ass Scion action. Along the way, we overhear a few clubs, but nothing really catches our ear until we get to Kelly's. We can hear the beats from outside, we can feel our feet aching but wanting to join in, so we head upstairs and find (!!!)... a bunch of people standing around as a DJ mixes. What a let down! Well, Suf wouldn't have any of this, and neither would the rest of us, so after settling into our comfortable corner, Suf finally finds a song that he'll groove to. And groove he does. Following quickly in suite, we join him on the floor and find ourselves almost alone dancing. The 4 American tourists are the only ones dancing in the Irish Niteclub. Almost poetic, mostly pathetic. Well, this quickly changes, as more people flock to the dance floor after seeing our amazing example. And by no means am I exaggerating! We literally started the dance party at a niteclub. We groove it and move it for a good couple of hours before we take off for new adventures. After a bit of exploring, and a lot of drunk people, we decide to split up: Chris and Suf head back to Kelly's for some more dancing, Cary wanders the street talking to people, and I, the lamest of the group, head back to the car to call it a night. Before long, we all reconvene, load up the GPS and make our way back to the B&B. This night has been legendary, and no degree of detailed description can truly capture just how epic the night was.</p><p><b>Simply put: Galway was unforgetable.</b></p>
<br /><hr class="ireland" /><br />
<a id="day5"><h2 class="ireland">Day 5: 07/31/10</h2></a>
<p id="quote"><i>"Where are we heading again? Ballerina?" "BALLINA!"</i></p>
<p>After the unbelievable adventure of Galway, we head out for our next stop in Northwest Ireland: Ballina.</p><p>We set off after saying goodbye to our thus-far favorite B&B and host Shiela, and head north. As we're driving, we spot a few turn offs and decide to stop at one of them to explore a bit of the countryside. We find our way onto a mountain, scale the smaller hills leading up to it, and eventually make our way back to the car to continue walking. As we're driving, we happen across one of the more epic scenes of our voyage: the carved out "seat" of a mountain, which we refer to afterwards as 'The God Seat.' Surely, the scene of epic Scion games to come.</p><p>As we continue along our voyage, we stop off at Kylemore Abbey, the most stunning scene I've seen in my life thus far. Imagine a white and grey castle, then make it less war-oriented and more beautiful, then set it on a gorgeous lake, at the base of a very impressive mountain. That's Kylemore Abbey. We park and explore a bit, and I get several good pictures. Further, I manage to spot a statue of something half way up the mountain, made of white stone. Whoever made this statue certainly had a lot of determination!</p><p>We leave the Abbey and finish our journey to our B&B for the evening. We relax, settle in, and finally get to playing some Scion. Cary volunteered to run first, so we play through the first half of his one shot: saving a 'shie' from an Irish scion and his giant lackies. My character, a defensive tank named Derrick Nasher, does quite well. We finish up the session, spend our exp (making us even more boss), and crash for a relatively early night.</p><p>This B&B also has an encrypted internet, so at first I'm out of luck. However, on a whim I try out the Chromium build I brought along (thanks Hexxeh!!), and manage to easily set up a connection through that! I can't upload any files or pictures very well, but I can still play some KoL and post a few updates to my social sites. Also, Google Voice has proven to be a godsend! Being able to text from a website has been my primary means of keeping in contact with the family back at home.</p>
<br /><hr class="ireland" /><br />
<a id="day6"><h2 class="ireland">Day 6: 08/01/10</h2></a>
<p id="quote"><i>"...just chillax..." "Woah... I never expected to hear 'chillax' outside of the states!" -A conversation between Kim and Chris</i></p>
<p>Day 2 of our stay in Ballina. We eat an early breakfast and make for Killary Adventure for some archery!</p><p>We arrive in Killary around noon, and enjoy an hour of arching with our instructor Kim and another instructor named Dugal. I managed to shoot 2 bullseyes! It's amazing that if you actually hold the weapon properly and keep proper form, you can actually aim with it. Never would have thought otherwise... (/sarcasm). We joked, tried out some trick shooting, played a HORSE-style game, and all-in-all came out of the adventure feeling really great. Plus, we all got some wicked "battle wounds" from the bow on our forearms.</p><p>After the archery, we decide to head to Westport, on advice from Kim, for some shopping and to get lunch. We immediately (perhaps fatefully) stumble upon a place called 'The Asgard' and decide that there's no better place to eat in town than here. I enjoy some Bangers and Mash - Asgard Style - and feel the wonderful feeling of fulness once more. This trip has been a wonderful venture in delicious foods. The traditional Irish breakfast (Egg, <i>real</i> bacon, sausages, black and white pudding, half a tomatoe, toast, tea and juice) is so filling that most of the time we feel no need to eat before dinner. Today, though, was a glaring exception; that, and we had a different breakfast of pancakes and poached eggs. After the Bangers and Mash, we split up: I head off to explore the riverway and the port, while the others go shopping. I manage to snap quite a few nice pictures, and figure out some more features on the camera, before we meet back up and head back to Ballina, and then onwards to Enniscrone, the birthplace of Cary's ancestors, the Grimes.</p><p>We arrive in Enniscrone around 4:00 in the afternoon, to a beautiful sunny day and warm weather. Enniscrone in a beach town, so we split up once again, with me heading out towards the beach and the others once more hitting up the shops. I walk along the Atlantic Ocean, soaking in the waves and the rays, and eventually make my way back to the car to relax for a bit. We head back to the B&B, rest for a bit, and decide that heading back to Enniscrone for some delicious, authentic Irish-Chinese food would be best. And best it was: we discovered the awesomness and addictivness that is puffed-rice prawn crisps. Dinner was good, too.</p><p>We head back to the B&B and finish up Cary's session of Scion. Chris set his crab-tank relic for self-destruct and took care of all the giants for us, while I managed to manipulate our crazy Irish scion friend Brian that he forgot how to fight, which led to his untimely demise (or at least him falling unconscious...). We saved the 'shie', secured the relic protected inside it, and got Brian's birthrights for ourselves. A success, and a good start to our Scion adventures yet to come. Cary hands the GM torch over to Chris, and we begin his session tonight: we get tasked by Brigid (one of the Tuatha) to help out one of her daughters. We manage to find her just in time for the night to expire, and so we call it there. In KoL, I've managed to get to level 4, half-way towards 5, before I call it a night. I haven't yet played all my available turns, but I'm making decent progress. With a bit more practice I can probably get getting to level 6 a 2-day process, which will help to speed through the slower part of the game.</p>
<br /><hr class="ireland" /><br />
<a id="day7"><h2 class="ireland">Day 7: 08/02/10</h2></a>
<p id="quote"><i>"Worst. Bank. Holiday. Ever."</i></p>
<p>After a restful evening, and another delicious breakfast of pancakes and poached eggs, we enjoy a quick chat with John, our host, before heading off on our "driving day from hell." Our course will take us through the middle of Ireland, stopping off at Athlone to see the oldest bar in Ireland (and perhaps the world) and eventually into Tipperary for the evening</p><p>Our first stop of the day is in Athlone, a city smack-dab in the middle of Ireland. The drive to Athlone was a bit long, but still strikingly beautiful. It seems like Ireland, despite it's rather small size, is still host to some of the most grandiouse and beautiful scenes I've ever seen. We arrive in Athlone around noon, and wander around a bit. Suf, Cary and I all stop in at 'The Snug' for a quick pint, before we take off across the bridge in the middle of town to hit up some shopping. We stop off in Athlone Castle along the way for some great pictures, and run into Chris, who had wandered off to find some shops, after we cross the bridge. Chris and I decide to backtrack to the Castle, then wander around before we head back to Sean's. Sean's is the oldest bar in Ireland, dating back towards 900AD, and quite possible the oldest bar in the world. Obviously, I enjoy a pint of Guiness before we head back to the car and continue along our day's journey.</p><p>We decide to stop off at Clanmocnoise Abbey, a ruined abbey just south of Athlone, before heading out to Tipperary. The sites there are truely amazing, and the ruined Abbey is quite cool as well. The conservation attempts have, thus far, done a good job of maintaining what was salvageable, but the Abbey itself is beyond repair. After some cool pictures, we continue on our way to Tipperary.</p><p>We finally arrive at our destination for the evening. Tipperary is a small town, with a good amount of shops and a very comfortable atmosphere. Unfortunately, and unknown to us, due to the Bank Holiday most of the food shops are closed. We settle for a fast-food place called "American Stars" and apologize to our digestive tracks before heading back to our B&B for some Scion action.</p><p>Scion has us defending Nikki from a couple of Fenrir, which we succeed in doing, and then finding out our target was, in fact, a doppleganger. We discover this a bit too late, though, and end our session assaulting 'The God Seat' and a Norse Scion, who claims that "the ginger bitch has got to go." Well, Derrick'll be damned if he let's a potential future employer die that easily. The stage is set as both Derrick and the Norse Scion enter their Collosus Armor, Cary's Scion enters his Warpspasm, and Suf's Scion prepares to make pincushins out of the Frost Giants. After Scion comes KoL, which sees my progression to level 5 and acquisition of Advanced Sausecrafting. I adventure for a bit more, before fatigue wins and I succumb to sleep.</p>
<br /><hr class="ireland" /><br />
<a id="day8"><h2 class="ireland">Day 8: 08/03/10</h2></a>
<p id="quote"><i>"There any bars... excuse me... pubs around here?" "Welcome to Ireland, lad!" - A conversation between me and a bouncer</i></p>
<p>Today we headed back to the Rock of Cashel to get a great tour around the castle grounds. I took lots of pictures, bought a few things for myself and a great sweater for my mom, fall down a few steps while wandering the castle grounds (resulting in a beautiful leg-bruise to match my archery-provided battle wound on my forearm), and we wrap up Tipperary and head to Cork.</p><p>We arrive in Cork and are immediately thrust into the realization that Cork is quite the large, industrial city. After a bit of confusion finding our way to our B&B for the night, we decide to take some naps to recover some energy and mana, and head out to find dinner and some nighttime entertainment. On the generocity of our very funny and cheery innkeep, we head to a place called Zak's, and are pleasantly surprised in the meal; I had a delicious Irish-beef burger, some awesome garlic bread, and a Murphy's to wash it all down (Murphy's is brewed in Cork; Guiness is not very welcomed here). We finish dinner, and head out to find some clubs for the night.</p><p>We start our evening off wandering the neighborhood around Zak's. We find a place, rather populated and playing somewhat good music, but quickly discover it's overpopulated with Binfo for the night. We pass this pub, and ask the bouncer for any suggestions, and get pointed towards a place called "Sober Lane." Ignoring the odd name, we head off in the appropriate direction and run into a metal pub along the way, so I insist we stop in and enjoy a drink. We get a pint, enjoy the music, and move on. 'Sober Lane' turns out to be a much younger-oriented pub, which doesn't dissappoint us, but it really pulls through when Chris discovers the dart board in the back corner. We quickly take it over, playing darts until the pub closes (oddly early, for our expectations), and Chris and I head out to relax outside. Cary and Suf, being the charmers that they are, end up chatting it with two girls local to the area, who invite all of us back to a place called 'Cruscien Lar' (which we all continually misunderstand as crusifixion). We follow them through the streets of Cork, and eventually wind up at the closed pub. They hit the secret side enterence, and convince the owner and co. to let us in.</p><p> Cruscien Lar (which I'm sure I'm spelling wrong), ended up being the undeniable high point of Cork. Once we got a bit more comfortable and began chatting with everyone, we really ended up enjoying ourselves! And then, we met Alan. Alan is a veritable world travelling musician. He has been pretty much everywhere, including state side, with his band 'The Jordans' and he had many tales to share with us. He mentioned that the prices for alcohol (and women (...and drugs)) were best in Slovakia, that you'll never see anything more beautiful than the Southeastern Asian countries, and that Russia really isn't that bad a place. Really a lot of what we talked about fell into those topics, and it was a conversation which I enjoyed thoroughly. Alan taught me that being a world traveller doesn't take gobs of money and resources. All it takes is a desire to explore, and a willingness to step outside your comfortable little box.</p><p>Throughout the night we talked with Alan, and his friends Marie and Ger (the girls which Cary and Suf connected with), about not only their travels, but also their taste in music (which was gloriously metal-oriented), their careers, their adventures and their aspirations. As the night wound down, we all said our farewells, and left through the side door. Our night was almost at an end! As we wandered back to the B&B, we stumbled across a rather rowdy bunch, and Suf, being the social butterfly that he is, decided to hop on board. We eventually were introduced to Nollagh and her friends, who were travelling in our direction to a supposed party. Considering we're still young, as was the night, we tagged along and were eager to arrive at another Irish party. Sadly, the party was a bit of a bust, and seeing as we were so close to home, we decided to just call it a night. An awesome night, almost so much to as to rival our crazy adventures in Galway.</p>
<br /><hr class="ireland" /><br />
<a id="day9"><h2 class="ireland">Day 9: 08/04/10</h2></a>
<p id="quote"><i>"My father's name is Merry Merry Mack!"</i></p>
<p> After a rather enjoyable rest, we departed from Cork on our way to our final "big city" stop: Killarney. Killarney has a very homey feel about it. There are plenty of tourist shops, plenty of sites and sounds to experience, and the night life is absolutely amazing, but more on that in a bit.</p><p>We arrived at our B&B to find that the owner had stepped out for a bit, so we decided to just park and wander into town. We quickly found some great shops, restaurants, pubs, and other such attractions. Chris and I wandered around a few places, and I ended up finding a few good gifts for the family: a corkscrew and wine stopper for dad, both made of pewter; and a hat for Eric, which I think will suit him quite nicely. After a bit more wandering, we headed back to the B&B to relax and recover before we hit the town.</p><p>I think the most memorable part of Killarney for me was all the festivities going on at night in the city. Almost every pub had live music, there were people out walking and having a great time. There were lights, and food, and music, and drinks... it just felt like a fun place to be! We started our night wandering around a bit, and found ourselves at an outside banquet of sorts, with life music. Suf and I, exemplifying our boistrious nature, led the singing of the chorus (see the quote), and made our mark early in the Killarney perspective. After our job was done there, we found our way to a pub called 'Scruffy's', near an amazing hotel. The band playing there had some great traditional music as well, which we joined in on. Had a pint, made some friends, moved on down the road to our final destination for the evening: McSorley's. McSorley's is appropriately named because my feet at the end of the night were very McSore. To say the least, McSorely's is about 50% enough to keep me in Ireland. The drinks were great, the atmosphere was amazing, and, the best part of all, the music was fantastic. This particular evening we were treated to a performance by a ground called "Zoot Allures", a cover band. They played an AMAZING set, with so many great songs, and such great energy, that it made me really wish American clubs would pull their heads out of their asses and actually play good music. Anyways, amazing music was played, several videos were filmed, more-than-several beverages were consumed, and at the end of the night, the lead singer from the group gave me a great, big bear hug. Naturally, I returned the favor.</p><p>Well, Zoot Allures wasn't the end of the night for us, as McSorely's has a secret back room dance club, so we obviously had to make use of that. We danced for a good while, then Chris, Cary and I decided to take off and get back to the B&B to sleep. We left a window open for Suf. Once again, to say the least, Killarney is absolutely amazing!</p>
<br /><hr class="ireland" /><br />
<a id="day10"><h2 class="ireland">Day 10: 08/05/10</h2></a>
<p id="quote"><i>The room fell silent, as the man lowered his microphone to the crowd. A single bewildered bystander asked, "Yeah?" The man only nodded, a knowning nod. The bystander tipped his head back, and breathed deep the pub air, and finally, as the tension grew to an unberable level, cried out: "THUNDERSTRUCK!!!"</i></p>
<p>I thought the first night was amazing. Holy crap this town just keeps getting better and better!</p><p>So, day 2. After some great, great sleep (which, of the 4 of us, I'm the only one to wake up in time for breakfast), I clean myself up and head to town. Yesterday I had seen an "internet cafe," and figured it would be similar to what we call internet cafes in America (I was wrong), so I made my way there to get my KoL fix, and check up on the tubes. Well, the internet cafe was a pay-per-use computer room, so I threw my cash at the front desk and got a couple hours of hardcore internet access. KoL Update: beat the boss bat, the Goblin King, and the first part of my Nemesis quest. Not bad, I guess, but I think it's safe to say that juggling an acension with travelling abroad is a bit difficult, unless you know what you're doing. I don't, for the most part.</p><p>After lunch at a (surprise!) Chinese food place, we decided to take the afternoon off and head back to the B&B to play some more Scion, before McSorley's opened up again. We did some great stuff, saved the freckled Scion, then I made the decision to let her die (which ended up coinciding with some major character development, so that's nice), and then Cary's character died defending her. So, all in all, we failed our mission, but succeeded at Scion. Huh.</p><p>Anyways, McSorley's opened up shortly after the game, so we hit up dinner (more Chinese), and I spent some time wandering around getting pictures of the pubs we had visited. It's funny: my dad complimented me on all the pictures of the beautiful scenary and what not, but he asked a very important questions: where are all the pubs?? So I tried to rectify that our last night in Killarney, snapping a picture of a few placed before winding my way back to McSorley's for the evening. Round 2... FIGHT!</p><p>The cover band at McSorley's tonight was not as good as the other band, which is the equivalent as saying that the 200000 Candle-Power flashlight isn't as bright as the 300000 Candle-power one: they're both way brighter (or, awesomer in this case) than the required flashlight (or, typical American cover band, in this case). Tonight's show was by Revenge, who paid tribute to some of the older songs, including quite a bit of ACDC. We rocked out hard core, really supporting the band out front by dancing and singing along. Then the moment happened, the moment that Chris has claimed is the most epic moment of the trip. The quote says it all, but in short: the band was playing Thunderstruck by ACDC, and the lead singer lowered the mic to me to scream "THUNDERSTRUCK!!" into, and it was amazing timing. I do have to say, sometimes my timing is spectacular. Anyways, that memory will stick with me forever, and I think with Chris, Suf and Cary as well, so I consider this night an unbelievable success.</p><p>Once more, we invaded the back room, only this time we stayed until close. We danced our way into another dance party, because evidently we're all Lords of the Dance, and met some new friends: May, a French girl there with friends. We danced with them, we danced with total strangers, and we danced until we couldn't dance any more! I literally understood what it meant to be out of mana that night. I had barely the energy to return home, before I just passed out on my bed.</p><p>Killarney is the city I would most enjoy in Ireland. Of all the places we've gone, it's the city which feels the most alive. It has the loudest pulse, the brightest flash, the sweetest music; it's the type of environment I want to live in. While I don't think Ireland is quite the island for me, if I did decide to live here, Killarney would be my final destination.</p>
<br /><hr class="ireland" /><br />
<a id="day11"><h2 class="ireland">Day 11: 08/06/10</h2></a>
<p id="quote"><i>"Wow, this place is nice. I don't think we belong here."</i></p>
<p>Today we all are taking a bit of a down day. After the past 2 nights, I'm exhausted, and ready to just sit around a do nothing for a bit. Well, conveniently Cary is getting his tattoo today, so I got my wish. We check out of our B&B, pack up the car, park in town and go exploring a bit more. After I stop at the Tourist Information, I learn of a free Wi-Fi pub nearby, and relax there for a couple of hours, enjoying some tea and playing some KoL. I don't really achieve anything of any worth in game, and Suf, Cary and Chris show up just in time for us to work on our Scion characters a bit and head to dinner. We go to the Chinese food place we hit up last night for lunch, and then Cary must depart for his tattoo. Chris, Suf and I all decide to wander back into the pub for a bit, where I finish up my KoL for the day, enjoy some more Scion, check the email, and generally just chillax.</p><p>We leave Killarney around 5:30 and arrive at our second-to-last destination, Ballyseede Castle Hotel. Since we have nothing to do until later, we settle in, relax for a bit and get to playing some more Scion. That's right: WE ROLEPLAYED IN A CASTLE.</p><p>After the session, we split up: Cary, Suf and Chris all head back to Killarney (a whopping 15 minute drive) to hit up McSorley's again, and I lame out and take the night off. Whilst waiting for sleep to drift in, I enjoy some good ol' American past-time and watch a bit o' telly: 'Analyze That' was on. I watched 'Analyze That' in a castle. Today is just full of achievements!</p>
<br /><hr class="ireland" /><br />
<a id="day11"><h2 class="ireland">Day 12: 08/07/10</h2></a>
<p id="quote"><i>"Ma'am? A quick question. We named the dogs: this one is named Roger the Mighty, and this one is named George the Stout. How close were we?"</i></p>
<p>After a wonderful night's rest in the castle, we pack up our things, enjoy a delicious breakfast, explore the castle grounds a bit more, and head off to our final B&B, just outside of Shannon.</p><p>As we approached our destination, we decided to stop by Limerick for lunch/dinner and just explore our initial landing grounds one last time. We wander to 'The Bitter End', take some pictures, and find our way to a Chinese food place (big surprise) and an outdoor pub. Since we couldn't decide on which one to go to, I suggested we go to both. This decision was met with much happiness. After we finished our Chinese food (quite delicious), we headed next door, and was met with delicious desserts and beautiful women. Our waitress let slip it was her birthday, so in true, boistrious American style, we sang her 'Happy Birthday!' (Hope it was a good one, Sam!). Apparently she got in trouble for that... Oops...</p><p>Anyways, we hit up our B&B to drop stuff off, and repack our bags for tomorrow's trip, and finish up our Scion campaign. We hopped out to 'Durty Nelly's' for a quick dinner (and sadly, our waitress Una already had her birthday a month ago) of traditional Fish and Chips, then back to the B&B to finish up our night rolling the dice. With the campaign finished, we hit the hay in preparation for tomorrow's voyage. Hopefully none of my loot get's wrecked!</p>
<br /><hr class="ireland" /><br />
<a id="day12"><h2 class="ireland">Day 13: 08/08/10</h2></a>
<p id="quote"><i>"Do I really have to be the asshole to say that we travelled back in time in that hot tub?" - Hot Tub Time Machine</i></p>
<p> And just as quickly as it began, our whirlwind tour comes to an end. We left the B&B early this morning to get to the airport, returned the car without a fuss, checked in our baggage, shuffled through customs and passport checks, and eventually found our way to the gate. The airport in Shannon has free Wi-Fi, which is epic, so I whiddle away at my turn-count in KoL, achieving little but still enjoying the game. Shoot off a text to mom letting her know things are on time, and eventually board my first of three flights for the day.</p><p>The flight is rather uneventful. We're seated next to a kid flying back from a wedding, so it was fun to chat with him for a bit. Then, onto the free movies: Iron Man 2 (pretty boss), Hot Tub Time Machine (really, quite the unknown comedy. Hilarious!) and Repo Men (meh, not really my bowl of soup...) round out the trip. We land soundly in JFK, disembark, and find our next flight delayed, so Chris, Suf and I, after bidding farewell to Cary at the Terminal, head to 'NYC Sports Grill', right outside our arrival gate from the beginning of the voyage, and enjoy some good ol' fashion American burgers before our flight to Boston.</p><p>The flight to Boston is painless, despite the Logan Airport's best attempt at being the worst air port ever (I just really don't like it). We land safe and sound back home, and I eagerly make my way to baggage claim to make sure everything is safe there. I get my bags (w00t), find everything in one piece and accounted for (w00t x2), and bid Chris and Lindsay farewell as my parents drive up in the van.</p><p>Thus, our voyage ends. A successful first trip overseas, and a more-or-less successful first attempt at travel blogging too. Methinks I'll have to try this again sometime. Farewell, and as they say on the Emerald Isle: CHEERS!</p>

32
trinkets/ramblings/adventures/index.php
View file

@ -1,32 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>The Internet Vagabond :: Adventures</title>
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="../vagabondcamo_articles.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="../../doodads/vagabondsigns.js"></script>
</head>
<body>
<div class="header_articles">
<div class="header_articles_links">
<a href="#top" class="header_articles_a"><div class="header_articles_links_left">Back to the Article Home</div></a>
<a href="http://www.theinternetvagabond.com" class="header_articles_a"><div class="header_articles_links_right">Back to The Internet Vagabond Home</div></a>
</div>
</div>
<div class="article" id="main_screen">
<!-- The location of the article -->
<?php require("articles/ireland_log.html"); ?>
</div>
<div class="footer_articles">
<div class="footer_articles_notice">
<div id="vagabond_notice" class="footer_articles_notice_text" onClick="cycleArray()">The Internet Vagabond &copy 2009-2012</div>
</div>
</div>
</body>
</html>

100
trinkets/ramblings/experiences/articles/Hrotger Abelard.txt
View file

@ -1,100 +0,0 @@
Hrotger Abelard HP: 127/127[0]
Lawful Neutral Dwarf Male
>Fighter[Armor Master](d10): 9<
STR: 18 20 (+5) FORT: +14 AC: 32 [Touch: 19][FF: 28][Sentinel: +1][DR 6/-]
DEX: 16 18 (+4) Attacks[Init: +2][BAB: +9/+4]
CON: 20 22 (+6) REF: +9 Sentinel [+16/+11 -- 1d10+8,x3]
INT: 9 9 (-1) Aegis [+15/+10 -- 1d8+6,x2]
WIS: 12 12 (+1) WILL: +9 Sentinel + Aegis [+12/+7; +11 -- 1d10+8,x3; 1d8+6,x2]
CHA: 6 6 (-4) Forge Spirit [+15/+10 -- 1d6+6,x2]
Languages: Common, Dwarven
======================================================================================
Skills[F-1]: Feats/Features:
Acrobatics: 05 = 02 + 04 - 01 [T] Armor Expert {-1 Armor check penalty for suits of armor}
Climb: 10 = 03 + 05 + 02 [T] Indomitable Faith {+1 Will}
Perception: 13 = 09 + 01 + 03 [-] Slow and Steady {Movement Speed 20; Never modified by armor/encumbrance}
Survival: 05 = 01 + 01 + 03 [-] Darkvision, 60ft.
Swim: 10 = 03 + 05 + 02 [-] Defensive Training {+4 AC vs giant subtypes}
[-] Greed {+2 Appraise for precious metals/gemstones}
[-] Hatred {+1 to hit against humanoid orc/goblinoids}
[-] Hardy {+2 Save vs. poison, spells and spell-like abilities}
[-] Stability {+4 CMD vs bull rush/trip while on the ground}
[-] Stonecunning {+2 Perception regarding stone; Automatic check when near stone features}
[-] Weapon Familiarity {battleaxe, heavy pick, warhammer, any "dwarven" weapon}
[1] Toughness {+9 HP}
[F] Bonus Feat: Shield Focus {+1 AC with shields}
[F] Deflective Shield {+3 touch AC}
[F] Bonus Feat: Improved Shield Bash {Maintain shield AC during shield bash}
[3] Two-Weapon Fighting
[F] Armor Training {-3 Armor check penalty; +3 Maximum Dex bonus}
[F] Bonus Feat: Shield Slam {Free bull rush after shield bash}
[5] Weapon Focus: Dwarven Waraxe {+1 to hit with waraxe}
[F] Armored Defense {DR 3/- while wearing heavy armor}
[F] Bonus Feat: Weapon Specialization: Dwarven Waraxe {+2 damage with waraxe}
[7] Missle Shield {Deflect one ranged attack per round}
[F] Bonus Feat: Greater Shield Focus {Additional +1 AC with shields}
[9] Iron Will {+2 Will}
[F] Fortification {All armor I wear has light fortification (25% ignore critical hit/sneak attack)}
======================================================================================
Equipment[4gp 18sp 20cp]
16050gp 60lbs +1 Spiked Adamantine Full Plate [+10AC, +5DEX, -1ACP, DR 3/-]
5010 10 "Aegis of the Stone Legion" (+1 Spiked Bashing Heavy Mithril Shield) [+5AC, 0ACP, +1 HIT, +1 DAM]
8000 - Ring of Protection +2
4000 1 Cloak of Resistance +2
2000 - Amulet of Natural Armor +1
5000 - Belt of Physical Might +2 [Crafted by Wendell]
2500 1 Boots of the Winterlands
4000 1 Sash of the War Champion {Effective Fighter Level +4}
8000 2 "Forge Spirit" (+1 Returning Throwing Axe)
- 8 "Sentinel" (+1 Defending Dwarven Waraxe)
Backpack[122 |>(0-133)<||(134-266)||(267-400)|]
2 5 Crowbar
- 5 Bedroll
- 3 Blanket, Winter
10 2 Flask (Kaltenheim Scotch)
- - Gaming Dice
1 - Heimdall Holy Symbol, Wooden
1 10 Hemp Rope, 50ft.
1 1 Iron Tankard
2 8 Waterskin (Full), x2
3 5 Trail Ration, x5
======================================================================================
Backstory
======================================================================================
Name: Hrotger Abelard; Rank: Captain Sentinel; Legion: Stone. I was born, the youngest of my family, to my father, the General Jonas Abelard and his wife, the master artisan Helga Aeuland. Jonas Abelard was a legend in the Orc Wars, helping to defend Kaltenheim and the known world. His armor was gifted to me when he retired. Helga Abelard has crafted some of the finest tapestries that Kaltenheim has seen, many of which fly in the temples of the city and beyond. My brothers, Dietrich and Gotfried, both served in the military. Dietrich retired into a life of whale hunting, and Gotfried found his calling as a priest of Odin, the all-father. My sister, Alexandria, is apprentice to my mother, continuing a family trade to bring up great favor for centuries to come. Following closest in my father's footsteps, I have taken up the matle of protecting Kaltenheim and her surrounding lands as a member of the Stone Legion: a sect of the Kaltenheim army designated as guardsman, sentinels and defenders. I achieved my rank through hard work and dedication, not through entitlement. As a reward for my steadfast servitude, I have received many rewards. My shield was gifted to me upon achieving the rank of Captain, and has done much to aid in my continued progression. Forge Spirit was a gift from a hermit whom my squad of Legionaries were assigned to seek out and protect from an Orcish raiding party. He told me that it's true potential lies in fire, where the true spirit of the forge manifests. Sentinel, my waraxe, was a gift from Heimdall himself. After the nightmarish visions of Akavasha, the high priest of Heimdall arrived at my door bearing the axe and a message: it is time to protect the realm once again. Take up your father's legend, and use it to forge your own. When a group of adventures arrived later that day, I knew what Heimdall had meant, and I met up to journey with them. Together, we go to save the world once more.
======================================================================================
Progression
======================================================================================
Level 10 Bonus Fighter Feat: Greater Weapon Focus: Dwarven Waraxe {+1 to hit with waraxe}
Level 11 Feat: Shield Master
Level 12 Bonus Fighter Feat: Greater Weapon Specialization: Dwarven Waraxe {+2 damage with waraxe}
Level 12 Stat Boost: DEX
Level 13 Feat: Improved Two-Weapon Fighting
Weaknesses
Major:
- Rely almost entirely on armor. Any armor will do, though.
- Remedy: Perhaps a means for summoning armor?
- No elemental resistances.
- Resist Energy is a pretty solid solution. Having perhaps a use/day item could be worth seeking out, or potions.
Minor:
- Slow
- Boots can speed me up, as can spells, if necessary.
- Few/low skills
- Probably not terribly important. I'm the meat shield, not the scholar.
- CHA of 6
- Well... get +CHA items? If it's really worth it. I guess if I'm rolling in money I can get a +4 CHA item...
Desired Items
- Continually improved Amulet of Natural Armor, Ring of Protection, Cloak of Resistance, Belt of Physical Might, Armor, Shield, and Weapons
- A use/day Resist Energy item -OR- +18000gp/element addition to armor (I envision a dwarven rune)
- Mantle of Spell Resistance
- Potions: Healing, Resist Energy, Movement Speed/Haste, +CON/STR

33
trinkets/ramblings/experiences/index.php
View file

@ -1,33 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>The Internet Vagabond :: Experiences</title>
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="../vagabondcamo_articles.css" />
<script type="text/javascript" src="../../doodads/jquery.js"></script>
<script type="text/javascript" src="../../doodads/vagabondsigns.js"></script>
<script type="text/javascript" src="ShakespeareInsults.js"></script>
</head>
<body>
<div class="header_articles">
<div class="header_articles_links">
<a href="#top" class="header_articles_a"><div class="header_articles_links_left">Back to the Experiences Home</div></a>
<a href="http://www.theinternetvagabond.com" class="header_articles_a"><div class="header_articles_links_right">Back to The Internet Vagabond Home</div></a>
</div>
</div>
<div class="article" id="main_screen">
<!-- The location of the article -->
<div onClick="poeticBurn();"> CLICK FOR POETIC JUSTICE </div>
</div>
<div class="footer_articles">
<div class="footer_articles_notice">
<div id="vagabond_notice" class="footer_articles_notice_text" onClick="cycleArray()">The Internet Vagabond &copy 2009-2012</div>
</div>
</div>
</body>
</html>

19
trinkets/ramblings/template.php_template
View file

@ -1,19 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>The Internet Vagabond :: Home</title>
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="doodads/vagabondcamo_articles.css" />
<script type="text/javascript" src="../doodads/vagabondsigns.js"></script>
</head>
<body>
</body>
</html>

81
trinkets/ramblings/vagabondcamo_articles.css
View file

@ -1,81 +0,0 @@
/*
CSS for www.theinternetvagabond.com
Written by Bill Niblock
*/
html{
background-color: #DDDDDD;
}
/* =============================
Header Styles
============================= */
.header_articles{
position: fixed; top: 0px; left: 10px; right: 10px; z-index: 10;
border: 1px #666699 solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
height: 17px;
background-color: #666699
}
.header_articles_links{
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 100%;
text-align: center;
}
.header_articles_links_left{
float: left; position: absolute; left: 10px;
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: 6px 10px 0px; width: 250px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
.header_articles_links_center{
float: left; position: absolute; left: 0px; right: 0px;
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: 6px auto 0px; width: 300px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
.header_articles_links_right{
float: left; position: absolute; right: 10px;
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: 6px 10px 0px; width: 250px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
.header_articles_a{ text-decoration: none; color: #444444;}
.header_articles_a:hover{ text-decoration: none; color: #444444;}
.header_articles_a:visited{ text-decoration: none; color: #444444;}
.header_articles_a:active{ text-decoration: none; color: #444444;}
.header_articles_a:link{ text-decoration: none; color: #444444;}
/* =============================
Footer Styles
============================= */
.footer_articles{
position: fixed; bottom: 0px; left: 10px; right: 10px; z-index: 10;
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
height: 17px;
background-color: #666699
}
.footer_articles_notice{
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
text-align: center;
}
.footer_articles_notice_text{
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: -6px 10px 0px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
/* =============================
Article Styles
============================= */
.article{
position: fixed; left: 5px; top: 15px; bottom: 15px; right: 5px;
padding: 10px; overflow: auto; white-space: pre-wrap;
}

BIN
trinkets/t_icon.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
trinkets/testing/about_logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.4 KiB

BIN
trinkets/testing/about_logo2.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
trinkets/testing/cardboard_slogan1_small.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 70 KiB

BIN
trinkets/testing/gplogo_small.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.7 KiB

4
trinkets/testing/jquery.js vendored
View file

File diff suppressed because one or more lines are too long

BIN
trinkets/testing/sort_logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 269 B

BIN
trinkets/testing/steam_logo.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 5.3 KiB

21
trinkets/testing/test.js
View file

@ -1,21 +0,0 @@
/* Scripts for The Internet Vagabond
www.theinternetvagabond.com
By Bill "Azulien" Niblock
*/
// Main-Footer/Article-Header Information Array Functions
// var footer_x = 0;
// var footer_text = new Array("The Internet Vagabond &copy 2009-2012", "azulien@theinternetvagabond.com", "Optimized for Opera", "Built in Notepad++");
// function cycleArray(){
// footer_x+=1;
// if (footer_x > (footer_text.length - 1)){ footer_x = 0;}
// document.getElementById("vagabond_notice").innerHTML=footer_text[footer_x];
// }
//Main Header-Button Functions
$(document).ready(function() {
$(".header_other_buttons_links_link").click(function(){
$(".dyna_post").slideToggle('fast');
$("." + this.id + "_cont").slideToggle('fast');
});
});

6
trinkets/testing/test_about.html
View file

@ -1,6 +0,0 @@
<div class="about_title">ABOUT</div>
<div class="about_info">
<p>The Internet Vagabond is the personal website of Bill Niblock.</p>
<p>It aggregrates the posts he makes around the Internet into one, convenient and quite dashing location</p>
<p>You can learn more information about Bill <a href=""> on his professional profile page </a>.</p>
</div>

4
trinkets/testing/test_sort.html
View file

@ -1,4 +0,0 @@
<div class="sort_title">Sort</div>
<div class="sort_info">
||Sort By Source|| ||Sort By Date|| ||Sort By Tag||
</div>

296
trinkets/testing/testcamo.css
View file

@ -1,296 +0,0 @@
/*
CSS for www.theinternetvagabond.com
Written by Bill Niblock
*/
/* =============================
Utility Styles
============================= */
/* Font used for sub title.
Font found on http://www.fontspace.com
Font created by Michael Tension (mtension AT gmail DOT com)
*/
@font-face{
font-family: "header sub";
src: url("../trinkets/Prophecy_Script.ttf") format("truetype");
}
.clean{ clear:both;}
body{
margin: 0px auto 0px auto; width: 1500px; max-width: 1500px;
}
/* =============================
Header Styles
============================= */
.header{
position:relative; top:-40px; left:-20px;
height:300px; width: 1500px;
background: url("cardboard_slogan1_small.png") no-repeat left top;
}
.header_title{
margin-left: 315px; margin-top: 40px;
float:left;
}
.header_title_word{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: italic; text-shadow: 2px 2px lightgrey; letter-spacing: 8px;
}
.header_title_word:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -20px;
font-style: italic; text-shadow: 0px 0px white;
}
.header_sub{
font: 1.2em "header sub";
text-align: center; vertical-align: center;
font-style: italic;
}
.header_sub_border1{
padding-left: 250px; margin-left: -140px; margin-right: -5px;
border-top: 5px solid blue; border-top-right-radius: 10px;
border-right: 5px solid blue;
}
.header_sub_border2{
padding: 0px 50px 10px 25px;
border-left: 5px solid blue; border-bottom-left-radius: 10px;
border-bottom: 5px solid blue;
}
.header_other_buttons{
position: fixed; top: 0px; right:0px; width: 100px;
margin-top: 10px;
}
.header_other_buttons_links{
list-style: none;
}
.header_other_buttons_links_link{
position: relative;
margin-top: 20px; width: 50px; height: 50px; overflow: hidden; white-space: nowrap; padding-left: auto;
border-top: 5px solid DarkSlateBlue; border-left: 5px solid DarkSlateBlue; border-bottom: 5px solid DarkSlateBlue;
border-top-left-radius: 10px; border-bottom-left-radius: 10px;
background-color: SlateBlue; text-align: right;
-o-transition-property: width, margin-left;
-moz-transition-property: width, margin-left;
-webkit-transition-property: width, margin-left;
-o-transition-duration: 1s, 1s;
-moz-transition-duration: 1s, 1s;
-webkit-transition-duration: 1s, 1s;
}
.header_other_buttons_links_link:hover{
width: 200px;
margin-left: -150px;
}
.hobll_img{
position: absolute; left: 0px; z-index: 2;
background-color: SlateBlue;
}
.hobll_text{
position: absolute; right: 0px;
line-height: 50px; vertical-align: 12px;
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: grey; text-shadow: 2px 2px black; letter-spacing: 3px;
}
/* =============================
New Footer Styles
============================= */
.footer{
position: fixed; bottom: -20px; left: 10px; right: 10px; height: 17px; z-index: 10;
border: 1px #666699 solid; border-top-left-radius: 5px; border-top-right-radius: 5px;
background-color: #666699;
-o-transition-property: bottom;
-moz-transition-property: bottom;
-webkit-transition-property: bottom;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
}
.footer:hover{ bottom: 0px;}
.footer_notice{
position: absolute; left: 0px; right: 0px; margin-left: auto; margin-right: auto; width: 400px;
text-align: center;
}
.footer_notice_text{
font-weight: lighter; font-size: 10px; letter-spacing: 2px; color: #444444;
padding: 1px 7px; margin: -6px 10px 0px;
border: 3px #996666 solid; border-radius: 5px;
background-color: #CC9999;
cursor: pointer;
}
/* =============================
Main Styles
============================= */
.main{
float: left;
position: absolute; top: 250px;
max-width: 1500px; height: 1000px;
}
.main_leftbar{
float:left; position: relative; left: 100px; top: 50px;
width: 15%;
}
.leftbar{
/*margin-left: 125px; margin-top: 150px;*/
padding: 0px 0px 50px 0px;
}
.leftbar_border1{
width: 30px; height: 300px;
padding-left: 10px; padding-bottom: 0px; margin-left: -10px;
border-left: 5px solid blue; border-bottom-left-radius: 10px;
border-bottom: 5px solid blue;
font: bolder 22px "Courier New", Courier, monospace;
text-shadow: 2px 2px lightgrey;
color: blue;
}
.leftbar_border2{
width: 20px; padding-left: 10px; margin-left: 6px; margin-top: -5px;
border-top: 5px solid blue; border-top-right-radius: 10px;
border-right: 5px solid blue; border-bottom-left-radius: 0px;
}
.leftbar_links{
margin-left: -44px; z-index: 8;
list-style: none;
}
.leftbar_links_link{
position: relative;
height: 40px; width: 40px; margin-top: 15px; margin-bottom: 15px;
background-color: white; white-space: nowrap; overflow: hidden;
border: 5px solid blue; border-radius: 10px;
-o-transition-property: width;
-moz-transition-property: width;
-webkit-transition-property: width;
-ms-transition-property: width;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-ms-transition-duration: 1s;
}
.leftbar_links_link:hover{
width: 180px;
}
.lbll_text{
float: left; position: absolute; right: 0px; width: 140px; height: 100%; z-index: 9;
font: 1.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-shadow: 2px 2px lightgrey; letter-spacing: 1px; text-align: right;
}
.lbll_img{
float: left; position: absolute; left: 0px; z-index: 10;
}
.main_posts{
float:left; position: relative; top: -100px;
margin: 0px auto 0px 50px;
width: 80%; max-width: 1300px;
}
/* =============================
Post Styles
============================= */
.dyna_post{
display: none;
background-color: #DD5555; border: 2px solid red; border-radius: 10px;
padding: 10px; height: 120px;
font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: black;
}
.about_cont{
display: none;
}
.about_title{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: italic; text-shadow: 2px 2px lightgrey; letter-spacing: 8px;
}
.about_title:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -20px;
font-style: italic; text-shadow: 3px 3px lightgrey;
}
.about_info{
padding-left: 250px;
}
.sort_cont{
display: none;
}
.sort_title{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: italic; text-shadow: 2px 2px lightgrey; letter-spacing: 8px;
}
.sort_title:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -20px;
font-style: italic; text-shadow: 3px 3px lightgrey;
}
.sort_info{
padding-left: 250px; height: 100px;
}
.text_post{
height: 150px; overflow: hidden;
padding: 10px 200px 10px 30px; margin: 50px 0px;
}
.text_post#gplus{
border-top: 5px solid green; border-left: 5px solid gold; border-bottom: 5px solid blue; border-right: 5px solid red;
/*background: url('') no-repeat top right; */
}
.text_post#twit{
border: 5px solid lightblue; border-radius: 10px;
}
.text_post#vaga{
border: 5px solid black; border-top-right-radius: 25px; border-bottom-left-radius: 25px;
}
.text_post#other{
display: none;
}
/* =======================================
Responsive -- Width: 1024
======================================= */
/* =======================================
Responsive -- Width: 700
======================================= */
/* =======================================
Responsive -- Width: 480
======================================= */

405
trinkets/testing/testcss2.css
View file

@ -1,405 +0,0 @@
/*
CSS for www.theinternetvagabond.com
Written by Bill Niblock
Attempting to use a fluid grid and responsive design approach.
"Optimal" Page width: 1024px
Columns: 6; Column Width: 139px; Column Spacer Width: 18
Single Column: 6.906em; 14.48%
Single Spacer: 1.875%
Assumed default type size: 16px
Remember: target / context = result
*/
/* =============================
Reset Styles, Thanks to...
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
============================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* =============================
Utility Styles
============================= */
/* Font used for sub title.
Font found on http://www.fontspace.com
Font created by Michael Tension (mtension AT gmail DOT com)
*/
@font-face{
font-family: "header sub";
src: url("../trinkets/Prophecy_Script.ttf") format("truetype");
}
.clean{ clear:both;}
#page{
margin: 20px auto;
padding: 0 1em;
max-width: 64em; /* 1024px / 16px = 60 em */
}
/* =============================
Left Column Styles
============================= */
.lft_col{
float:left; margin-left: 3.75%; margin-top: 175px;
width: 14.48%
}
.leftbar{
/*margin-left: 125px; margin-top: 150px;*/
padding: 0px 0px 0px 0px;
}
.leftbar_border1{
width: 30px; height: 300px;
padding-left: 15px; padding-bottom: 0px; margin-left: -15px;
border-right: 5px solid #0033CC; border-bottom-right-radius: 10px;
border-bottom: 5px solid #0033CC;
font: bolder 22px "Courier New", Courier, monospace;
text-shadow: 2px 2px lightgrey;
color: blue;
}
.leftbar_border2{
width: 20px; padding-left: 10px; margin-left: -24px; margin-top: -5px;
border-top: 5px solid #0033CC; border-top-left-radius: 10px;
border-left: 5px solid #0033CC; border-bottom-left-radius: 0px;
}
.leftbar_links{
margin-left: -36px; z-index: 8;
padding: 0px;
list-style: none;
}
.leftbar_links_link{
position: relative;
height: 40px; width: 180px; margin-top: 15px; margin-bottom: 15px;
background-color: white; white-space: nowrap; overflow: hidden;
border: 5px solid #0033CC; border-radius: 10px;
-o-transition-property: width;
-moz-transition-property: width;
-webkit-transition-property: width;
-ms-transition-property: width;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-ms-transition-duration: 1s;
}
/* .leftbar_links_link:hover{
width: 180px;
} */
.lbll_text{
float: left; position: absolute; right: 0px; width: 140px; height: 100%; z-index: 9;
font: 1.7em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-shadow: 2px 2px lightgrey; letter-spacing: 1px; text-align: right;
}
.lbll_img{
float: left; position: absolute; left: 0px; z-index: 10;
max-width: 100%;
}
/* =============================
Right Column Styles
============================= */
/* =============================
Middle Column Styles
============================= */
.mid_col{
float:right;
width: 80.665%
}
.title{
margin: 0px auto; width: 100%;
}
.page_title{
width: 100%;
margin-left: 50px;
}
.page_title_word{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
/* font-style: italic; */ text-shadow: 2px 2px #DEDEDE; color: darkgrey; letter-spacing: 8px;
}
.page_title_word:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -10px;
/* font-style: italic */ color: white; text-shadow: 0px 0px 15px blue;
}
.page_title_sub{
font: 1.2em "header sub";
text-align: center; vertical-align: center;
font-style: italic; margin: 0px auto;
}
/*
.page_title_sub_border1{
padding-left: 250px; margin-left: -50px; margin-right: -5px;
border-top: 5px solid #0033CC; border-top-right-radius: 10px;
border-right: 5px solid #0033CC;
}
.page_title_sub_border2{
padding: 0px 50px 0px 25px;
border-left: 5px solid #0033CC; border-bottom-left-radius: 10px;
border-bottom: 5px solid #0033CC;
}
*/
/* =============================
Main Styles
============================= */
.main{
float: left;
position: absolute; top: 250px;
max-width: 1500px; height: 1000px;
}
.main_posts{
float:left; position: relative; top: -100px;
margin: 0px auto 0px 50px;
width: 80%; max-width: 1300px;
}
/* =============================
Post Styles
============================= */
.dyna_post{
display: none;
background-color: #DD5555; border: 2px solid red; border-radius: 10px;
padding: 10px; height: 100%;
font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: black;
}
.about_cont{
display: none;
}
.about_title{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: italic; text-shadow: 2px 2px lightgrey; letter-spacing: 8px;
}
.about_title:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -20px;
font-style: italic; text-shadow: 3px 3px lightgrey;
}
.about_info{
padding-left: 250px;
}
.sort_cont{
display: none;
}
.sort_title{
float:left;
font: 2.0em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-style: italic; text-shadow: 2px 2px lightgrey; letter-spacing: 8px;
}
.sort_title:first-letter{
font: 2.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
vertical-align: -20px;
font-style: italic; text-shadow: 3px 3px lightgrey;
}
.sort_info{
padding-left: 250px; height: 100px;
}
.text_post{
height: 100%; overflow: hidden;
padding: 10px 200px 10px 30px; margin: 50px 0px;
}
.text_post#gplus{
border-top: 5px solid green; border-left: 5px solid gold; border-bottom: 5px solid blue; border-right: 5px solid red;
/*background: url('') no-repeat top right; */
}
.text_post#twit{
border: 5px solid lightblue; border-radius: 10px;
}
.text_post#vaga{
border: 5px solid black; border-top-right-radius: 25px; border-bottom-left-radius: 25px;
}
.text_post#other{
display: none;
}
/* =======================================
Responsive -- Width: 1150 thru 850
======================================= */
@media screen and (max-width: 1150px){
#page{
max-width: 50em; /* 800px / 16px = 50 em */
}
.lft_col{
margin-left: 1.875%;
width: 14.48%
}
.leftbar_border1{
border-left: 5px solid #0033CC; border-bottom-left-radius: 10px;
border-bottom: 5px solid #0033CC;
border-right: 0px solid white; border-bottom-right-radius: 0px;
}
.leftbar_border2{
margin-left: 14px; margin-top: -5px;
border-top: 5px solid #0033CC; border-top-right-radius: 10px;
border-right: 5px solid #0033CC;
border-left: 0px solid white; border-top-left-radius: 0px;
}
.leftbar_links{
margin-left: -2px; z-index: 8;
padding: 0px;
list-style: none;
}
.leftbar_links_link{
position: relative;
height: 40px; width: 40px; margin-top: 15px; margin-bottom: 15px;
background-color: white; white-space: nowrap; overflow: hidden;
border: 5px solid #0033CC; border-radius: 10px;
-o-transition-property: width;
-moz-transition-property: width;
-webkit-transition-property: width;
-ms-transition-property: width;
-o-transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-ms-transition-duration: 1s;
}
.leftbar_links_link:hover{
width: 180px;
}
.mid_col{
width: 83.54%;
}
.main_post{
width: 100%;
margin: 0px auto;
font-size: 0.8em;
}
.text_post{
height: 75px;
margin: 25px 0px;
}
.title{
margin: 0px auto;
}
.page_title_word{
font: 1.4em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.page_title_word:first-letter{
font: 1.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.page_title_sub{
font: 1.0em "header sub";
}
}
/* =======================================
Responsive -- Width: 850 thru 500
======================================= */
@media screen and (max-width: 850px){
#page{
max-width: 40em; /* 640px / 16px = 40 em */
}
.lft_col{
display: none;
}
.mid_col{
width: 100%;
}
.main_post{
width: 100%;
margin: 0px auto;
font-size: 0.8em;
}
}
/* =======================================
Responsive -- Width: 500 or less, Landscape
======================================= */
@media handheld,screen and (max-width: 500px) and (orientation: landscape){
#page{
max-width: 29em; /* 464px / 16px = 29 em */
}
}

56
trinkets/testing/testindex.php
View file

@ -1,56 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test Index</title>
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="testcamo.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript">
window.addEventListener('DOMContentLoaded', function() {
// Assign the <audio> element to a variable
var audio = document.getElementById('voip');
// Replace the source of the audio element with the stream from the microphone
if (navigator.getUserMedia) {
navigator.getUserMedia({audio: true}, successCallback, errorCallback);
function successCallback(stream) {
audio.src = stream;
}
function errorCallback(error) {
console.error('An error occurred: [CODE ' + error.code + ']');
return;
}
} else {
console.log('Native microphone streaming (getUserMedia) is not supported in this browser.');
return;
}
}, false);
</script>
</head>
<body>
<header class="header">
<div class="header_title"><div class="header_title_word">THE</div> <div class="header_title_word">INTERNET</div> <div class="header_title_word">VAGABOND</div></div>
</header>
<div class="main">
<br /><br /><br /><br /><br />
<div class="main_posts">
<!-- This section contains the pulled-in posts from multiple sources that compose the main content of the page -->
<div class="text_post" id="gplus">
<input id="ptt" type="button" value="Push To Talk" />
<audio id="voip" controls="controls" autoplay>If this doesn't work, you should upgrade your browser.</audio>
</div>
</div>
</div>
</body>
</html>

139
trinkets/testing/testindex2.php
View file

@ -1,139 +0,0 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Test Index 2</title>
<meta name="description" content="The rants of the wandering computer scientist, constantly in search of truth, knowledge, and a decent ping." />
<meta name="keywords" content="internet, vagabond" />
<meta name="author" content="Bill 'Vagabond Azulien' Nibz" />
<link rel="stylesheet" type="text/css" href="testcss2.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<div id="page">
<!-- Left-Bar -->
<div class="lft_col">
<section class="leftbar">
<header class="leftbar_border1"><br />F<br />O<br />L<br />L<br />L<br />O<br />W<br /><br />M<br />E<br /></header>
<div class="leftbar_border2">
<ul class="leftbar_links">
<li class="leftbar_links_link">
<a href="https://plus.google.com/108889767571068230161" title="The Internet Vagabond on Google+!">
<div class="lbll_img"><img src="gplogo_small.png" alt="Google+" /></div>
<div class="lbll_text">Google+&nbsp </div>
<div class="clean"></div>
</a>
</li>
<li class="leftbar_links_link">
<a href="https://twitter.com/#!/Azulien" title="The Internet Vagabond on Twitter!">
<div class="lbll_img"><img src="twlogo_small.png" alt="Twitter" /></div>
<div class="lbll_text">Twitter&nbsp </div>
<div class="clean"></div>
</a>
</li>
<li class="leftbar_links_link">
<a href="http://www.youtube.com/user/TheInternetVagabond" title="The Internet Vagabond on YouTube!">
<div class="lbll_img"><img src="ytlogo_small.png" alt="YouTube" /></div>
<div class="lbll_text">YouTube&nbsp </div>
<div class="clean"></div>
</a>
</li>
<li class="leftbar_links_link">
<a href="http://steamcommunity.com/id/azulien" title="The Internet Vagabond gaming on Steam!">
<div class="lbll_img"><img src="steam_logo.png" alt="Steam" /></div>
<div class="lbll_text">Steam&nbsp </div>
<div class="clean"></div>
</a>
</li>
<li class="leftbar_links_link">
<a href="http://www.twitch.tv/vagabondazulien" title="The Internet Vagabond live-streaming on Twitch.tv!">
<div class="lbll_img"><img src="ttvlogo_small.png" alt="Twitch.tv" /></div>
<div class="lbll_text">Twitch.tv&nbsp </div>
<div class="clean"></div>
</a>
</li>
</ul>
</div>
</section> <!-- End .leftbar -->
</div> <!-- End .lft_col -->
<!-- End Left Bar -->
<!-- Main Section -->
<section class="mid_col">
<header class="title">
<div class="page_title">
<div class="page_title_word">THE &nbsp&nbsp </div>
<div class="page_title_word">INTERNET &nbsp&nbsp</div>
<div class="page_title_word">VAGABOND &nbsp&nbsp&nbsp </div>
</div>
<div class="clean"></div>
<div class="page_title_sub">
<span class="page_title_sub_border1"></span>
<span class="page_title_sub_border2">In search of truth, knowledge, and a decent ping</span>
</div>
<header>
<div class="main_post">
<!-- This top section provides a dynamic container for the About and Sorts options, and perhaps more in the future -->
<div class="dyna_post">
<div class="sort_cont">
<div class="sort_title">Sort</div>
<div class="sort_info">||Sort By Source|| ||Sort By Date|| ||Sort By Tag||</div>
</div>
<div class="about_cont">
<div class="about_title">ABOUT</div>
<div class="about_info">
<p>The Internet Vagabond is the personal website of Bill Niblock.</p>
<p>It aggregrates the posts he makes around the Internet into one, convenient and quite dashing location</p>
<p>You can learn more information about Bill <a href=""> on his professional profile page </a>.</p>
</div>
</div>
</div>
<!-- This section contains the pulled-in posts from multiple sources that compose the main content of the page -->
<div class="text_post" id="gplus">
<p> This is a test post section. Based on the id, this post will have a different style applied to it so as to maximize options for the best post style.</p>
<p> In order to test certain features, the following phrase will be copied extensively: By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price!</p>
</div> <!-- End Post -->
<div class="text_post" id="twit">
<p> This is a test post section. Based on the id, this post will have a different style applied to it so as to maximize options for the best post style.</p>
<p> In order to test certain features, the following phrase will be copied extensively: By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price!</p>
</div> <!-- End Post -->
<div class="text_post" id="vaga">
<p> This is a test post section. Based on the id, this post will have a different style applied to it so as to maximize options for the best post style.</p>
<p> In order to test certain features, the following phrase will be copied extensively: By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price!</p>
</div> <!-- End Post -->
<div class="text_post" id="vaga">
<p> This is a test post section. Based on the id, this post will have a different style applied to it so as to maximize options for the best post style.</p>
<p> In order to test certain features, the following phrase will be copied extensively: By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price!</p>
</div> <!-- End Post -->
<div class="text_post" id="vaga">
<p> This is a test post section. Based on the id, this post will have a different style applied to it so as to maximize options for the best post style.</p>
<p> In order to test certain features, the following phrase will be copied extensively: By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price!</p>
</div> <!-- End Post -->
<div class="text_post" id="vaga">
<p> This is a test post section. Based on the id, this post will have a different style applied to it so as to maximize options for the best post style.</p>
<p> In order to test certain features, the following phrase will be copied extensively: By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price!</p>
</div> <!-- End Post -->
</div> <!-- End Post -->
<div class="text_post" id="other">
<p> This is a test post section. Based on the id, this post will have a different style applied to it so as to maximize options for the best post style.</p>
<p> In order to test certain features, the following phrase will be copied extensively: By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price! By Ogden's hammer, that's a great price!</p>
</div> <!-- End Post -->
</div> <!-- END .main_post -->
</section> <!-- END .main -->
<!-- End Main Section -->
</div> <!-- END .page -->
</body>
</html>

BIN
trinkets/testing/ttvlogo_small.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.8 KiB

BIN
trinkets/testing/twlogo_small.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1,006 B

BIN
trinkets/testing/ytlogo_small.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1 KiB

BIN
trinkets/v_c.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.2 KiB

BIN
trinkets/v_d.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 1.3 KiB

BIN
trinkets/vagabond_banner.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 34 KiB

BIN
trinkets/vagabond_banner_small.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 24 KiB

BIN
trinkets/vborder_default.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 417 B

Some files were not shown because too many files have changed in this diff Show more