location.html

---
layout: base
title: Location
color: "#E30613"
bg_url: "/assets/images/X.svg"
bg_position: "75vw -25vh"
---
<div class="container colored">
	<p>This year, hackathon x will be held entirely as a digital event. If possible, we will organise a get together on the evenings for those present in Karlsruhe and keep you posted.</p>

	<div id="map" class="map"></div>

    <p>hackathon x has its home base in the <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 creative platform to discuss the analogue and digital future of museums with everyone interested. Hopefully it can reopen soon, <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]
	});

	latLng = [49.009985, 8.403823];
	L.marker(latLng, {icon: myIcon})
			.addTo(map)
			.bindPopup('museum x')
			.openPopup();

	var markerBounds = L.latLngBounds([latLng]);
	map.fitBounds(markerBounds);
</script>