2014-10-16 19:18:26 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2015-08-12 00:18:25 +00:00
|
|
|
<head>
|
|
|
|
|
<title>Solar Theme - Kirsle.net</title>
|
2014-10-16 19:18:26 +00:00
|
|
|
|
2015-08-12 00:18:25 +00:00
|
|
|
<link rel="stylesheet" type="text/css" media="screen" href="/designs/solar-html5/screen.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-html5/monokai.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" media="print" href="/designs/solar-html5/print.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" media="all" href="/designs/solar-html5/vim-syntax.css">
|
|
|
|
|
<link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss">
|
2014-10-16 19:18:26 +00:00
|
|
|
|
2015-08-12 00:18:25 +00:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
</head>
|
2014-10-16 19:18:26 +00:00
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="k-supernova"></div>
|
|
|
|
|
<div class="k-kirsle" onClick="self.location='/'"></div>
|
|
|
|
|
|
|
|
|
|
<div class="k-content-panel">
|
2015-08-12 00:18:25 +00:00
|
|
|
<h1>Kirsle.net Solar (HTML5)</h1>
|
|
|
|
|
|
|
|
|
|
This was the HTML5 refresh of the Kirsle.net Solar theme, which went live
|
|
|
|
|
on Kirsle.net on May 12, 2010. It updates the design to use CSS3 rounded
|
|
|
|
|
borders and alpha transparency PNG images, making the design a lot more
|
|
|
|
|
flexible but cutting out support for Internet Explorer 6.0.<p>
|
|
|
|
|
|
|
|
|
|
This design was a replacement for the original,
|
|
|
|
|
<a href="/designs/solar">flat Solar theme</a>, and was itself later upgraded
|
|
|
|
|
to use Bootstrap to <a href="/designs/solar-bootstrap">support mobile
|
|
|
|
|
browsers</a>.
|
|
|
|
|
|
|
|
|
|
<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 © 2014 Noah Petherbridge — All rights reserved<br>
|
|
|
|
|
Powered by <a href="http://rophako.kirsle.net/" target="_blank">Rophako</a> v0.01 -
|
|
|
|
|
Hosted by <a href="#">DigitalOcean</a><br>
|
|
|
|
|
Page generated in 0.001s.
|
|
|
|
|
</div>
|
2014-10-16 19:18:26 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-navpanel">
|
2015-08-12 00:18:25 +00:00
|
|
|
<div class="k-section">Kirsle</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
» <a href="#/">Homepage</a> (<a href="#">RSS</a>)<br>
|
|
|
|
|
» <a href="#/about">About Me</a><br>
|
|
|
|
|
» <a href="#/photos/albums">Photo Albums</a><br>
|
|
|
|
|
» <a href="#/guestbook">Guestbook</a><br>
|
|
|
|
|
» <a href="#/contact">Contact Me</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-section">Channels</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
» <a href="#">Blog Archives</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-section">Creativity</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
» <a href="#/rendering">3D Renderings</a><br>
|
|
|
|
|
» <a href="#/flash">Flash Animation</a><br>
|
|
|
|
|
» <a href="#/javascript">JavaScript</a><br>
|
|
|
|
|
» <a href="#/fonts">Fonts</a><br>
|
|
|
|
|
» <a href="#/metacity">Metacity</a><br>
|
|
|
|
|
» <a href="#/doc/">Tutorials</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-section">Software</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
» <a href="#/rivescript">RiveScript</a><br>
|
|
|
|
|
» <a href="#/errorgen">Error Generator</a><br>
|
|
|
|
|
» <a href="#/tkcalc">Tk Calculator</a><br>
|
|
|
|
|
» <a href="#http://sh.kirsle.net/" target="_blank">Terminal Apps</a><br>
|
|
|
|
|
» <a href="#/pccc">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/ps1.html">Bash $PS1 Prompt</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><br>
|
|
|
|
|
» <a href="#/wizards/flask-session.py">Flask Session</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-section">Subdomains</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
» <a href="#http://sh.kirsle.net/" target="_blank">Shell Scripts</a><br>
|
|
|
|
|
» <a href="#http://rpm.kirsle.net/" target="_blank">Linux RPMs</a><br>
|
|
|
|
|
» <a href="#http://rophako.kirsle.net/" target="_blank">Rophako CMS</a><br>
|
|
|
|
|
» <a href="#http://nano.kirsle.net/" target="_blank">Kirsle::Nano</a><br>
|
|
|
|
|
» <a href="#http://minecraft.kirsle.net/" target="_blank">Minecraft Server</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-section">Miscellany</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
¤ <a href="#/firered">Pokemon Fuchsia City</a><br>
|
|
|
|
|
¤ <a href="#/msdos">DOS and Windows</a><br>
|
|
|
|
|
¤ <a href="#/raspberrypi">Raspberry Pi</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-section">Links</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
¤ <a href="#https://www.google.com/+NoahPetherbridge">Google+</a><br>
|
|
|
|
|
¤ <a href="#https://twitter.com/kirsle">Twitter</a><br>
|
|
|
|
|
¤ <a href="#https://myspace.com/kirsle">MySpace</a><br>
|
|
|
|
|
¤ <a href="#https://github.com/kirsle">Github</a><br>
|
|
|
|
|
¤ <a href="#http://search.cpan.org/~kirsle">CPAN</a><br>
|
|
|
|
|
¤ <a href="#https://www.npmjs.org/~kirsle">npm</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="k-section">Fan Club</div>
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
» <a href="#" class="login-link">Log In</a>
|
|
|
|
|
</div><p>
|
|
|
|
|
|
|
|
|
|
<div class="k-navi">
|
|
|
|
|
<div class="center">
|
|
|
|
|
<a href="https://www.python.org/" target="_blank">
|
|
|
|
|
<img src="/designs/solar-html5/python.png" width="80" height="15" alt="Python powered">
|
|
|
|
|
</a><br>
|
|
|
|
|
|
|
|
|
|
<a href="http://validator.w3.org/check?uri=referer">
|
|
|
|
|
<img src="/designs/solar-html5/html5.png" width="80" height="15" alt="W3C Valid HTML5">
|
|
|
|
|
</a><br>
|
|
|
|
|
|
|
|
|
|
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.kirsle.com/solar/screen.css">
|
|
|
|
|
<img src="/designs/solar-html5/css3.png" width="80" height="15" alt="W3C Valid CSS3">
|
|
|
|
|
</a><p>
|
|
|
|
|
|
|
|
|
|
<a href="#" target="_blank">
|
|
|
|
|
<img src="/designs/solar-html5/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2014-10-16 19:18:26 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/designs/solar-html5/jquery-2.1.0.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="/designs/solar-html5/offsite.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
