the-internet-vagabond-dot-com/trinkets/doodads/news.html
2015-02-04 16:49:01 -05:00

106 lines
5.5 KiB
HTML
Executable file

<!-- 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 />
<!-- ******************************************************************************** -->