The web design and pages for my personal website.
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

.layout.gohtml 7.5 KiB

il y a 7 ans
il y a 5 ans
il y a 5 ans
il y a 7 ans
il y a 5 ans
il y a 7 ans
il y a 7 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 5 ans
il y a 7 ans
il y a 5 ans
il y a 7 ans
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  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="col-10 order-12">
  33. <div class="k-content-panel">
  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. <div class="k-copyright">
  53. Copyright &copy; {{ Now.Format "2006" }} Noah Petherbridge &mdash; All rights reserved<br>
  54. Hosted by <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7">DigitalOcean</a><br>
  55. Page generated in %time_elapsed%s.
  56. </div>
  57. </div>
  58. </div>
  59. <div class="col-sm-2 order-1">
  60. <div class="k-navpanel" id="navbar">
  61. <div class="k-section">Kirsle</div>
  62. <ul>
  63. <li>&#0187; <a href="/">Homepage</a> (<a href="/blog.rss">RSS</a>)</li>
  64. <li>&#0187; <a href="/about">About Me</a></li>
  65. <li>&#0187; <a href="/photos/albums">Photo Albums</a></li>
  66. <li>&#0187; <a href="/wiki/Main-Page">Wiki</a></li>
  67. <li>&#0187; <a href="/guestbook">Guestbook</a></li>
  68. <li>&#0187; <a href="/contact">Contact Me</a></li>
  69. </ul>
  70. <div class="k-section">Channels</div>
  71. TBD
  72. <div class="k-section">Creativity</div>
  73. <ul>
  74. <li>&#0187; <a href="/rendering">3D Renderings</a></li>
  75. <li>&#0187; <a href="/flash">Flash Animation</a></li>
  76. <li>&#0187; <a href="/javascript">JavaScript</a></li>
  77. <li>&#0187; <a href="/fonts">Fonts</a></li>
  78. <li>&#0187; <a href="/doc/">Tutorials</a></li>
  79. <li>&#0187; <a href="/designs">Web Design</a></li>
  80. </ul>
  81. <div class="k-section">Software</div>
  82. <ul>
  83. <li>&#0187; <a href="/rivescript">RiveScript</a></li>
  84. <li>&#0187; <a href="/errorgen">Error Generator</a></li>
  85. <li>&#0187; <a href="/tkcalc">Tk Calculator</a></li>
  86. <li>&#0187; <a href="http://sh.kirsle.net/" target="_blank">Terminal Apps</a></li>
  87. <li>&#0187; <a href="/pccc">CyanChat Client</a></li>
  88. </ul>
  89. <div class="k-section">Web Tools</div>
  90. <ul>
  91. <li>&#0187; <a href="/wizards/ttf2eot.cgi">TTF to EOT</a></li>
  92. <li>&#0187; <a href="/wizards/ps1.html">Bash $PS1 Prompt</a></li>
  93. <li>&#0187; <a href="/wizards/fader.cgi">Text Fader</a></li>
  94. <li>&#0187; <a href="/wizards/favicon.cgi">Favicons</a></li>
  95. <li>&#0187; <a href="/wizards/distance.cgi">Distance Calc</a></li>
  96. <li>&#0187; <a href="/wizards/translator.html">Azulian Translater</a></li>
  97. <li>&#0187; <a href="/wizards/xbmask.cgi">XBM Masks</a></li>
  98. <li>&#0187; <a href="/wizards/flask-session.cgi">Flask Session</a></li>
  99. </ul>
  100. <div class="k-section">Subdomains</div>
  101. <ul>
  102. <li>&#0187; <a href="https://rophako.kirsle.net/">Rophako CMS</a></li>
  103. <li>&#0187; <a href="https://mc.kirsle.net/">Minecraft Server</a></li>
  104. <li>&#0187; <a href="https://rpm.kirsle.net/">Linux RPMs</a></li>
  105. </ul>
  106. <div class="k-section">Miscellany</div>
  107. <ul>
  108. <li>&#0187; <a href="/firered">Pok&#0233;mon Fuchsia City</a></li>
  109. <li>&#0187; <a href="/msdos">DOS and Windows</a></li>
  110. <li>&#0187; <a href="/raspberrypi">Raspberry Pi</a></li>
  111. </ul>
  112. <div class="k-section">Social Links</div>
  113. <ul>
  114. <li>&#0187; <a href="https://www.google.com/+NoahPetherbridge" rel="me">Google+</a></li>
  115. <li>&#0187; <a href="https://www.facebook.com/noah.lee.petherbridge" rel="me">Facebook</a></li>
  116. <li>&#0187; <a href="https://twitter.com/kirsle" rel="me">Twitter</a></li>
  117. <li>&#0187; <a href="https://www.instagram.com/kirsle" rel="me">Instagram</a></li>
  118. <li>&#0187; <a href="https://myspace.com/kirsle" rel="me">MySpace</a></li>
  119. <li>&#0187; <a href="https://github.com/kirsle" rel="me">Github</a></li>
  120. <li>&#0187; <a href="http://search.cpan.org/~kirsle" rel="me">CPAN</a></li>
  121. <li>&#0187; <a href="https://www.npmjs.org/~kirsle" rel="me">npm</a></li>
  122. </ul>
  123. <div class="k-section">Fan Club</div>
  124. <ul>
  125. {{ if .LoggedIn }}
  126. <li>&#0164; Hi, <big>{{ or .CurrentUser.Name .CurrentUser.Username }}</big></li>
  127. {{ if .CurrentUser.Admin }}
  128. <li>&#0187; <a href="/admin">Admin Center</a></li>
  129. {{ end }}
  130. <li>&#0187; <a href="/blog/edit">Update Blog</a></li>
  131. <li>&#0187; <a href="/blog/drafts">Drafts</a>/<a href="/blog/private">Private</a></li>
  132. <li>&#0187; <a href="/logout">Log Out</a>
  133. {{ else }}
  134. <li id="login-link">&#0187; <a href="/login" class="login-link">Log In</a></li>
  135. {{ end }}
  136. </ul>
  137. <div id="login-inline" style="display: none">
  138. <form action="/login" method="POST">
  139. <input type="hidden" name="_csrf" value="{{ .CSRF }}">
  140. <input type="hidden" name="next" value="{{ .Path }}">
  141. <input type="text" class="form-control" size="4" name="username" style="display: inline; width: 45%">
  142. <input type="password" class="form-control" size="4" name="password" style="display: inline; width: 45%">
  143. <br>
  144. <button type="submit" class="btn btn-primary" style="width: 100%">Log In</button>
  145. </form>
  146. </div>
  147. <div class="center">
  148. <a href="https://www.python.org/" target="_blank">
  149. <img src="/static/images/python.png" width="80" height="15" alt="Python powered">
  150. </a><br>
  151. <a href="https://validator.w3.org/check?uri=referer">
  152. <img src="/static/images/html5.png" width="80" height="15" alt="W3C Valid HTML5">
  153. </a><br>
  154. <a href="https://jigsaw.w3.org/css-validator/validator?uri=http://www.kirsle.com/solar/screen.css">
  155. <img src="/static/images/css3.png" width="80" height="15" alt="W3C Valid CSS3">
  156. </a><p>
  157. <a href="https://www.digitalocean.com/?refcode=ea01734d3fc7" target="_blank">
  158. <img src="/static/images/digital-ocean.png" width="140" height="39" alt="Proudly hosted by DigitalOcean">
  159. </a>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
  165. <script type="text/javascript" src="/js/jquery-2.1.0.min.js"></script>
  166. <script type="text/javascript" src="/js/offsite.js"></script>
  167. <script type="text/javascript" src="/js/bootstrap.min.js"></script>
  168. <script type="text/javascript">
  169. $(document).ready(function() {
  170. $(".login-link").click(function() {
  171. $("#login-link").hide();
  172. $("#login-inline").show(500);
  173. return false;
  174. });
  175. });
  176. </script>
  177. {{ template "scripts" }}
  178. </body>
  179. </html>
  180. {{ end }}