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

generic.twig 4.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  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)}}</p>
  23. </header>
  24. <nav id="nav">
  25. <ul>
  26. <li><a href="{{pages.index|link}}">Startseite</a></li>
  27. <li><a href="{{"literature"|link}}">Literatur</a></li>
  28. <li><a href="{{"gamedesign"|link}}">Game Design</a></li>
  29. <li><a href="{{"programming"|link}}">Programmierung</a></li>
  30. </ul>
  31. </nav>
  32. <!-- Main -->
  33. <div id="main">
  34. <!-- Content -->
  35. <section id="content" class="main special">
  36. {% if current_page.meta.Image %}
  37. <span class="image main"><img src="{{ theme_url }}/images/{{current_page.meta.Image}}" alt="" /></span>
  38. {% endif %}
  39. <header class="major">
  40. <p>{{current_page.content}}</p>
  41. </header>
  42. </section>
  43. {% if current_page.tree_node.children %}
  44. {% set childPages = current_page.tree_node.children|map("page") %}
  45. {% for child in childPages|sort_by(['meta','ReleaseIndex'])|reverse if child %}
  46. {% if child.title %}
  47. <section id="content" class="main">
  48. <header class="major">
  49. <h2>{{child.title}}</h2>
  50. </header>
  51. <p>{{child.description}}</p>
  52. <ul class="actions">
  53. <li><a href="{{child.url}}" class="button">Weiterlesen</a></li>
  54. </ul>
  55. </section>
  56. {% endif %}
  57. {% endfor %}
  58. {% endif %}
  59. </div>
  60. <!-- Footer -->
  61. <footer id="footer">
  62. <section>
  63. {% if pages._meta.meta.FooterTitle and pages._meta.meta.FooterText %}
  64. <h2>{{pages._meta.meta.FooterTitle}}</h2>
  65. <p>{{pages._meta.meta.FooterText}}</p>
  66. {% endif %}
  67. <ul class="actions">
  68. <li><a href="" class="button" onclick="topFunction()"><span class="icon fa-angle-up"></span></a></li>
  69. </ul>
  70. </section>
  71. <section>
  72. <h2>Kontakt</h2>
  73. <dl class="alt">
  74. {% if pages._meta.meta.AddressStreet and pages._meta.meta.AddressTown and pages._meta.meta.AddressZip and pages._meta.meta.AddressCountry %}
  75. <dt>Address</dt>
  76. <dd>{{pages._meta.meta.AddressStreet}} &bull; {{pages._meta.meta.AddressTown}}, {{pages._meta.meta.AddressZip}} &bull; {{pages._meta.meta.AddressCountry}}</dd>
  77. {% endif %}
  78. {% if pages._meta.meta.Phone %}
  79. <dt>Phone</dt>
  80. <dd>{{pages._meta.meta.Phone}}</dd>
  81. {% endif %}
  82. {% if pages._meta.meta.Email %}
  83. <dt>Email</dt>
  84. <dd><a href="mailto:{{pages._meta.meta.Email}}">{{pages._meta.meta.Email}}</a></dd>
  85. {% endif %}
  86. </dl>
  87. <ul class="icons">
  88. {% for social in pages._meta.meta.social %}
  89. <li><a href="{{social.url}}" class="icon {{social.icon}}"><span class="label">{{social.title}}</span></a></li>
  90. {% endfor %}
  91. </ul>
  92. </section>
  93. <p class="copyright">&copy; {{ pages._meta.meta.Copyright }}. Design: <a href="https://html5up.net">HTML5 UP</a>. Ported to Pico by Karathan
  94. {% if pages._meta.meta.Branch %}
  95. <br/>
  96. <span class="icon fa-code-fork"></span> {{pages._meta.meta.Branch}}
  97. {% if pages._meta.meta.Commit %}
  98. - {{pages._meta.meta.Commit}}
  99. {% endif %}
  100. {% endif %}
  101. </p>
  102. </footer>
  103. </div>
  104. <!-- Scripts -->
  105. <script src="{{ theme_url }}/assets/js/jquery.min.js"></script>
  106. <script src="{{ theme_url }}/assets/js/jquery.scrollex.min.js"></script>
  107. <script src="{{ theme_url }}/assets/js/jquery.scrolly.min.js"></script>
  108. <script src="{{ theme_url }}/assets/js/browser.min.js"></script>
  109. <script src="{{ theme_url }}/assets/js/breakpoints.min.js"></script>
  110. <script src="{{ theme_url }}/assets/js/util.js"></script>
  111. <script src="{{ theme_url }}/assets/js/main.js"></script>
  112. </body>
  113. </html>