mirror of
https://github.com/kirsle/kirsle.net
synced 2024-11-14 12:59:28 +00:00
265 lines
17 KiB
HTML
265 lines
17 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 © 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">
|
||
|
|
» <a href="#/">Homepage</a><br>
|
||
|
|
» <a href="#/about.html">About Me</a><br>
|
||
|
|
» <a href="#/photos.html?u=kirsle">Photo Albums</a><br>
|
||
|
|
» <a href="#/guestbook.html">Guestbook</a><br>
|
||
|
|
» <a href="#/profile.html?u=kirsle">Contact Me</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="k-section">Channels</div>
|
||
|
|
<div class="k-navi">
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=General">General</a> <small>(35)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Linux">Linux</a> <small>(27)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Perl">Perl</a> <small>(20)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Software">Software</a> <small>(15)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=HTML">HTML</a> <small>(7)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=RiveScript">RiveScript</a> <small>(5)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Design">Design</a> <small>(5)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Windows">Windows</a> <small>(5)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Tk">Tk</a> <small>(4)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Reviews">Reviews</a> <small>(4)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Rant">Rant</a> <small>(4)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=KAGE">KAGE</a> <small>(3)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=DOS">DOS</a> <small>(3)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Photos">Photos</a> <small>(3)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Java">Java</a> <small>(3)</small>
|
||
|
|
<div id="show-more-categories" style="display: block">¤ <a href="#/#">More...</a>
|
||
|
|
</div>
|
||
|
|
<div id="more-categories" style="display: none">¤ <a href="#/blog.html?u=kirsle&category=VirtualBox">VirtualBox</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Blackhat">Blackhat</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Nostalgia">Nostalgia</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Ajax">Ajax</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Curiosity">Curiosity</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=JavaScript">JavaScript</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Hacking">Hacking</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Ideas">Ideas</a> <small>(2)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Zelda">Zelda</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Apple">Apple</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Perl%206">Perl 6</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=AIML">AIML</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Famous">Famous</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Game%20Oddities">Game Oddities</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Personal">Personal</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Licensing">Licensing</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Experiment">Experiment</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=Android">Android</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=C%2B%2B">C++</a> <small>(1)</small><br>
|
||
|
|
¤ <a href="#/blog.html?u=kirsle&category=PHP">PHP</a> <small>(1)</small></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="k-section">Creativity</div>
|
||
|
|
<div class="k-navi">
|
||
|
|
» <a href="#/rendering.html">3D Renderings</a><br>
|
||
|
|
» <a href="#/flash.html">Flash Animation</a><br>
|
||
|
|
» <a href="#/javascript.html">JavaScript</a><br>
|
||
|
|
» <a href="#/fonts.html">Fonts</a><br>
|
||
|
|
» <a href="#/metacity.html">Metacity</a><br>
|
||
|
|
» <a href="#/doc/">Tutorials</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="k-section">Software</div>
|
||
|
|
<div class="k-navi">
|
||
|
|
» <a href="#/rivescript.html">RiveScript</a><br>
|
||
|
|
» <a href="#/errorgen.html">Error Generator</a><br>
|
||
|
|
» <a href="#/tkcalc.html">Tk Calculator</a><br>
|
||
|
|
» <a href="#/terminal.html">Terminal Apps</a><br>
|
||
|
|
» <a href="#/pccc.html">CyanChat Client</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="k-section">Web Tools</div>
|
||
|
|
<div class="k-navi">
|
||
|
|
» <a href="#/wizards/ttf2eot.cgi">TTF to EOT</a><br>
|
||
|
|
» <a href="#/wizards/fader.cgi">Text Fader</a><br>
|
||
|
|
» <a href="#/wizards/favicon.cgi">Favicons</a><br>
|
||
|
|
» <a href="#/wizards/distance.cgi">Distance Calc</a><br>
|
||
|
|
» <a href="#/wizards/translator.html">Azulian Encoder</a><br>
|
||
|
|
» <a href="#/wizards/xbmask.cgi">XBM Masks</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="k-section">Subdomains</div>
|
||
|
|
<div class="k-navi">
|
||
|
|
» <a href="#http://svn.kirsle.net/">Subversion</a><br>
|
||
|
|
» <a href="#http://sh.kirsle.net/">Shell Scripts</a><br>
|
||
|
|
» <a href="#http://rpm.kirsle.net/">Linux RPMs</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="k-section">Fan Club</div>
|
||
|
|
<div class="k-navi">
|
||
|
|
» <a href="#/login.html">Log In</a><br>
|
||
|
|
» <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>
|
||
|
|
|
||
|
|
¤ <a href="#/traffic.html?do=hits" style="text-decoration: underline; font-weight: normal">
|
||
|
|
Traffic Stats</a><br>
|
||
|
|
¤ <a href="#/traffic.html?do=browsers" style="text-decoration: underline; font-weight: normal">
|
||
|
|
Web Browsers & OS's</a><br>
|
||
|
|
¤ <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)).
|
||
|
|
-->
|