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.

base.html 7.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. {% assign title = 'title_' | append: page.language %}
  2. {% assign menu_tagline = 'menu_tagline_' | append: page.language %}
  3. {% assign menu_item_1 = 'menu_item_1_' | append: page.language %}
  4. {% assign menu_item_2 = 'menu_item_2_' | append: page.language %}
  5. {% assign menu_item_3 = 'menu_item_3_' | append: page.language %}
  6. {% assign section_events_title = 'section_events_title_' | append: page.language %}
  7. {% assign section_events_time = 'section_events_time_' | append: page.language %}
  8. {% assign section_where_title = 'section_where_title_' | append: page.language %}
  9. {% assign section_where_address = 'section_where_address_' | append: page.language %}
  10. {% capture section_who %}{% include who_{{page.language}}.md %}{% endcapture %}
  11. <!DOCTYPE html>
  12. <html>
  13. <head>
  14. <meta charset="utf-8">
  15. <title>{{ site.data.strings[title] }}</title>
  16. <link rel="stylesheet" href="/assets/css/cryptohagen.css" />
  17. </head>
  18. <body>
  19. <nav class="navbar navbar-static-top navbar-fixed-top cryptohagen-navbar">
  20. <div class="navbar-brand pull-xs-right">
  21. {{ site.data.strings[menu_tagline] }}
  22. </div>
  23. <a class="navbar-brand" href="/">
  24. Cryptohagen
  25. </a>
  26. <ul class="nav navbar-nav">
  27. <li class="nav-item active">
  28. <a class="nav-link" href="#">{{ site.data.strings[menu_item_1] }}</a>
  29. </li>
  30. <li class="nav-item active">
  31. <a class="nav-link" href="#when">{{ site.data.strings[menu_item_2] }}</a>
  32. </li>
  33. <li class="nav-item">
  34. <a class="nav-link" href="#where">{{ site.data.strings[menu_item_3] }}</a>
  35. </li>
  36. <li class="nav-item">
  37. <a class="nav-link" href="#links">Links</a>
  38. </li>
  39. <li>
  40. {% if page.language == 'da' %}
  41. <a href="index_en.html" alt="English">
  42. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="24" height="12" style="margin: 13px 0 0 13px;">
  43. <clipPath id="t">
  44. <path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
  45. </clipPath>
  46. <path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
  47. <path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
  48. <path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
  49. <path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
  50. <path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
  51. </svg>
  52. </a>
  53. {% else %}
  54. <a href="index.html" alt="Danish">
  55. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="1 1 37 28" style="margin: 10px 0 0 13px;">
  56. <rect width="40" height="30" fill="#C60C30"/>
  57. <g stroke="#fff" stroke-width="4"><line x1="15" y1="0" x2="15" y2="30"/><line x1="0" y1="15" x2="40" y2="15"/></g>
  58. </svg>
  59. </a>
  60. {% endif %}
  61. </li>
  62. </ul>
  63. </nav>
  64. <section id="logo">
  65. <div class="container">
  66. <div class="row">
  67. <div class="col-md-8">
  68. <img src="assets/logo/logo.png" />
  69. </div>
  70. </div>
  71. </div>
  72. </section>
  73. <section id="intro">
  74. <div class="container">
  75. <div class="row">
  76. <div class="col-md-8">
  77. {{ section_who | markdownify }}
  78. </div>
  79. </div>
  80. </div>
  81. </section>
  82. <section id="when">
  83. <div class="container">
  84. <h1>{{ site.data.strings[section_events_title] }}</h1>
  85. <hr>
  86. <div class="card-columns">
  87. {% for event in site.data.events %}
  88. <div class="card card-inverse {% if event.current %}card-primary{% else %}card-info{% endif %}">
  89. <div class="card-block">
  90. <h4 class="card-title">
  91. {% if page.language == "en" %}
  92. {{ event.english_title }}
  93. {% else %}
  94. {{ event.danish_title }}
  95. {% endif %}
  96. </h4>
  97. <p class="card-text">
  98. {% if page.language == "en" %}
  99. {{ event.english_text }}
  100. {% else %}
  101. {{ event.danish_text }}
  102. {% endif %}
  103. </p>
  104. <p class="card-text">
  105. <strong>{{ site.data.strings[section_events_time] }}</strong><br />
  106. {{ event.time }}
  107. </p>
  108. </div>
  109. </div>
  110. {% endfor %}
  111. </div>
  112. </div>
  113. </section>
  114. <section id="where">
  115. <div class="container">
  116. <h1>{{ site.data.strings[section_where_title] }}</h1>
  117. <hr>
  118. <div id="Map" style="height:250px"></div>
  119. <script src="/assets/openlayers/ol.js" type="text/javascript"></script>
  120. <link rel="stylesheet" href="/assets/openlayers/ol.css">
  121. <script>
  122. var lat = 55.6886382;
  123. var lon = 12.5618443;
  124. var zoom = 18;
  125. var position = ol.proj.fromLonLat([lon, lat]);
  126. var positionFeature = new ol.Feature({
  127. type: 'geoMarker',
  128. geometry: new ol.geom.Point(position)
  129. });
  130. var map = new ol.Map({
  131. target: 'Map',
  132. layers: [
  133. new ol.layer.Tile({
  134. source: new ol.source.OSM()
  135. }),
  136. new ol.layer.Vector({
  137. source: new ol.source.Vector({
  138. features: [positionFeature]
  139. }),
  140. style: new ol.style.Style({
  141. image: new ol.style.Circle({
  142. fill: new ol.style.Fill({
  143. color: 'rgba(255,0,0,0.8)'
  144. }),
  145. radius: 10
  146. })
  147. })
  148. })
  149. ],
  150. view: new ol.View({
  151. center: position,
  152. zoom: zoom
  153. }),
  154. interactions: [], // No dragging or other funny biz
  155. });
  156. </script>
  157. <p>
  158. <address>
  159. <strong>{{ site.data.strings[section_where_address] }}</strong><br />
  160. <a href="https://www.ms.dk/mellemrummet">Cafe Mellemrummet</a><br />
  161. Ravnsborggade 11<br />
  162. 2200 København Nørrebro
  163. </address>
  164. </p>
  165. </div>
  166. </section>
  167. <section id="links">
  168. <div class="container">
  169. <h1>Links:</h1>
  170. <hr>
  171. <ul>
  172. {% for link in site.data.links %}
  173. <li>
  174. <a href="{{ link.url }}">{{ link.name }}</a>
  175. {% if link.desc %}: {{ link.desc}}{% endif %}
  176. </li>
  177. {% endfor %}
  178. </ul>
  179. </div>
  180. </section>
  181. <footer>
  182. <div class="container">
  183. <small>Generously hosted by <a href="https://data.coop">data.coop</a> | <a href="https://git.data.coop/cryptohagen.dk/website">Source code</a> | Site built: {{ "now" | date: "%Y-%m-%d %H:%M" }} UTC | Jekyll {{ jekyll.version }}</small>
  184. </div>
  185. </footer>
  186. </body>
  187. </html>