kirsle.net/www/designs/solar/index.html

265 lines
14 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Welcome to my site! - Kirsle.net</title>
<link rel="StyleSheet" type="text/css" media="screen" href="/designs/solar/screen.css">
<link rel="StyleSheet" type="text/css" media="print" href="/designs/solar/print.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div class="k-supernova">
<div class="k-kirsle" onClick="self.location='/'"></div>
</div>
<!-- ####################################################################### -->
<!-- ## Main Content ## -->
<!-- ####################################################################### -->
<div class="k-content-panel">
<div class="k-content-eyecandy">
<div class="k-content-n">
<div class="k-content-ne"></div>
</div>
<div class="k-content-main">
<div class="k-content-body">
<h1>Kirsle.net Solar</h1>
This is the first iteration of the Kirsle.net Solar theme. It uses lots of flat,
static images rather than true transparency to support Internet Explorer 6.<p>
This design went into effect somewhere around September 28, 2009, which is also
when I moved my personal site from Cuvou.com over to Kirsle.net. It replaced
the previous <a href="/designs/cosmos">Cosmos</a> theme.<p>
I later <a href="/designs/solar-html5">gave it an HTML5 refresh</a> and broke
compatibility with MSIE 6.
<h2>Heading Level 2</h2>
Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing</a> elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. <a href="#">Fusce consectetuer</a>, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<pre>Preformatted
T e x t . i</pre>
<h3>Heading Level 3</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<h4>Heading Level 4</h4>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pede purus, ornare interdum, consequat in, dignissim vitae, nisi.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ornare. Phasellus interdum,
sem vulputate commodo congue, augue nisl aliquet velit, eu volutpat justo ante vitae lacus. Donec pulvinar scelerisque nisl.
Donec viverra sem eu augue. Phasellus faucibus nulla nec lacus aliquam dapibus. Aliquam nibh ipsum, blandit sit amet, consequat
in, blandit et, massa. Quisque nec urna. Aliquam nec elit ut erat consectetuer feugiat. Suspendisse tincidunt purus vel diam
blandit sagittis. Sed vestibulum, dolor nec vehicula accumsan, purus leo congue risus, at dapibus massa lorem sit amet purus.<p>
Nullam et nulla. Fusce consectetuer, ante et auctor egestas, mi mi eleifend lorem, quis pulvinar tellus est at ligula. Donec
pulvinar, nisl vitae tempor fermentum, massa nulla placerat neque, ac posuere enim enim facilisis velit. Phasellus et augue
et nisi placerat eleifend. Mauris quam lectus, consequat ut, rutrum vitae, elementum a, sem. Nam aliquam, metus et tincidunt
cursus, felis risus faucibus dolor, quis ultricies tellus justo sed ligula. Integer orci magna, cursus sed, eleifend a,
imperdiet vitae, nibh. Aenean mattis nisl at tortor. Integer diam elit, adipiscing vitae, mollis ac, aliquam et, elit. Etiam
hendrerit, diam non ultrices pellentesque, leo augue egestas mauris, at dictum nisl augue nec odio. Praesent condimentum.
Morbi semper tellus eget ipsum porta pellentesque.
<div class="k-copyright">
Copyright &copy; 2010 Kirsle<br>
Powered by Siikir 0.01 by Casey Kirsle
</div>
</div>
<div class="k-content-foot">
<div class="k-content-sw"></div>
<div class="k-content-se"></div>
</div>
</div>
</div>
</div>
<!-- ####################################################################### -->
<!-- ## Navigation Panel ## -->
<!-- ####################################################################### -->
<div class="k-navpanel">
<div class="k-navbg">
<div class="k-navbody">
<div class="k-section">Kirsle</div>
<div class="k-navi">
&#0187; <a href="#/">Homepage</a><br>
&#0187; <a href="#/about.html">About Me</a><br>
&#0187; <a href="#/photos.html?u=kirsle">Photo Albums</a><br>
&#0187; <a href="#/guestbook.html">Guestbook</a><br>
&#0187; <a href="#/profile.html?u=kirsle">Contact Me</a>
</div>
<div class="k-section">Channels</div>
<div class="k-navi">
&#0164; <a href="#/blog.html?u=kirsle&amp;category=General">General</a> <small>(35)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Linux">Linux</a> <small>(27)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Perl">Perl</a> <small>(20)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Software">Software</a> <small>(15)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=HTML">HTML</a> <small>(7)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=RiveScript">RiveScript</a> <small>(5)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Design">Design</a> <small>(5)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Windows">Windows</a> <small>(5)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Tk">Tk</a> <small>(4)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Reviews">Reviews</a> <small>(4)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Rant">Rant</a> <small>(4)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=KAGE">KAGE</a> <small>(3)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=DOS">DOS</a> <small>(3)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Photos">Photos</a> <small>(3)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Java">Java</a> <small>(3)</small>
<div id="show-more-categories" style="display: block">&#0164; <a href="#/#">More...</a>
</div>
<div id="more-categories" style="display: none">&#0164; <a href="#/blog.html?u=kirsle&amp;category=VirtualBox">VirtualBox</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Blackhat">Blackhat</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Nostalgia">Nostalgia</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Ajax">Ajax</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Curiosity">Curiosity</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=JavaScript">JavaScript</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Hacking">Hacking</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Ideas">Ideas</a> <small>(2)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Zelda">Zelda</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Apple">Apple</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Perl%206">Perl 6</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=AIML">AIML</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Famous">Famous</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Game%20Oddities">Game Oddities</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Personal">Personal</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Licensing">Licensing</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Experiment">Experiment</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=Android">Android</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=C%2B%2B">C++</a> <small>(1)</small><br>
&#0164; <a href="#/blog.html?u=kirsle&amp;category=PHP">PHP</a> <small>(1)</small></div>
</div>
<div class="k-section">Creativity</div>
<div class="k-navi">
&#0187; <a href="#/rendering.html">3D Renderings</a><br>
&#0187; <a href="#/flash.html">Flash Animation</a><br>
&#0187; <a href="#/javascript.html">JavaScript</a><br>
&#0187; <a href="#/fonts.html">Fonts</a><br>
&#0187; <a href="#/metacity.html">Metacity</a><br>
&#0187; <a href="#/doc/">Tutorials</a>
</div>
<div class="k-section">Software</div>
<div class="k-navi">
&#0187; <a href="#/rivescript.html">RiveScript</a><br>
&#0187; <a href="#/errorgen.html">Error Generator</a><br>
&#0187; <a href="#/tkcalc.html">Tk Calculator</a><br>
&#0187; <a href="#/terminal.html">Terminal Apps</a><br>
&#0187; <a href="#/pccc.html">CyanChat Client</a>
</div>
<div class="k-section">Web Tools</div>
<div class="k-navi">
&#0187; <a href="#/wizards/ttf2eot.cgi">TTF to EOT</a><br>
&#0187; <a href="#/wizards/fader.cgi">Text Fader</a><br>
&#0187; <a href="#/wizards/favicon.cgi">Favicons</a><br>
&#0187; <a href="#/wizards/distance.cgi">Distance Calc</a><br>
&#0187; <a href="#/wizards/translator.html">Azulian Encoder</a><br>
&#0187; <a href="#/wizards/xbmask.cgi">XBM Masks</a>
</div>
<div class="k-section">Subdomains</div>
<div class="k-navi">
&#0187; <a href="#http://svn.kirsle.net/">Subversion</a><br>
&#0187; <a href="#http://sh.kirsle.net/">Shell Scripts</a><br>
&#0187; <a href="#http://rpm.kirsle.net/">Linux RPMs</a>
</div>
<div class="k-section">Fan Club</div>
<div class="k-navi">
&#0187; <a href="#/login.html">Log In</a><br>
&#0187; <a href="#/register.html">Sign Up</a>
</div><p>
<div class="k-navi">
<div class="center">
<a href="#http://validator.w3.org/check?uri=referer">
<img src="/designs/solar/html.png" width="88" height="31" alt="HTML 4.01 Strict">
</a><br>
<a href="#http://jigsaw.w3.org/css-validator/validator?uri=http://www.kirsle.com/solar/screen.css">
<img src="/designs/solar/css.png" width="88" height="31" alt="CSS">
</a><br>
<a href="#http://www.perl.org/">
<img src="/designs/solar/perlpowered.png" width="88" height="31" alt="Powered by Perl">
</a>
</div>
</div><p>
<div style="margin-left: 4px; margin-right: 4px; border: 1px solid #006699">
<div style="background-color: #006699; color: #FFFFFF; font-size: 8pt; font-weight: bold; text-align: center; border-bottom: 1px solid #000000">
Statistics
</div>
<div style="padding: 2px; font-size: smaller">
Total Hits:
<div style="border: 1px inset #006699; padding: 2px">
<strong>490</strong> today, and<br>
<strong>31264</strong> altogether
</div>
Unique Visitors:
<div style="border: 1px inset #006699; padding: 2px">
<strong>256</strong> today, and<br>
<strong>852</strong> altogether
</div>
&#0164; <a href="#/traffic.html?do=hits" style="text-decoration: underline; font-weight: normal">
Traffic Stats</a><br>
&#0164; <a href="#/traffic.html?do=browsers" style="text-decoration: underline; font-weight: normal">
Web Browsers &amp; OS's</a><br>
&#0164; <a href="#/traffic.html?do=referer" style="text-decoration: underline; font-weight: normal">
HTTP Referrers</a>
</div>
</div>
</div>
</div>
<div class="k-navfoot"></div>
</div>
</body>
</html>
<!--
FILE ARCHIVED ON 1:33:28 May 6, 2010 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 18:25:04 Oct 16, 2014.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
-->