|
|
@ -1,222 +1,222 @@ |
|
|
|
<!DOCTYPE html> |
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<title>Solar Bootstrap - Kirsle.net</title> |
|
|
|
|
|
|
|
<!-- Bootstrap --> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/bootstrap.min.css"> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/bootstrap-theme.min.css"> |
|
|
|
|
|
|
|
<!-- Kirsle.net Solar --> |
|
|
|
<link rel="stylesheet" type="text/css" media="screen" href="/designs/solar-bootstrap/ui.css"> |
|
|
|
<link rel="stylesheet" type="text/css" media="print" href="/designs/solar-bootstrap/print.css"> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/monokai.css"> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/vim-syntax.css"> |
|
|
|
<link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss"> |
|
|
|
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |
|
|
|
<!--[if lt IE 9]> |
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|
|
|
<![endif]--> |
|
|
|
<meta charset="utf-8"> |
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<title>Solar Bootstrap - Kirsle.net</title> |
|
|
|
|
|
|
|
<!-- Bootstrap --> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/bootstrap.min.css"> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/bootstrap-theme.min.css"> |
|
|
|
|
|
|
|
<!-- Kirsle.net Solar --> |
|
|
|
<link rel="stylesheet" type="text/css" media="screen" href="/designs/solar-bootstrap/ui.css"> |
|
|
|
<link rel="stylesheet" type="text/css" media="print" href="/designs/solar-bootstrap/print.css"> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/monokai.css"> |
|
|
|
<link rel="stylesheet" type="text/css" href="/designs/solar-bootstrap/vim-syntax.css"> |
|
|
|
<link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss"> |
|
|
|
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> |
|
|
|
<!--[if lt IE 9]> |
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> |
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|
|
|
<![endif]--> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
|
|
|
|
<div class="mobile-nav"> |
|
|
|
<a href="#navbar" class="btn btn-primary"><i class="glyphicon glyphicon-list"></i></a> |
|
|
|
<a href="#navbar" class="btn btn-primary"><i class="glyphicon glyphicon-list"></i></a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="k-supernova"></div> |
|
|
|
|
|
|
|
<div class="container-fluid"> |
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-4 col-md-offset-3"> |
|
|
|
<div class="k-kirsle" onclick="self.location='/'"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
<div class="col-sm-10 col-sm-push-2"> |
|
|
|
<div class="k-content-panel"> |
|
|
|
<h1>Kirsle.net Solar (Bootstrap)</h1> |
|
|
|
|
|
|
|
This is another design refresh for Kirsle.net Solar that uses Twitter |
|
|
|
Bootstrap as its layout engine, making it work better on mobile. Resize |
|
|
|
the browser window and see how the site reacts.<p> |
|
|
|
|
|
|
|
This design went live on Kirsle.net on October 15, 2014. It replaced |
|
|
|
the previous version of the <a href="/designs/solar-html5">Solar</a> theme. |
|
|
|
|
|
|
|
<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> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-sm-2 col-sm-pull-10"> |
|
|
|
<div class="k-navpanel"> |
|
|
|
<a name="navbar"></a> |
|
|
|
<div class="k-section">Kirsle</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/">Homepage</a> (<a href="#">RSS</a>)</li> |
|
|
|
<li>» <a href="#/about">About Me</a></li> |
|
|
|
<li>» <a href="#/photos/albums">Photo Albums</a></li> |
|
|
|
<li>» <a href="#/guestbook">Guestbook</a></li> |
|
|
|
<li>» <a href="#/contact">Contact Me</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Channels</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#">Blog Archives</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Creativity</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/rendering">3D Renderings</a></li> |
|
|
|
<li>» <a href="#/flash">Flash Animation</a></li> |
|
|
|
<li>» <a href="#/javascript">JavaScript</a></li> |
|
|
|
<li>» <a href="#/fonts">Fonts</a></li> |
|
|
|
<li>» <a href="#/metacity">Metacity</a></li> |
|
|
|
<li>» <a href="#/doc/">Tutorials</a></li> |
|
|
|
<li>» <a href="#/designs">Web Design</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Software</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/rivescript">RiveScript</a></li> |
|
|
|
<li>» <a href="#/errorgen">Error Generator</a></li> |
|
|
|
<li>» <a href="#/tkcalc">Tk Calculator</a></li> |
|
|
|
<li>» <a href="#http://sh.kirsle.net/" target="_blank">Terminal Apps</a></li> |
|
|
|
<li>» <a href="#/pccc">CyanChat Client</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Web Tools</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/wizards/ttf2eot.cgi">TTF to EOT</a></li> |
|
|
|
<li>» <a href="#/wizards/ps1.html">Base $PS1 Prompt</a></li> |
|
|
|
<li>» <a href="#/wizards/fader.cgi">Text Fader</a></li> |
|
|
|
<li>» <a href="#/wizards/favicon.cgi">Favicons</a></li> |
|
|
|
<li>» <a href="#/wizards/distance.cgi">Distance Calc</a></li> |
|
|
|
<li>» <a href="#/wizards/translator.html">Azulian Translater</a></li> |
|
|
|
<li>» <a href="#/wizards/xbmask.cgi">XBM Masks</a></li> |
|
|
|
<li>» <a href="#/wizards/flask-session.py">Flask Session</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Subdomains</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#http://sh.kirsle.net/">Shell Scripts</a></li> |
|
|
|
<li>» <a href="#http://rpm.kirsle.net/">Linux RPMs</a></li> |
|
|
|
<li>» <a href="#http://rophako.kirsle.net/">Rophako CMS</a></li> |
|
|
|
<li>» <a href="#http://nano.kirsle.net/">Kirsle::Nano</a></li> |
|
|
|
<li>» <a href="#http://mc.kirsle.net/">Minecraft Server</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Miscellany</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/firered">Pokémon Fuchsia City</a></li> |
|
|
|
<li>» <a href="#/msdos">DOS and Windows</a></li> |
|
|
|
<li>» <a href="#/raspberrypi">Raspberry Pi</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Links</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#https://www.google.com/+NoahPetherbridge">Google+</a></li> |
|
|
|
<li>» <a href="#https://twitter.com/kirsle">Twitter</a></li> |
|
|
|
<li>» <a href="#https://myspace.com/kirsle">MySpace</a></li> |
|
|
|
<li>» <a href="#https://github.com/kirsle">Github</a></li> |
|
|
|
<li>» <a href="#http://search.cpan.org/~kirsle">CPAN</a></li> |
|
|
|
<li>» <a href="#https://www.npmjs.org/~kirsle">npm</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Fan Club</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#" class="login-link">Log In</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="center"> |
|
|
|
<a href="https://www.python.org/" target="_blank"> |
|
|
|
<img src="/designs/solar-bootstrap/python.png" width="80" height="15" alt="Python powered"> |
|
|
|
</a><br> |
|
|
|
|
|
|
|
<a href="http://validator.w3.org/check?uri=referer"> |
|
|
|
<img src="/designs/solar-bootstrap/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-bootstrap/css3.png" width="80" height="15" alt="W3C Valid CSS3"> |
|
|
|
</a><p> |
|
|
|
|
|
|
|
<a href="#" target="_blank"> |
|
|
|
<img src="/designs/solar-bootstrap/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean"> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-md-4 col-md-offset-3"> |
|
|
|
<div class="k-kirsle" onclick="self.location='/'"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
|
|
|
|
<div class="col-sm-10 col-sm-push-2"> |
|
|
|
<div class="k-content-panel"> |
|
|
|
<h1>Kirsle.net Solar (Bootstrap)</h1> |
|
|
|
|
|
|
|
This is another design refresh for Kirsle.net Solar that uses Twitter |
|
|
|
Bootstrap as its layout engine, making it work better on mobile. Resize |
|
|
|
the browser window and see how the site reacts.<p> |
|
|
|
|
|
|
|
This design went live on Kirsle.net on October 15, 2014. It replaced |
|
|
|
the previous version of the <a href="/designs/solar-html5">Solar</a> theme. |
|
|
|
|
|
|
|
<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> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="col-sm-2 col-sm-pull-10"> |
|
|
|
<div class="k-navpanel"> |
|
|
|
<a name="navbar"></a> |
|
|
|
<div class="k-section">Kirsle</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/">Homepage</a> (<a href="#">RSS</a>)</li> |
|
|
|
<li>» <a href="#/about">About Me</a></li> |
|
|
|
<li>» <a href="#/photos/albums">Photo Albums</a></li> |
|
|
|
<li>» <a href="#/guestbook">Guestbook</a></li> |
|
|
|
<li>» <a href="#/contact">Contact Me</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Channels</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#">Blog Archives</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Creativity</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/rendering">3D Renderings</a></li> |
|
|
|
<li>» <a href="#/flash">Flash Animation</a></li> |
|
|
|
<li>» <a href="#/javascript">JavaScript</a></li> |
|
|
|
<li>» <a href="#/fonts">Fonts</a></li> |
|
|
|
<li>» <a href="#/metacity">Metacity</a></li> |
|
|
|
<li>» <a href="#/doc/">Tutorials</a></li> |
|
|
|
<li>» <a href="#/designs">Web Design</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Software</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/rivescript">RiveScript</a></li> |
|
|
|
<li>» <a href="#/errorgen">Error Generator</a></li> |
|
|
|
<li>» <a href="#/tkcalc">Tk Calculator</a></li> |
|
|
|
<li>» <a href="#http://sh.kirsle.net/" target="_blank">Terminal Apps</a></li> |
|
|
|
<li>» <a href="#/pccc">CyanChat Client</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Web Tools</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/wizards/ttf2eot.cgi">TTF to EOT</a></li> |
|
|
|
<li>» <a href="#/wizards/ps1.html">Base $PS1 Prompt</a></li> |
|
|
|
<li>» <a href="#/wizards/fader.cgi">Text Fader</a></li> |
|
|
|
<li>» <a href="#/wizards/favicon.cgi">Favicons</a></li> |
|
|
|
<li>» <a href="#/wizards/distance.cgi">Distance Calc</a></li> |
|
|
|
<li>» <a href="#/wizards/translator.html">Azulian Translater</a></li> |
|
|
|
<li>» <a href="#/wizards/xbmask.cgi">XBM Masks</a></li> |
|
|
|
<li>» <a href="#/wizards/flask-session.py">Flask Session</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Subdomains</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#http://sh.kirsle.net/">Shell Scripts</a></li> |
|
|
|
<li>» <a href="#http://rpm.kirsle.net/">Linux RPMs</a></li> |
|
|
|
<li>» <a href="#http://rophako.kirsle.net/">Rophako CMS</a></li> |
|
|
|
<li>» <a href="#http://nano.kirsle.net/">Kirsle::Nano</a></li> |
|
|
|
<li>» <a href="#http://mc.kirsle.net/">Minecraft Server</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Miscellany</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#/firered">Pokémon Fuchsia City</a></li> |
|
|
|
<li>» <a href="#/msdos">DOS and Windows</a></li> |
|
|
|
<li>» <a href="#/raspberrypi">Raspberry Pi</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Links</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#https://www.google.com/+NoahPetherbridge">Google+</a></li> |
|
|
|
<li>» <a href="#https://twitter.com/kirsle">Twitter</a></li> |
|
|
|
<li>» <a href="#https://myspace.com/kirsle">MySpace</a></li> |
|
|
|
<li>» <a href="#https://github.com/kirsle">Github</a></li> |
|
|
|
<li>» <a href="#http://search.cpan.org/~kirsle">CPAN</a></li> |
|
|
|
<li>» <a href="#https://www.npmjs.org/~kirsle">npm</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="k-section">Fan Club</div> |
|
|
|
<ul> |
|
|
|
<li>» <a href="#" class="login-link">Log In</a></li> |
|
|
|
</ul> |
|
|
|
|
|
|
|
<div class="center"> |
|
|
|
<a href="https://www.python.org/" target="_blank"> |
|
|
|
<img src="/designs/solar-bootstrap/python.png" width="80" height="15" alt="Python powered"> |
|
|
|
</a><br> |
|
|
|
|
|
|
|
<a href="http://validator.w3.org/check?uri=referer"> |
|
|
|
<img src="/designs/solar-bootstrap/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-bootstrap/css3.png" width="80" height="15" alt="W3C Valid CSS3"> |
|
|
|
</a><p> |
|
|
|
|
|
|
|
<a href="#" target="_blank"> |
|
|
|
<img src="/designs/solar-bootstrap/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean"> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
@ -224,13 +224,13 @@ |
|
|
|
<script type="text/javascript" src="/designs/solar-bootstrap/offsite.js"></script> |
|
|
|
<script type="text/javascript" src="/designs/solar-bootstrap/bootstrap.min.js"></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
$(document).ready(function() { |
|
|
|
$(".login-link").click(function() { |
|
|
|
$("#login-link").hide(); |
|
|
|
$("#login-inline").show(500); |
|
|
|
return false; |
|
|
|
}); |
|
|
|
}); |
|
|
|
$(document).ready(function() { |
|
|
|
$(".login-link").click(function() { |
|
|
|
$("#login-link").hide(); |
|
|
|
$("#login-inline").show(500); |
|
|
|
return false; |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
{% block scripts %}{% endblock %} |
|
|
|
|
|
|
@ -252,11 +252,11 @@ |
|
|
|
_paq.push(['trackPageView']); |
|
|
|
_paq.push(['enableLinkTracking']); |
|
|
|
(function() { |
|
|
|
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://www.kirsle.net/piwik/"; |
|
|
|
_paq.push(['setTrackerUrl', u+'piwik.php']); |
|
|
|
_paq.push(['setSiteId', 1]); |
|
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; |
|
|
|
g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); |
|
|
|
var u=(("https:" == document.location.protocol) ? "https" : "http") + "://www.kirsle.net/piwik/"; |
|
|
|
_paq.push(['setTrackerUrl', u+'piwik.php']); |
|
|
|
_paq.push(['setSiteId', 1]); |
|
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; |
|
|
|
g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); |
|
|
|
})(); |
|
|
|
</script> |
|
|
|
<noscript><p><img src="http://www.kirsle.net/piwik/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript> |
|
|
|