forked from cryptoaarhus.dk/website
215 lines
7.3 KiB
HTML
215 lines
7.3 KiB
HTML
{% assign title = 'title_' | append: page.language %}
|
|
|
|
{% assign menu_tagline = 'menu_tagline_' | append: page.language %}
|
|
{% assign menu_item_1 = 'menu_item_1_' | append: page.language %}
|
|
{% assign menu_item_2 = 'menu_item_2_' | append: page.language %}
|
|
{% assign menu_item_3 = 'menu_item_3_' | append: page.language %}
|
|
|
|
{% assign section_events_title = 'section_events_title_' | append: page.language %}
|
|
{% assign section_events_time = 'section_events_time_' | append: page.language %}
|
|
|
|
{% assign section_where_title = 'section_where_title_' | append: page.language %}
|
|
{% assign section_where_address = 'section_where_address_' | append: page.language %}
|
|
|
|
{% capture section_who %}{% include who_{{page.language}}.md %}{% endcapture %}
|
|
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{{ site.data.strings[title] }}</title>
|
|
<link rel="stylesheet" href="/assets/css/cryptohagen.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-static-top navbar-fixed-top cryptohagen-navbar">
|
|
<div class="navbar-brand pull-xs-right">
|
|
{{ site.data.strings[menu_tagline] }}
|
|
</div>
|
|
<a class="navbar-brand" href="/">
|
|
Cryptoaarhus
|
|
</a>
|
|
<ul class="nav navbar-nav">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#">{{ site.data.strings[menu_item_1] }}</a>
|
|
</li>
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#when">{{ site.data.strings[menu_item_2] }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#where">{{ site.data.strings[menu_item_3] }}</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#links">Links</a>
|
|
</li>
|
|
<li>
|
|
{% if page.language == 'da' %}
|
|
<a href="index_en.html" alt="English">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="24" height="12" style="margin: 13px 0 0 13px;">
|
|
<clipPath id="t">
|
|
<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
|
|
</clipPath>
|
|
<path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
|
|
<path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
|
|
<path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
|
|
<path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
|
|
<path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
|
|
</svg>
|
|
</a>
|
|
{% else %}
|
|
<a href="index.html" alt="Danish">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="18" viewBox="1 1 37 28" style="margin: 10px 0 0 13px;">
|
|
<rect width="40" height="30" fill="#C60C30"/>
|
|
<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>
|
|
</svg>
|
|
</a>
|
|
{% endif %}
|
|
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<section id="logo">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
<img src="assets/logo/logo.png" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="intro">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8">
|
|
{{ section_who | markdownify }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="when">
|
|
<div class="container">
|
|
<h1>{{ site.data.strings[section_events_title] }}</h1>
|
|
<hr>
|
|
|
|
<div class="card-columns">
|
|
|
|
{% for event in site.data.events %}
|
|
<div class="card card-inverse {% if event.current %}card-primary{% else %}card-info{% endif %}">
|
|
<div class="card-block">
|
|
<h4 class="card-title">
|
|
{% if page.language == "en" %}
|
|
{{ event.english_title }}
|
|
{% else %}
|
|
{{ event.danish_title }}
|
|
{% endif %}
|
|
</h4>
|
|
<p class="card-text">
|
|
{% if page.language == "en" %}
|
|
{{ event.english_text }}
|
|
{% else %}
|
|
{{ event.danish_text }}
|
|
{% endif %}
|
|
</p>
|
|
<p class="card-text">
|
|
<strong>{{ site.data.strings[section_events_time] }}</strong><br />
|
|
{{ event.time }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="where">
|
|
<div class="container">
|
|
|
|
<h1>{{ site.data.strings[section_where_title] }}</h1>
|
|
<hr>
|
|
|
|
<div id="Map" style="height:250px"></div>
|
|
<script src="/assets/openlayers/ol.js" type="text/javascript"></script>
|
|
<link rel="stylesheet" href="/assets/openlayers/ol.css">
|
|
<script>
|
|
var lat = 56.158432;
|
|
var lon = 10.206393;
|
|
var zoom = 18;
|
|
var position = ol.proj.fromLonLat([lon, lat]);
|
|
var positionFeature = new ol.Feature({
|
|
type: 'geoMarker',
|
|
geometry: new ol.geom.Point(position)
|
|
});
|
|
|
|
var map = new ol.Map({
|
|
target: 'Map',
|
|
layers: [
|
|
new ol.layer.Tile({
|
|
source: new ol.source.OSM()
|
|
}),
|
|
new ol.layer.Vector({
|
|
source: new ol.source.Vector({
|
|
features: [positionFeature]
|
|
}),
|
|
style: new ol.style.Style({
|
|
image: new ol.style.Circle({
|
|
fill: new ol.style.Fill({
|
|
color: 'rgba(255,0,0,0.8)'
|
|
}),
|
|
radius: 10
|
|
})
|
|
})
|
|
})
|
|
],
|
|
view: new ol.View({
|
|
center: position,
|
|
zoom: zoom
|
|
}),
|
|
interactions: [], // No dragging or other funny biz
|
|
});
|
|
</script>
|
|
|
|
<p>
|
|
<address>
|
|
<strong>{{ site.data.strings[section_where_address] }}</strong><br />
|
|
<a href="https://www.fairbar.dk/">Fairbar</a><br />
|
|
Klostertorvet 6<br />
|
|
8000 Aarhus C
|
|
</address>
|
|
</p>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="links">
|
|
<div class="container">
|
|
|
|
<h1>Links:</h1>
|
|
<hr>
|
|
|
|
<ul>
|
|
{% for link in site.data.links %}
|
|
<li>
|
|
<a href="{{ link.url }}">{{ link.name }}</a>
|
|
{% if link.desc %}: {{ link.desc}}{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<small>Generously hosted by <a href="https://data.coop">data.coop <img src="assets/logo/DataCoop_Logo.png"/></a> | <a href="https://git.data.coop/cryptoaarhus.dk/website">Source code</a> | Site built: {{ "now" | date: "%Y-%m-%d %H:%M" }} UTC | Jekyll {{ jekyll.version }}</small>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|