The web design and pages for my personal website.
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 

213 Zeilen
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>