location.html

---
layout: base
title: Location
color: "#E30613"
bg_url: "/assets/images/X.svg"
bg_position: "75vw -25vh"
---
<div class="container colored">
	<div id="map" class="map"></div>

    <p>hackathon x takes place in the recently opened <a href="https://www.landesmuseum.de/creative/museum-x" target="_blank" rel="noopener">museum x</a> of the Badisches Landesmuseum. As an open space it serves as a platform to discuss the analogue and digital future of museums with all who are interested - the perfect place for a hackathon! <a href="https://hackathonx.de/museumx.pdf">Click here for more information about the museum x.</a></p>

	<h3 class="accent-tc">Address</h3>
	<address>
        Museum beim Markt <br>
		Karl-Friedrich-Str. 6 <br>
		76133 Karlsruhe <br>
        Germany
	</address>

	<h3 class="accent-tc">Getting there</h3>
	<p>Take a tram to the station "Marktplatz". The museum x is only a couple of meters away from there. Tram schedules can be found <a href="https://www.kvv.de/en/plan-trip/journey-planner.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/x-logo.png',
		iconSize: [32, 32],
		popupAnchor: [0, -20]
	});

L.marker([49.009985, 8.403823], {icon: myIcon})
		.addTo(map)
		.bindPopup('museum x')
		.openPopup();
</script>