My static website generator using poole https://www.xythobuz.de
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.

page.html 9.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="{{ htmlspecialchars(__encoding__) }}" />
  5. <title>{{ htmlspecialchars(page.title) }} - xythobuz.de</title>
  6. <meta name="description" content="{{ htmlspecialchars(page.get("description", "Electronics & Software Projects")) }}" />
  7. <meta name="keywords" content="{{ htmlspecialchars(page.get("keywords", "xythobuz")) }}" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9. <link rel="author" href="xythobuz@xythobuz.de" />
  10. <link rel="shortcut icon" href="img/favicon.ico" />
  11. <link rel="alternate" type="application/rss+xml" title="Blog" href="rss.xml" />
  12. <link type="text/css" rel="stylesheet" href="css/style.css" />
  13. <link type="text/css" rel="stylesheet" href="css/sh_bright.min.css" />
  14. <link type="text/css" rel="stylesheet" href="css/gh-fork-ribbon.css" />
  15. <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" />
  16. <link type="text/css" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.2.18/css/lightgallery.min.css" />
  17. <script type="text/javascript" src="js/sh_main.js"></script>
  18. <!--%
  19. if page.get("flattr", "false") == "true":
  20. print "<script type='text/javascript'>"
  21. print "/* <![CDATA[ */"
  22. print "(function() {"
  23. print "var s = document.createElement('script');"
  24. print "var t = document.getElementsByTagName('script')[0];"
  25. print "s.type = 'text/javascript';"
  26. print "s.async = true;"
  27. print "s.src = '//api.flattr.com/js/0.6/load.js?mode=auto&uid=xythobuz&category=text';"
  28. print "t.parentNode.insertBefore(s, t);"
  29. print "})();"
  30. print "/* ]]> */"
  31. print "</script>"
  32. %-->
  33. </head>
  34. <body onload="sh_highlightDocument('/js/sh/', '.min.js');">
  35. <!--%
  36. if page.get("github", "") != "":
  37. # GitHub Fork-Me Ribbon
  38. print '<div class="github-fork-ribbon-wrapper right fixed">'
  39. print '<div class="github-fork-ribbon"><a href="'
  40. print page.github
  41. print '">Fork me on GitHub</a></div></div>'
  42. %-->
  43. <div id="nav">
  44. <ul>
  45. <li id="home"><a href="index.html">xythobuz.de</a></li>
  46. <!--%
  47. mpages = [p for p in pages if p.get("parent", "") == "main" and p.lang == "en"]
  48. mpages.sort(key=lambda p: int(p["position"]))
  49. entry = ' <li><a href="%s">%s</a></li>'
  50. for p in mpages[1:]:
  51. print(entry % (htmlspecialchars(p["url"]), htmlspecialchars(p["title"])))
  52. %-->
  53. <li><a href="https://github.com/xythobuz">GitHub</a></li>
  54. <li><a href="https://git.xythobuz.de/explore/repos">Git</a></li>
  55. <li><a href="printer.html">🔨</a></li>
  56. <div class="fonts">
  57. <li><span class="font-big">Text:</span></li>
  58. <li><a class="dec" href="#"><span class="font-big">A</span><span class="font-small">A</span></a></li>
  59. <li><a class="reset" href="#"><span class="font-big">A</span><span class="font-big">A</span></a></li>
  60. <li><a class="inc" href="#"><span class="font-small">A</span><span class="font-big">A</span></a></li>
  61. </div>
  62. <!--%
  63. tmp = [p for p in page["lang_links"].iteritems()]
  64. if len(tmp) > 1:
  65. print ' <li>'
  66. print " ".join(["<li><a href='%s'>%s</a></li>" % (url, lang) for lang, url in page["lang_links"].iteritems()]).replace(">en<", '><img src="img/en.png" alt="English"><').replace(">de<", '><img src="img/de.png" alt="Deutsch"><')
  67. print "</li>"
  68. %-->
  69. </ul>
  70. </div>
  71. <div id="content">
  72. {{ __content__ }}
  73. <!--%
  74. import sys
  75. # Centered DIV
  76. # Flattr Button
  77. if page.get("flattr", "false") == "true":
  78. print '<div style="margin-top: 1em; text-align: center;">'
  79. print '<span id="flattr">'
  80. sys.stdout.write('<a class="FlattrButton" href="')
  81. sys.stdout.write(BASE_URL)
  82. sys.stdout.write('/')
  83. sys.stdout.write(page.url)
  84. sys.stdout.write('" title="')
  85. sys.stdout.write(htmlspecialchars(page.title))
  86. sys.stdout.write('" data-flattr-button="compact">')
  87. sys.stdout.write(htmlspecialchars(page.get("description", page.title)))
  88. sys.stdout.write("</a>\n")
  89. print '</span>'
  90. print '</div>'
  91. # Disqus Comments (only show button to load afterwards)
  92. if page.get("comments", "false") == "true":
  93. print '<div style="margin-top: 1em; text-align: center;">'
  94. print '<button class="show-comments">Load Disqus comments</button>'
  95. print '</div>'
  96. print '<div id="disqus_thread"></div>'
  97. print '<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>'
  98. elif page.get("comments", "false") != "false":
  99. print '<p><a href="%s">Head over here to discuss this article!</a></p>' % page.get("comments", "false")
  100. %-->
  101. </div>
  102. <div id="footer">
  103. <a href="http://bitbucket.org/obensonne/poole">Poole</a>
  104. &middot;
  105. <a href="http://shjs.sourceforge.net">SHJS</a>
  106. &middot;
  107. <a href="https://github.com/sachinchoolur/lightGallery">lightGallery</a>
  108. &middot;
  109. <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC-BY</a>
  110. &middot;
  111. <a href="http://www.amazon.de/?_encoding=UTF8&amp;camp=1638&amp;creative=19454&amp;linkCode=ur2&amp;site-redirect=de&amp;tag=xythobuzorg-21">Amazon.de Affiliate</a>
  112. &middot;
  113. <a href="http://www.amazon.de/registry/wishlist/1TURV4XV2J3VT">Amazon.de Wishlist</a>
  114. &middot;
  115. <a href="http://steamcommunity.com/id/xythobuz/wishlist/?sort=price">Steam Wishlist</a>
  116. &middot;
  117. <a href="https://www.paypal.com/us/cgi-bin/webscr?cmd=_send-money&nav=1&email=xythobuz@me.com">PayPal</a>
  118. </div>
  119. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
  120. <!--%
  121. # Dynamically load Disqus comments after user requested it
  122. if page.get("comments", "false") == "true":
  123. print '<script type="text/javascript">'
  124. print 'var disqus_shortname = "xythobuz";'
  125. print 'var disqus_identifier = "http://xythobuz.org/' + page["url"] + '";'
  126. print 'var disqus_url = "http://xythobuz.org/' + page["url"] + '";'
  127. print '$(document).ready(function() {'
  128. print '$(".show-comments").on("click", function(){'
  129. print '(function() {'
  130. print 'var dsq = document.createElement("script"); dsq.type = "text/javascript"; dsq.async = true;'
  131. print 'dsq.src = "http://" + disqus_shortname + ".disqus.com/embed.js";'
  132. print '(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0] ).appendChild(dsq);'
  133. print '})();'
  134. print '$(this).fadeOut();'
  135. print '});'
  136. print '});'
  137. print '</script>'
  138. %-->
  139. <script type="text/javascript">
  140. $(document).ready(function(){
  141. var fontSize = parseInt($('body').css('font-size'), 10);
  142. var initialFontSize = fontSize;
  143. $('.inc').on('click', function() {
  144. fontSize += 1;
  145. $('body').css('font-size', fontSize + 'px');
  146. })
  147. $('.dec').on('click', function() {
  148. if (fontSize > 1) {
  149. fontSize -= 1;
  150. $('body').css('font-size', fontSize + 'px');
  151. }
  152. })
  153. $('.reset').on('click', function() {
  154. if (fontSize != initialFontSize) {
  155. fontSize = initialFontSize;
  156. $('body').css('font-size', initialFontSize + 'px');
  157. }
  158. })
  159. })
  160. </script>
  161. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
  162. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.2.18/js/lightgallery-all.min.js"></script>
  163. <script type="text/javascript">
  164. $(document).ready(function() {
  165. $(".lightgallery").lightGallery();
  166. });
  167. </script>
  168. <script>
  169. (function(f, a, t, h, o, m){
  170. a[h]=a[h]||function(){
  171. (a[h].q=a[h].q||[]).push(arguments)
  172. };
  173. o=f.createElement('script'),
  174. m=f.getElementsByTagName('script')[0];
  175. o.async=1; o.src=t; o.id='fathom-script';
  176. m.parentNode.insertBefore(o,m)
  177. })(document, window, '//stats.xythobuz.de/tracker.js', 'fathom');
  178. fathom('set', 'siteId', 'APYRK');
  179. fathom('trackPageview');
  180. </script>
  181. </body>
  182. </html>