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

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