mirror of
https://github.com/kirsle/kirsle.net
synced 2024-12-23 07:29:28 +00:00
267 lines
13 KiB
HTML
267 lines
13 KiB
HTML
<!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]-->
|
|
</head>
|
|
<body>
|
|
|
|
<div class="mobile-nav">
|
|
<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>
|
|
|
|
<script type="text/javascript" src="/designs/solar-bootstrap/jquery-2.1.0.min.js"></script>
|
|
<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;
|
|
});
|
|
});
|
|
</script>
|
|
{% block scripts %}{% endblock %}
|
|
|
|
<!-- Google Analytics -->
|
|
<script>
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-27498092-1', 'kirsle.net');
|
|
ga('require', 'displayfeatures');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
|
|
<!-- Piwik -->
|
|
<script type="text/javascript">
|
|
var _paq = _paq || [];
|
|
_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);
|
|
})();
|
|
</script>
|
|
<noscript><p><img src="http://www.kirsle.net/piwik/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
|
|
<!-- End Piwik Code -->
|
|
|
|
</body>
|
|
</html>
|