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.
 
 
 
 
 

190 lines
6.5 KiB

  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="intro">
  65. <div class="container">
  66. <div class="row">
  67. <div class="col-md-8">
  68. {{ section_who | markdownify }}
  69. </div>
  70. </div>
  71. </div>
  72. </section>
  73. <section id="when">
  74. <div class="container">
  75. <h1>{{ site.data.strings[section_events_title] }}</h1>
  76. <hr>
  77. <div class="card-columns">
  78. {% for event in site.data.events %}
  79. <div class="card card-inverse {% if event.current %}card-primary{% else %}card-info{% endif %}">
  80. <div class="card-block">
  81. <h4 class="card-title">
  82. {% if page.language == "en" %}
  83. {{ event.english_title }}
  84. {% else %}
  85. {{ event.danish_title }}
  86. {% endif %}
  87. </h4>
  88. <p class="card-text">
  89. {% if page.language == "en" %}
  90. {{ event.english_text }}
  91. {% else %}
  92. {{ event.danish_text }}
  93. {% endif %}
  94. </p>
  95. <p class="card-text">
  96. <strong>{{ site.data.strings[section_events_time] }}</strong><br />
  97. {{ event.time }}
  98. </p>
  99. </div>
  100. </div>
  101. {% endfor %}
  102. </div>
  103. </div>
  104. </section>
  105. <section id="where">
  106. <div class="container">
  107. <h1>{{ site.data.strings[section_where_title] }}</h1>
  108. <hr>
  109. <div id="Map" style="height:250px"></div>
  110. <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
  111. <script>
  112. var lat = 55.6886382;
  113. var lon = 12.5618443;
  114. var zoom = 18;
  115. var fromProjection = new OpenLayers.Projection("EPSG:4326"); // Transform from WGS 1984
  116. var toProjection = new OpenLayers.Projection("EPSG:900913"); // to Spherical Mercator Projection
  117. var position = new OpenLayers.LonLat(lon, lat).transform( fromProjection, toProjection);
  118. map = new OpenLayers.Map("Map");
  119. var mapnik = new OpenLayers.Layer.OSM();
  120. map.addLayer(mapnik);
  121. var markers = new OpenLayers.Layer.Markers( "Markers" );
  122. map.addLayer(markers);
  123. markers.addMarker(new OpenLayers.Marker(position));
  124. map.setCenter(position, zoom);
  125. </script>
  126. <p>
  127. <address>
  128. <strong>{{ site.data.strings[section_where_address] }}</strong><br />
  129. <a href="https://www.ms.dk/mellemrummet">Mellemrummet</a><br />
  130. Ravnsborggade 11<br />
  131. 2200 København Nørrebro
  132. </address>
  133. </p>
  134. </div>
  135. </section>
  136. <section id="links">
  137. <div class="container">
  138. <h1>Links:</h1>
  139. <hr>
  140. <ul>
  141. {% for link in site.data.links %}
  142. <li>
  143. <a href="{{ link.url }}">{{ link.name }}</a>
  144. {% if link.desc %}: {{ link.desc}}{% endif %}
  145. </li>
  146. {% endfor %}
  147. </ul>
  148. </div>
  149. </section>
  150. <footer>
  151. <div class="container">
  152. <a href="https://github.com/cryptohagen/cryptohagen.github.io" target="_blank">
  153. Add stuff or improve this stack-less website on Github
  154. </a>
  155. </div>
  156. </footer>
  157. <script src="js/bootstrap.min.js"></script>
  158. </body>
  159. </html>