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.
 
 
 
 

219 lines
7.8 KiB

  1. {{ define "title" }}{{ end }}
  2. {{ define "scripts" }}{{ end }}
  3. {{ define "layout" }}
  4. <!DOCTYPE html>
  5. <html lang="en">
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <meta name="viewport" content="width=device-width, initial-scale=1">
  10. <title>{{ template "title" . }} - {{ .Title }}</title>
  11. <!-- Bootstrap -->
  12. <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
  13. <!-- Kirsle.net Solar -->
  14. <link rel="stylesheet" type="text/css" media="screen" href="/solar/ui.css">
  15. <link rel="stylesheet" type="text/css" media="print" href="/solar/print.css">
  16. <link rel="stylesheet" type="text/css" href="/solar/monokai.css">
  17. <link rel="stylesheet" type="text/css" href="/solar/vim-syntax.css">
  18. <link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss">
  19. </head>
  20. <body>
  21. <div class="mobile-nav">
  22. <a href="#navbar" class="btn btn-primary"><i class="glyphicon glyphicon-list"></i></a>
  23. </div>
  24. <div class="k-supernova"></div>
  25. <div class="container-fluid">
  26. <div class="row">
  27. <div class="col-md-4 col-md-offset-3">
  28. <div class="k-kirsle" onclick="self.location='/'"></div>
  29. </div>
  30. </div>
  31. <div class="row">
  32. <div class="order-1 order-md-12 col-12 col-md-10">
  33. <div class="k-content-panel mb-4">
  34. {{ if .SetupNeeded }}
  35. <div class="alert alert-success">
  36. Your web blog needs to be set up!
  37. Please <a href="/initial-setup">click here</a> to
  38. configure your blog.
  39. </div>
  40. {{ end }}
  41. {{ range .Flashes }}
  42. <div class="alert alert-success">
  43. {{ . }}
  44. </div>
  45. {{ end }}
  46. {{ if .Error }}
  47. <div class="alert alert-danger">
  48. <strong>Error:</strong> {{ .Error }}
  49. </div>
  50. {{ end }}
  51. {{ template "content" . }}
  52. {{ if and .CurrentUser.Admin .Editable }}
  53. <p>
  54. <strong>Admin:</strong> [<a href="/admin/editor?file={{ or .Data.MarkdownFile TemplateName }}">edit this page</a>]
  55. </p>
  56. {{ end }}
  57. <div class="k-copyright">
  58. Copyright &copy; {{ Now.Format "2006" }} Noah Petherbridge &mdash; All rights reserved<br>
  59. Hosted by <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7">DigitalOcean</a><br>
  60. Page generated in {{ printf "%.4f" .RequestDuration.Seconds }}s.
  61. </div>
  62. </div>
  63. </div>
  64. <div class="order-12 order-md-1 col-12 col-md-2">
  65. <div class="k-navpanel" id="navbar">
  66. <div class="k-section">Kirsle</div>
  67. <ul>
  68. <li>&#0187; <a href="/">Homepage</a> (<a href="/blog.rss">RSS</a>)</li>
  69. <li>&#0187; <a href="/about">About Me</a></li>
  70. <!-- <li>&#0187; <a href="/photos/albums">Photo Albums</a></li> -->
  71. <li>&#0187; <a href="/wiki/Main-Page">Wiki</a></li>
  72. <li>&#0187; <a href="/guestbook">Guestbook</a></li>
  73. <li>&#0187; <a href="/contact">Contact Me</a></li>
  74. </ul>
  75. <div class="k-section">Blog Tags</div>
  76. {{ RenderTags .Request false }}
  77. <div class="k-section">Creativity</div>
  78. <ul>
  79. <li>&#0187; <a href="/rendering">3D Renderings</a></li>
  80. <li>&#0187; <a href="/flash">Flash Animation</a></li>
  81. <li>&#0187; <a href="/javascript">JavaScript</a></li>
  82. <li>&#0187; <a href="/fonts">Fonts</a></li>
  83. <li>&#0187; <a href="/doc/">Tutorials</a></li>
  84. <li>&#0187; <a href="/designs">Web Design</a></li>
  85. </ul>
  86. <div class="k-section">Software</div>
  87. <ul>
  88. <li>&#0187; <a href="/rivescript">RiveScript</a></li>
  89. <li>&#0187; <a href="/errorgen">Error Generator</a></li>
  90. <li>&#0187; <a href="/tkcalc">Tk Calculator</a></li>
  91. <li>&#0187; <a href="http://sh.kirsle.net/" target="_blank">Terminal Apps</a></li>
  92. <li>&#0187; <a href="/pccc">CyanChat Client</a></li>
  93. </ul>
  94. <div class="k-section">Web Tools</div>
  95. <ul>
  96. <li>&#0187; <a href="/wizards/ttf2eot.cgi">TTF to EOT</a></li>
  97. <li>&#0187; <a href="/wizards/ps1.html">Bash $PS1 Prompt</a></li>
  98. <li>&#0187; <a href="/wizards/fader.cgi">Text Fader</a></li>
  99. <li>&#0187; <a href="/wizards/favicon.cgi">Favicons</a></li>
  100. <li>&#0187; <a href="/wizards/distance.cgi">Distance Calc</a></li>
  101. <li>&#0187; <a href="/wizards/translator.html">Azulian Translater</a></li>
  102. <li>&#0187; <a href="/wizards/xbmask.cgi">XBM Masks</a></li>
  103. <li>&#0187; <a href="/wizards/flask-session.cgi">Flask Session</a></li>
  104. </ul>
  105. <div class="k-section">Subdomains</div>
  106. <ul>
  107. <li>&#0187; <a href="https://rophako.kirsle.net/">Rophako CMS</a></li>
  108. <li>&#0187; <a href="https://mc.kirsle.net/">Minecraft Server</a></li>
  109. <li>&#0187; <a href="https://rpm.kirsle.net/">Linux RPMs</a></li>
  110. </ul>
  111. <div class="k-section">Miscellany</div>
  112. <ul>
  113. <li>&#0187; <a href="/firered">Pok&#0233;mon Fuchsia City</a></li>
  114. <li>&#0187; <a href="/msdos">DOS and Windows</a></li>
  115. <li>&#0187; <a href="/raspberrypi">Raspberry Pi</a></li>
  116. </ul>
  117. <div class="k-section">Social Links</div>
  118. <ul>
  119. <li>&#0187; <a href="https://www.google.com/+NoahPetherbridge" rel="me">Google+</a></li>
  120. <li>&#0187; <a href="https://www.facebook.com/noah.lee.petherbridge" rel="me">Facebook</a></li>
  121. <li>&#0187; <a href="https://twitter.com/kirsle" rel="me">Twitter</a></li>
  122. <li>&#0187; <a href="https://www.instagram.com/kirsle" rel="me">Instagram</a></li>
  123. <li>&#0187; <a href="https://myspace.com/kirsle" rel="me">MySpace</a></li>
  124. <li>&#0187; <a href="https://github.com/kirsle" rel="me">Github</a></li>
  125. <li>&#0187; <a href="http://search.cpan.org/~kirsle" rel="me">CPAN</a></li>
  126. <li>&#0187; <a href="https://www.npmjs.org/~kirsle" rel="me">npm</a></li>
  127. </ul>
  128. <div class="k-section">Fan Club</div>
  129. <ul>
  130. {{ if .LoggedIn }}
  131. <li>&#0164; Hi, <big><a href="/account">{{ or .CurrentUser.Name .CurrentUser.Username }}</a></big></li>
  132. {{ if .CurrentUser.Admin }}
  133. <li>&#0187; <a href="/admin">Admin Center</a></li>
  134. {{ end }}
  135. <li>&#0187; <a href="/blog/edit">Update Blog</a></li>
  136. <li>&#0187; <a href="/blog/drafts">Drafts</a>/<a href="/blog/private">Private</a></li>
  137. <li>&#0187; <a href="/logout">Log Out</a>
  138. {{ else }}
  139. <li id="login-link">&#0187; <a href="/login" class="login-link">Log In</a></li>
  140. {{ end }}
  141. </ul>
  142. <div id="login-inline" style="display: none">
  143. <form action="/login" method="POST">
  144. <input type="hidden" name="_csrf" value="{{ .CSRF }}">
  145. <input type="hidden" name="next" value="{{ .Path }}">
  146. <input type="text" class="form-control" size="4" name="username" style="display: inline; width: 45%">
  147. <input type="password" class="form-control" size="4" name="password" style="display: inline; width: 45%">
  148. <br>
  149. <button type="submit" class="btn btn-primary" style="width: 100%">Log In</button>
  150. </form>
  151. </div>
  152. <div class="center">
  153. <a href="https://www.python.org/" target="_blank">
  154. <img src="/static/images/python.png" width="80" height="15" alt="Python powered">
  155. </a><br>
  156. <a href="https://validator.w3.org/check?uri=referer">
  157. <img src="/static/images/html5.png" width="80" height="15" alt="W3C Valid HTML5">
  158. </a><br>
  159. <a href="https://jigsaw.w3.org/css-validator/validator?uri=http://www.kirsle.com/solar/screen.css">
  160. <img src="/static/images/css3.png" width="80" height="15" alt="W3C Valid CSS3">
  161. </a><p>
  162. <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7" target="_blank">
  163. <img src="/static/images/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean">
  164. </a>
  165. </div>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. <script type="text/javascript" src="/js/jquery-2.1.0.min.js"></script>
  171. <script type="text/javascript" src="/js/offsite.js"></script>
  172. <script type="text/javascript" src="/js/bootstrap.min.js"></script>
  173. <script type="text/javascript">
  174. $(document).ready(function() {
  175. $(".login-link").click(function() {
  176. $("#login-link").hide();
  177. $("#login-inline").show(500);
  178. return false;
  179. });
  180. });
  181. </script>
  182. {{ template "scripts" }}
  183. </body>
  184. </html>
  185. {{ end }}