78 lines
3.3 KiB
HTML
78 lines
3.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="dk">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
|
||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap" rel="stylesheet">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="../css/map.css?v=2">
|
||
|
|
<link rel="stylesheet" href="../css/image.css">
|
||
|
|
<link rel="stylesheet" href="../css/font.css">
|
||
|
|
|
||
|
|
<link rel="icon" type="image/svg" href="../images/SdeHandLogo.svg"/>
|
||
|
|
|
||
|
|
<title>SDE Risingsvej 60 Odense</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<mapIndex id="mapIndex" value="1">
|
||
|
|
|
||
|
|
<script src="../js/userlocation.js"></script>
|
||
|
|
<script src="../js/ElementControl.js"></script>
|
||
|
|
<script src="../js/image.js"></script>
|
||
|
|
|
||
|
|
<div class="map-choice-wrapper">
|
||
|
|
<div class="map-choice">
|
||
|
|
<button id="choiceButton">Hvor vil du hen?</button>
|
||
|
|
<button id="kortButton">Vis Kort</button>
|
||
|
|
</div>
|
||
|
|
<img style="background-color: #00788A; padding: 10px; border-radius: 15px; position: absolute; align-self: flex-end; bottom: 25%; width: 60%;" src="../images/InfoIcons.svg">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="area-choice-container">
|
||
|
|
<div class="area-choice">
|
||
|
|
<h1 class="text-white" id="ChooseArea">Vælg område</h1>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="AreaListContainer" class="area-list-container">
|
||
|
|
<form class="area-list text-white" id="area-main-choice">
|
||
|
|
<h2 class="choice-title">Fagretning</h2>
|
||
|
|
<button choice="test" id="a" type="button">Test og Test</button>
|
||
|
|
|
||
|
|
<h2 class="choice-title">Andet</h2>
|
||
|
|
<button areaLocation="TE3">test 3</button>
|
||
|
|
|
||
|
|
<h2 class="choice-title" name="EventButtons">Event</h2>
|
||
|
|
<button areaLocation="eventarea" name="EventButtons">Åbenthus</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<form style="display: none;" class="area-list text-white" id="test">
|
||
|
|
<h2 class="choice-title">Test</h2>
|
||
|
|
<button areaLocation="TE1">test 1</button>
|
||
|
|
<button areaLocation="TE2">test 2</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<img style="position: relative; left: 20%; bottom: 25%; width: 60%;" src="../images/InfoIcons.svg">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<button onclick="ChangePage('../index.html')" class="backbtn">Tilbage</button>
|
||
|
|
<button onclick=" LoadAreaChoiceButtons(); LoadButtonAreas(); ToggleElement('area-choice-container'); CloseElement('map-choice-wrapper');" class="backbtn">Vælg område</button>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<div id = "main" style="z-index: 2;" class="wrapper">
|
||
|
|
<img src="../images/maps/risingsvej.svg" id="School" style="position: absolute; top:0px;left:0px; width: 808px; height: auto;">
|
||
|
|
<img src="../images/sdelogo.svg" id ="logo" style="position: absolute; top: 20px; left: 20px; width: 150px; height: auto;">
|
||
|
|
<div class="areas">
|
||
|
|
<div class="area" id="MU1" style="width: 150px; height: 140px; top: 170px; left: 155px; transform: rotate(2deg);" ></div>
|
||
|
|
|
||
|
|
<img ondragstart="return false" src="../images/bruger.svg" id="bruger" style="position:absolute;width:' + 0 + 'px;height:' + 0 + 'px;top:' + 0 + 'px;left:' + 0 + 'px; visibility: hidden;">
|
||
|
|
</div>
|
||
|
|
<canvas style="position: absolute; height: auto; width: auto;" class="canvas"></canvas>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|