162 lines
3.9 KiB
Plaintext
162 lines
3.9 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Dynasty of Knights</title>
|
|
<link rel="stylesheet" href="/css/launcher.css" />
|
|
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
height: 100vh;
|
|
|
|
background: #000;
|
|
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
font-family: sans-serif;
|
|
color: white;
|
|
}
|
|
|
|
.panel {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
padding: 40px;
|
|
border-radius: 10px;
|
|
text-align: center;
|
|
width: 400px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="worldmap">
|
|
<img src="/images/dok_bg.png" class="map-image" />
|
|
<svg
|
|
viewBox="0 0 2037 1018"
|
|
width="2037"
|
|
height="1018"
|
|
class="map-overlay"
|
|
>
|
|
<!-- 1 -->
|
|
<a href="/building/1" class="building">
|
|
<title>Gebäude 1</title>
|
|
<polygon
|
|
class="area"
|
|
points="150,150 210,150 230,210 180,260 140,220"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 2 -->
|
|
<a href="/building/2" class="building">
|
|
<title>Gebäude 2</title>
|
|
<polygon
|
|
class="area"
|
|
points="260,330 310,330 330,380 300,430 240,400"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 3 -->
|
|
<a href="/building/3" class="building">
|
|
<title>Gebäude 3</title>
|
|
<polygon
|
|
class="area"
|
|
points="450,460 540,460 560,420 520,470 430,450"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 4 -->
|
|
<a href="/building/4" class="building">
|
|
<title>Gebäude 4</title>
|
|
<polygon
|
|
class="area"
|
|
points="880,230 1010,230 1050,200 1000,280 850,250"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 5 -->
|
|
<a href="/building/5" class="building">
|
|
<title>Gebäude 5</title>
|
|
<polygon
|
|
class="area"
|
|
points="1180,160 1240,160 1260,260 1200,300 1160,230"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 6 -->
|
|
<a href="/building/6" class="building">
|
|
<title>Gebäude 6</title>
|
|
<polygon
|
|
class="area"
|
|
points="1700,160 1780,160 1800,260 1740,300 1680,240"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 7 -->
|
|
<a href="/building/7" class="building">
|
|
<title>Gebäude 7</title>
|
|
<polygon
|
|
class="area"
|
|
points="680,420 720,420 740,500 690,540 640,480"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 8 -->
|
|
<a href="/building/8" class="building">
|
|
<title>Gebäude 8</title>
|
|
<polygon
|
|
class="area"
|
|
points="960,430 1040,430 1080,520 1000,560 930,520"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 9 -->
|
|
<a href="/building/9" class="building">
|
|
<title>Gebäude 9</title>
|
|
<polygon
|
|
class="area"
|
|
points="1440,360 1500,360 1520,460 1460,520 1400,460"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 10 -->
|
|
<a href="/building/10" class="building">
|
|
<title>Gebäude 10</title>
|
|
<polygon
|
|
class="area"
|
|
points="1680,420 1740,420 1760,520 1700,560 1640,520"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 11 -->
|
|
<a href="/building/11" class="building">
|
|
<title>Gebäude 11</title>
|
|
<polygon
|
|
class="area"
|
|
points="840,640 1000,640 1040,640 920,700 780,640"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 12 -->
|
|
<a href="/building/12" class="building">
|
|
<title>Gebäude 12</title>
|
|
<polygon
|
|
class="area"
|
|
points="380,660 430,660 460,720 420,760 360,720"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 13 -->
|
|
<a href="/building/13" class="building">
|
|
<title>Gebäude 13</title>
|
|
<polygon
|
|
class="area"
|
|
points="1420,650 1500,650 1530,720 1470,780 1380,720"
|
|
/>
|
|
</a>
|
|
</svg>
|
|
</div>
|
|
</body>
|
|
</html>
|