The web design and pages for my personal website.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

213 line
8.5 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{% block title %}{% endblock %} - Kirsle.net</title>
  5. <link rel="stylesheet" type="text/css" media="screen" href="/solar/screen.css">
  6. <link rel="stylesheet" type="text/css" href="/solar/monokai.css">
  7. <link rel="stylesheet" type="text/css" media="print" href="/solar/print.css">
  8. <link rel="stylesheet" type="text/css" media="all" href="/solar/vim-syntax.css">
  9. <link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss">
  10. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  11. </head>
  12. <body>
  13. {% from "google-ads.inc.html" import leaderboard, nav_ads %}
  14. <div class="k-supernova"></div>
  15. <div class="k-kirsle" onClick="self.location='/'"></div>
  16. <div class="k-content-panel">
  17. {% with messages = get_flashed_messages() %}
  18. {% if messages %}
  19. <h1>Notice!</h1>
  20. <ul>
  21. {% for message in messages %}
  22. <li>{{ message }}</li>
  23. {% endfor %}
  24. </ul>
  25. {% endif %}
  26. {% endwith %}
  27. {% block content %}{% endblock %}
  28. {% if uri not in ["/", "/blog/index"] and not "/blog/category" in uri %}
  29. <br>
  30. {{ leaderboard() }}
  31. {% endif %}
  32. <div class="k-copyright">
  33. Copyright &copy; 2014 Noah Petherbridge &mdash; All rights reserved<br>
  34. Powered by <a href="http://rophako.kirsle.net/" target="_blank">{{ app["name"] }}</a> v{{ app["version"] }} -
  35. Hosted by <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7">DigitalOcean</a><br>
  36. Page generated in %time_elapsed%s.
  37. </div>
  38. </div>
  39. <div class="k-navpanel">
  40. <div class="k-section">Kirsle</div>
  41. <div class="k-navi">
  42. &#0187; <a href="/">Homepage</a> (<a href="{{ url_for('blog.rss') }}">RSS</a>)<br>
  43. &#0187; <a href="/about">About Me</a><br>
  44. &#0187; <a href="/photos/albums">Photo Albums</a><br>
  45. &#0187; <a href="/guestbook">Guestbook</a><br>
  46. &#0187; <a href="/contact">Contact Me</a>
  47. </div>
  48. <div class="k-section">Channels</div>
  49. <div class="k-navi">
  50. {{ include_page("blog.partial_tags")|safe }}
  51. </div>
  52. <div class="k-section">Creativity</div>
  53. <div class="k-navi">
  54. &#0187; <a href="/rendering">3D Renderings</a><br>
  55. &#0187; <a href="/flash">Flash Animation</a><br>
  56. &#0187; <a href="/javascript">JavaScript</a><br>
  57. &#0187; <a href="/fonts">Fonts</a><br>
  58. &#0187; <a href="/metacity">Metacity</a><br>
  59. &#0187; <a href="/doc/">Tutorials</a>
  60. </div>
  61. <div class="k-section">Software</div>
  62. <div class="k-navi">
  63. &#0187; <a href="/rivescript">RiveScript</a><br>
  64. &#0187; <a href="/errorgen">Error Generator</a><br>
  65. &#0187; <a href="/tkcalc">Tk Calculator</a><br>
  66. &#0187; <a href="http://sh.kirsle.net/" target="_blank">Terminal Apps</a><br>
  67. &#0187; <a href="/pccc">CyanChat Client</a>
  68. </div>
  69. <div class="k-section">Web Tools</div>
  70. <div class="k-navi">
  71. &#0187; <a href="/wizards/ttf2eot.cgi">TTF to EOT</a><br>
  72. &#0187; <a href="/wizards/ps1.html">Bash $PS1 Prompt</a><br>
  73. &#0187; <a href="/wizards/fader.cgi">Text Fader</a><br>
  74. &#0187; <a href="/wizards/favicon.cgi">Favicons</a><br>
  75. &#0187; <a href="/wizards/distance.cgi">Distance Calc</a><br>
  76. &#0187; <a href="/wizards/translator.html">Azulian Encoder</a><br>
  77. &#0187; <a href="/wizards/xbmask.cgi">XBM Masks</a><br>
  78. &#0187; <a href="/wizards/flask-session.py">Flask Session</a>
  79. </div>
  80. <div class="k-section">Subdomains</div>
  81. <div class="k-navi">
  82. &#0187; <a href="http://sh.kirsle.net/" target="_blank">Shell Scripts</a><br>
  83. &#0187; <a href="http://rpm.kirsle.net/" target="_blank">Linux RPMs</a><br>
  84. &#0187; <a href="http://rophako.kirsle.net/" target="_blank">Rophako CMS</a><br>
  85. &#0187; <a href="http://nano.kirsle.net/" target="_blank">Kirsle::Nano</a><br>
  86. &#0187; <a href="http://minecraft.kirsle.net/" target="_blank">Minecraft Server</a>
  87. </div>
  88. <div class="k-section">Miscellany</div>
  89. <div class="k-navi">
  90. &#0164; <a href="/firered">Pokemon Fuchsia City</a><br>
  91. &#0164; <a href="/msdos">DOS and Windows</a><br>
  92. &#0164; <a href="/raspberrypi">Raspberry Pi</a>
  93. </div>
  94. <div class="k-section">Links</div>
  95. <div class="k-navi">
  96. &#0164; <a href="https://www.google.com/+NoahPetherbridge">Google+</a><br>
  97. &#0164; <a href="https://www.facebook.com/npetherbridge">Facebook</a><br>
  98. &#0164; <a href="https://twitter.com/kirsle">Twitter</a><br>
  99. &#0164; <a href="https://myspace.com/kirsle">MySpace</a><br>
  100. &#0164; <a href="https://github.com/kirsle">Github</a><br>
  101. &#0164; <a href="http://search.cpan.org/~kirsle">CPAN</a>
  102. </div>
  103. {{ nav_ads() }}
  104. <div class="k-section">Fan Club</div>
  105. <div class="k-navi">
  106. {% if session["login"] %}
  107. &#0164; Hi, <big>{{ session["name"] }}</big><br>
  108. {% if session["role"] == "admin" %}
  109. &#0187; <a href="{{ url_for('admin.index') }}">Admin Center</a><br>
  110. {% endif %}
  111. &#0187; <a href="{{ url_for('blog.update') }}">Update Blog</a><br>
  112. {% if "impersonator" in session %}
  113. &#0187; <a href="{{ url_for('admin.unimpersonate') }}">Unimpersonate</a><br>
  114. {% endif %}
  115. &#0187; <a href="{{ url_for('account.logout') }}">Log Out</a>
  116. {% else %}
  117. <div id="login-link">&#0187; <a href="{{ url_for('account.login') }}" class="login-link">Log In</a></div>
  118. <div id="login-inline" style="display: none">
  119. <form action="{{ url_for('account.login') }}" method="POST">
  120. <input type="hidden" name="token" value="{{ csrf_token() }}">
  121. <input type="hidden" name="url" value="{{ request.path }}">
  122. <input type="text" size="4" name="username" style="width: 45%">
  123. <input type="password" size="4" name="password" style="width: 45%"><br>
  124. <button type="submit" style="width: 100%">Log In</button>
  125. </form>
  126. </div>
  127. {% endif %}
  128. </div><p>
  129. <div class="k-navi">
  130. <div class="center">
  131. <a href="https://www.python.org/" target="_blank">
  132. <img src="/static/images/python.png" width="80" height="15" alt="Python powered">
  133. </a><br>
  134. <a href="http://validator.w3.org/check?uri=referer">
  135. <img src="/static/images/html5.png" width="80" height="15" alt="W3C Valid HTML5">
  136. </a><br>
  137. <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.kirsle.com/solar/screen.css">
  138. <img src="/static/images/css3.png" width="80" height="15" alt="W3C Valid CSS3">
  139. </a><p>
  140. <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7" target="_blank">
  141. <img src="/static/images/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean">
  142. </a>
  143. </div>
  144. </div>
  145. </div>
  146. <script type="text/javascript" src="/js/jquery-2.1.0.min.js"></script>
  147. <script type="text/javascript" src="/js/offsite.js"></script>
  148. <script type="text/javascript">
  149. $(document).ready(function() {
  150. $(".login-link").click(function() {
  151. $("#login-link").hide();
  152. $("#login-inline").show(500);
  153. return false;
  154. });
  155. });
  156. </script>
  157. {% block scripts %}{% endblock %}
  158. <!-- Google Analytics -->
  159. <script>
  160. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  161. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  162. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  163. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  164. ga('create', 'UA-27498092-1', 'kirsle.net');
  165. ga('require', 'displayfeatures');
  166. ga('send', 'pageview');
  167. </script>
  168. <!-- Piwik -->
  169. <script type="text/javascript">
  170. var _paq = _paq || [];
  171. _paq.push(['trackPageView']);
  172. _paq.push(['enableLinkTracking']);
  173. (function() {
  174. var u=(("https:" == document.location.protocol) ? "https" : "http") + "://www.kirsle.net/piwik/";
  175. _paq.push(['setTrackerUrl', u+'piwik.php']);
  176. _paq.push(['setSiteId', 1]);
  177. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';
  178. g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  179. })();
  180. </script>
  181. <noscript><p><img src="http://www.kirsle.net/piwik/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
  182. <!-- End Piwik Code -->
  183. </body>
  184. </html>