<!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>{% block title %}{% endblock %} - Kirsle.net</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap-theme.min.css">

    <!-- Kirsle.net Solar -->
    <link rel="stylesheet" type="text/css" media="screen" href="/solar/ui.css">
    <link rel="stylesheet" type="text/css" media="print" href="/solar/print.css">
    <link rel="stylesheet" type="text/css" href="/solar/monokai.css">
    <link rel="stylesheet" type="text/css" href="/solar/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>

{% from "google-ads.inc.html" import leaderboard, nav_ads %}

<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">
                {% with messages = get_flashed_messages() %}
                    {% if messages %}
                        <h1>Notice!</h1>

                        <ul>
                        {% for message in messages %}
                            <li>{{ message }}</li>
                        {% endfor %}
                        </ul>
                    {% endif %}
                {% endwith %}

                {% block content %}{% endblock %}

                {% if uri not in ["/", "/blog/index"] and not "/blog/category" in uri %}
                    <br>
                    {{ leaderboard() }}
                {% endif %}

                <div class="k-copyright">
                    Copyright &copy; 2014 Noah Petherbridge &mdash; All rights reserved<br>
                    Powered by <a href="http://rophako.kirsle.net/" target="_blank">{{ app["name"] }}</a> v{{ app["version"] }} -
                    Hosted by <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7">DigitalOcean</a><br>
                    Page generated in %time_elapsed%s.
                </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>&#0187; <a href="/">Homepage</a> (<a href="{{ url_for('blog.rss') }}">RSS</a>)</li>
                    <li>&#0187; <a href="/about">About Me</a></li>
                    <li>&#0187; <a href="/photos/albums">Photo Albums</a></li>
                    <li>&#0187; <a href="/guestbook">Guestbook</a></li>
                    <li>&#0187; <a href="/contact">Contact Me</a></li>
                </ul>

                <div class="k-section">Channels</div>
                <ul>
                    <li>&#0187; <a href="{{ url_for('blog.archive') }}">Blog Archives</a></li>
                    {{ include_page("blog.partial_tags")|safe }}
                </ul>

                <div class="k-section">Creativity</div>
                <ul>
                    <li>&#0187; <a href="/rendering">3D Renderings</a></li>
                    <li>&#0187; <a href="/flash">Flash Animation</a></li>
                    <li>&#0187; <a href="/javascript">JavaScript</a></li>
                    <li>&#0187; <a href="/fonts">Fonts</a></li>
                    <li>&#0187; <a href="/metacity">Metacity</a></li>
                    <li>&#0187; <a href="/doc/">Tutorials</a></li>
                    <li>&#0187; <a href="/designs">Web Design</a></li>
                </ul>

                <div class="k-section">Software</div>
                <ul>
                    <li>&#0187; <a href="/rivescript">RiveScript</a></li>
                    <li>&#0187; <a href="/errorgen">Error Generator</a></li>
                    <li>&#0187; <a href="/tkcalc">Tk Calculator</a></li>
                    <li>&#0187; <a href="http://sh.kirsle.net/" target="_blank">Terminal Apps</a></li>
                    <li>&#0187; <a href="/pccc">CyanChat Client</a></li>
                </ul>

                <div class="k-section">Web Tools</div>
                <ul>
                    <li>&#0187; <a href="/wizards/ttf2eot.cgi">TTF to EOT</a></li>
                    <li>&#0187; <a href="/wizards/ps1.html">Bash $PS1 Prompt</a></li>
                    <li>&#0187; <a href="/wizards/fader.cgi">Text Fader</a></li>
                    <li>&#0187; <a href="/wizards/favicon.cgi">Favicons</a></li>
                    <li>&#0187; <a href="/wizards/distance.cgi">Distance Calc</a></li>
                    <li>&#0187; <a href="/wizards/translator.html">Azulian Translater</a></li>
                    <li>&#0187; <a href="/wizards/xbmask.cgi">XBM Masks</a></li>
                    <li>&#0187; <a href="/wizards/flask-session.py">Flask Session</a></li>
                </ul>

                <div class="k-section">Subdomains</div>
                <ul>
                    <li>&#0187; <a href="http://sh.kirsle.net/">Shell Scripts</a></li>
                    <li>&#0187; <a href="http://rpm.kirsle.net/">Linux RPMs</a></li>
                    <li>&#0187; <a href="http://rophako.kirsle.net/">Rophako CMS</a></li>
                    <li>&#0187; <a href="http://nano.kirsle.net/">Kirsle::Nano</a></li>
                    <li>&#0187; <a href="http://mc.kirsle.net/">Minecraft Server</a></li>
                </ul>

                <div class="k-section">Miscellany</div>
                <ul>
                    <li>&#0187; <a href="/firered">Pok&#0233;mon Fuchsia City</a></li>
                    <li>&#0187; <a href="/msdos">DOS and Windows</a></li>
                    <li>&#0187; <a href="/raspberrypi">Raspberry Pi</a></li>
                </ul>

                <div class="k-section">Links</div>
                <ul>
                    <li>&#0187; <a href="https://www.google.com/+NoahPetherbridge">Google+</a></li>
                    <li>&#0187; <a href="https://twitter.com/kirsle">Twitter</a></li>
                    <li>&#0187; <a href="https://myspace.com/kirsle">MySpace</a></li>
                    <li>&#0187; <a href="https://github.com/kirsle">Github</a></li>
                    <li>&#0187; <a href="http://search.cpan.org/~kirsle">CPAN</a></li>
                    <li>&#0187; <a href="https://www.npmjs.org/~kirsle">npm</a></li>
                </ul>

                <br>
                {{ nav_ads() }}
                <br>

                <div class="k-section">Fan Club</div>
                <ul>
                    {% if session["login"] %}
                        <li>&#0164; Hi, <big>{{ session["name"] }}</big></li>
                        {% if session["role"] == "admin" %}
                            <li>&#0187; <a href="{{ url_for('admin.index') }}">Admin Center</a></li>
                        {% endif %}
                        <li>&#0187; <a href="{{ url_for('blog.update') }}">Update Blog</a></li>
                        {% if "impersonator" in session %}
                            <li>&#0187; <a href="{{ url_for('admin.unimpersonate') }}">Unimpersonate</a></li>
                        {% endif %}
                        <li>&#0187; <a href="{{ url_for('account.logout') }}">Log Out</a>
                    {% else %}
                        <li id="login-link">&#0187; <a href="{{ url_for('account.login') }}" class="login-link">Log In</a></li>
                    {% endif %}
                </ul>
                <div id="login-inline" style="display: none">
                    <form action="{{ url_for('account.login') }}" method="POST">
                    <input type="hidden" name="token" value="{{ csrf_token() }}">
                    <input type="hidden" name="url" value="{{ request.path }}">
                    <input type="text" class="form-control" size="4" name="username" style="display: inline; width: 45%">
                    <input type="password" class="form-control" size="4" name="password" style="display: inline; width: 45%">
                    <br>
                    <button type="submit" class="btn btn-primary" style="width: 100%">Log In</button>
                    </form>
                </div>

                <div class="k-section">Visitors</div>
                <ul>
                    <li>&#0164; <strong>Unique Visits:</strong><br>
                        Today: {{ tracking["unique_today"] }}<br>
                        Total: {{ tracking["unique_total"] }}</li>
                    <li>&#0164; <strong>Total Hits:</strong><br>
                        Today: {{ tracking["hits_today"] }}<br>
                        Total: {{ tracking["hits_total"] }}</li>
                    <li>&#0164; <a href="{{ url_for('tracking.visitors') }}">Visitor Details</a></li>
                    <li>&#0164; <a href="{{ url_for('tracking.referrers') }}">Referring URLs</a></li>
                </ul>

                <div class="center">
                    <a href="https://www.python.org/" target="_blank">
                        <img src="/static/images/python.png" width="80" height="15" alt="Python powered">
                    </a><br>

                    <a href="http://validator.w3.org/check?uri=referer">
                        <img src="/static/images/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="/static/images/css3.png" width="80" height="15" alt="W3C Valid CSS3">
                    </a><p>

                    <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7" target="_blank">
                        <img src="/static/images/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean">
                    </a>
                </div>

            </div>
        </div>

    </div>

</div>

<script type="text/javascript" src="/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/js/offsite.js"></script>
<script type="text/javascript" src="/js/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>
