Blog-style website for karathan using the self-made Stellar Theme powered by HTML5Up http://blog.karathan.at

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <!DOCTYPE HTML>
  2. <!--
  3. Stellar by HTML5 UP
  4. html5up.net | @ajlkn
  5. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  6. -->
  7. <html>
  8. <head>
  9. <title>{{site_title}}</title>
  10. <meta charset="utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
  12. <link rel="stylesheet" href="{{ theme_url }}/assets/css/main.css" />
  13. <noscript><link rel="stylesheet" href="{{ theme_url }}/assets/css/noscript.css" /></noscript>
  14. </head>
  15. <body class="is-preload">
  16. <!-- Wrapper -->
  17. <div id="wrapper">
  18. <!-- Header -->
  19. <header id="header" class="alt">
  20. <span class="logo"><img src="{{ theme_url }}/images/logo.svg" alt="" /></span>
  21. <h1>{{site_title}} | {{current_page.title}}</h1>
  22. <p>{{random(pages._meta.meta.Slogans)}}
  23. </p>
  24. </header>
  25. <nav id="nav">
  26. <ul>
  27. <li><a href="{{pages.index|link}}">Startseite</a></li>
  28. <li><a href="{{"literature"|link}}">Literatur</a></li>
  29. <li><a href="{{"gamedesign"|link}}">Game Design</a></li>
  30. <li><a href="{{"programming"|link}}">Programmierung</a></li>
  31. </ul>
  32. </nav>
  33. <!-- Main -->
  34. <div id="main">
  35. <!-- Content -->
  36. <section id="content" class="main">
  37. {% if current_page.meta.Image %}
  38. <span class="image main"><img src="{{ theme_url }}/images/{{current_page.meta.Image}}" alt="" /></span>
  39. {% endif %}
  40. <header class="major">
  41. <h2>{{current_page.title}}</h2>
  42. </header>
  43. <p>{{current_page.id|content}}</p>
  44. </section>
  45. </div>
  46. <!-- Footer -->
  47. <footer id="footer">
  48. <section>
  49. {% if pages._meta.meta.FooterTitle and pages._meta.meta.FooterText %}
  50. <h2>{{pages._meta.meta.FooterTitle}}</h2>
  51. <p>{{pages._meta.meta.FooterText}}</p>
  52. {% endif %}
  53. <ul class="actions">
  54. <li><a href="" class="button" onclick="topFunction()"><span class="icon fa-angle-up"></span></a></li>
  55. </ul>
  56. </section>
  57. <section>
  58. <h2>Kontakt</h2>
  59. <dl class="alt">
  60. {% if pages._meta.meta.AddressStreet and pages._meta.meta.AddressTown and pages._meta.meta.AddressZip and pages._meta.meta.AddressCountry %}
  61. <dt>Address</dt>
  62. <dd>{{pages._meta.meta.AddressStreet}} &bull; {{pages._meta.meta.AddressTown}}, {{pages._meta.meta.AddressZip}} &bull; {{pages._meta.meta.AddressCountry}}</dd>
  63. {% endif %}
  64. {% if pages._meta.meta.Phone %}
  65. <dt>Phone</dt>
  66. <dd>{{pages._meta.meta.Phone}}</dd>
  67. {% endif %}
  68. {% if pages._meta.meta.Email %}
  69. <dt>Email</dt>
  70. <dd><a href="mailto:{{pages._meta.meta.Email}}">{{pages._meta.meta.Email}}</a></dd>
  71. {% endif %}
  72. </dl>
  73. <ul class="icons">
  74. {% for social in pages._meta.meta.social %}
  75. <li><a href="{{social.url}}" class="icon {{social.icon}}"><span class="label">{{social.title}}</span></a></li>
  76. {% endfor %}
  77. </ul>
  78. </section>
  79. <p class="copyright">&copy; {{ pages._meta.meta.Copyright }}. Design: <a href="https://html5up.net">HTML5 UP</a>. Ported to Pico by Karathan
  80. {% if pages._meta.meta.Branch %}
  81. <br/>
  82. <span class="icon fa-code-fork"></span> {{pages._meta.meta.Branch}}
  83. {% if pages._meta.meta.Commit %}
  84. - {{pages._meta.meta.Commit}}
  85. {% endif %}
  86. {% endif %}
  87. </p>
  88. </footer>
  89. </div>
  90. <!-- Scripts -->
  91. <script src="{{ theme_url }}/assets/js/jquery.min.js"></script>
  92. <script src="{{ theme_url }}/assets/js/jquery.scrollex.min.js"></script>
  93. <script src="{{ theme_url }}/assets/js/jquery.scrolly.min.js"></script>
  94. <script src="{{ theme_url }}/assets/js/browser.min.js"></script>
  95. <script src="{{ theme_url }}/assets/js/breakpoints.min.js"></script>
  96. <script src="{{ theme_url }}/assets/js/util.js"></script>
  97. <script src="{{ theme_url }}/assets/js/main.js"></script>
  98. </body>
  99. </html>