location.html

---
layout: base
title: Location
color: "#00ff00"
bg_url: "/assets/images/shapes/Form1_grün_transparent.svg"
bg_position: "75vw -25vh"
---
<div class="container colored">
	<div id="map" class="map"></div>

	<p>The hackathon is held in the <a href="https://zkm.de/en" target="_blank" rel="noopener">ZKM museum</a>. The ZKM is a locally known media museum.</p>

	<h3 class="accent-tc">Address</h3>
	<address>
		ZKM | Center for Art and Media<br>
		Lorenzstraße 19<br>
		76137 Karlsruhe<br>
		Germany
	</address>

	<h3 class="accent-tc">Getting there</h3>
	<p>Tram no. 2 goes from the main station to the ZKM. Get out at "Karlsruhe ZKM" or "Karlsruhe Arbeitsagentur", both are just a few minutes away from the hackathon. Schedules can be found <a href="/schedule.html">here</a>.</p>
</div>

<link rel="stylesheet" type="text/css" href="/assets/css/leaflet.css">
<script src="/assets/js/leaflet.js"></script>
<script>
	var map = L.map('map').setView([49.00074, 8.3835], 13);
	L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
		attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
	}).addTo(map);
    
	var myIcon = L.icon({
		iconUrl: '/assets/images/marker.png',
		iconSize: [64, 64],
		iconAnchor: [32, 64],
		popupAnchor: [0, -64]
	});

	L.marker([49.00074, 8.3835], {icon: myIcon})
		.addTo(map)
		.bindPopup('Our Venue: The ZKM')
		.openPopup();
</script>