204 lines
5.7 KiB
Plaintext
204 lines
5.7 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>Pforte Links</title>
|
|
<polygon
|
|
class="area"
|
|
points="276,185 387,192 379,382 287,365 284,364"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 2 -->
|
|
<a href="/building/castle" class="building">
|
|
<title>Burg</title>
|
|
<polygon
|
|
class="area"
|
|
points="777,365 865,238 969,263 1039,347 1071,419 1095,531 925,479 776,497"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 3 -->
|
|
<a href="/building/3" class="building">
|
|
<title>Himmelstor</title>
|
|
<polygon
|
|
class="area"
|
|
points="1239,261 1271,234 1300,262 1301,399 1240,404"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 4 -->
|
|
<a href="/building/4" class="building">
|
|
<title>Pforte rechts</title>
|
|
<polygon
|
|
class="area"
|
|
points="1679,404 1679,270 1696,258 1728,178 1756,175 1780,211 1803,292 1804,362 1716,417"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 5 -->
|
|
<a href="/building/5" class="building">
|
|
<title>Rumeshalle</title>
|
|
<polygon
|
|
class="area"
|
|
points="388,597 387,531 445,470 559,453 580,474 609,483 618,510 612,521 607,606"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 6 -->
|
|
<a href="/building/6" class="building">
|
|
<title>Gaststaette links</title>
|
|
<polygon
|
|
class="area"
|
|
points="350,721 286,719 245,709 242,698 198,687 195,602 246,614 270,548 320,555 367,610"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 7 -->
|
|
<a href="/building/7" class="building">
|
|
<title>Schmiede</title>
|
|
<polygon
|
|
class="area"
|
|
points="450,884 371,915 299,885 294,816 380,812 382,768 410,755 546,740 564,769 557,787 534,874"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 8 -->
|
|
<a href="/building/8" class="building">
|
|
<title>Marktplatz</title>
|
|
<polygon
|
|
class="area"
|
|
points="794,853 828,778 1023,752 1094,760 1171,784 1257,826 1272,869 1242,913 1161,943 1075,964 946,948 836,904"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 9 -->
|
|
<a href="/building/9" class="building">
|
|
<title>Gildenhaus</title>
|
|
<polygon
|
|
class="area"
|
|
points="1201,746 1204,669 1245,564 1326,565 1377,664 1373,752 1297,763"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 10 -->
|
|
<a href="/building/10" class="building">
|
|
<title>Mine</title>
|
|
<polygon
|
|
class="area"
|
|
points="1773,599 1775,573 1804,539 1830,508 1862,508 1881,482 1915,481 1933,509 1929,596 1882,612"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 11 -->
|
|
<a href="/building/11" class="building">
|
|
<title>Wohnhaus</title>
|
|
<polygon
|
|
class="area"
|
|
points="1455,655 1464,442 1481,443 1503,425 1573,416 1614,451 1617,534 1634,541 1637,609 1521,652"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 12 -->
|
|
<a href="/building/12" class="building">
|
|
<title>Schwarzmarkt</title>
|
|
<polygon
|
|
class="area"
|
|
points="1455,883 1455,837 1442,835 1460,792 1443,760 1459,743 1574,762 1660,754 1671,731 1729,731 1722,794 1714,906 1687,928 1509,902"
|
|
/>
|
|
</a>
|
|
|
|
<!-- 13 -->
|
|
<a href="/building/13" class="building">
|
|
<title>Kirche</title>
|
|
<polygon
|
|
class="area"
|
|
points="694,714 695,656 734,605 754,600 767,534 775,600 798,597 829,640 827,726 774,733"
|
|
/>
|
|
</a>
|
|
</svg>
|
|
</div>
|
|
|
|
<div id="building-popup" class="building-popup">
|
|
<div class="popup-header">
|
|
<span id="popup-title">Gebäude</span>
|
|
<span class="popup-close">✕</span>
|
|
</div>
|
|
|
|
<div class="popup-tabs">
|
|
<button class="tab active" data-tab="info">Info</button>
|
|
<button class="tab" data-tab="actions">Aktionen</button>
|
|
<button class="tab" data-tab="upgrade">Upgrade</button>
|
|
<button class="tab" data-tab="history">Geschichte</button>
|
|
</div>
|
|
|
|
<div class="popup-content">
|
|
<div class="tab-content active" id="tab-info"></div>
|
|
<div class="tab-content" id="tab-actions"></div>
|
|
<div class="tab-content" id="tab-upgrade"></div>
|
|
<div class="tab-content" id="tab-history"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="game-chat">
|
|
<div class="chat-header" id="chat-title">Globalchat</div>
|
|
|
|
<div class="chat-channels">
|
|
<button data-channel="global" class="active">Global</button>
|
|
<button data-channel="guild">Gilde</button>
|
|
<button data-channel="private">Privat</button>
|
|
</div>
|
|
|
|
<textarea id="chat-messages" readonly></textarea>
|
|
|
|
<div class="chat-input">
|
|
<input id="chat-text" placeholder="Nachricht..." />
|
|
<button id="chat-send">Senden</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/map-ui.js"></script>
|
|
<script src="/socket.io/socket.io.js"></script>
|
|
<script src="/js/chat.js"></script>
|
|
</body>
|
|
</html>
|