TibiaPal/fiend_map.html at master · ElimarCosta/TibiaPal · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
---
layout: default
title: TibiaPal.com - Fiend Map
css: <link rel="stylesheet" href="/css/main.css">
scripts: <script src="scripts/fiend.js"></script>
---
		<div>
			<!-- Fiendish Hunter Map page and all imported scripts made by kucerman (in Tibia: Lyria Zniwiarka Swiatla) 2026 -->
			<div id="fiend-hunter-how-to-use">
				<span style="color: gold"><b>How to use:</b></span><br>
				<ol id="align-left">
				<li>Select Exiva location on the map with Left or Right click</li>
				<li>Choose the Exiva output manually or by pasting the log</li>
				<li>Click 'Add Exiva Point'
				</ol>
			</div>

			<div style="display:flex;justify-content: center;">
			<div class="flex column" style="height:100%; width:85%; ">
				<div style="margin-bottom: 1rem;">
					<div style="display: grid; grid-template-columns: auto auto auto auto; gap: 2rem; justify-content: center; align-items: start;">
						<div>
							<label><b>Distance</b></label>
							<div class="button-group" id="fiend-hunter-isostat-distance" style="grid-template-rows: repeat(3, 1fr); width: 140px;">
								<button data-value="near">Near</button>
								<button data-value="far">Far</button>
								<button data-value="veryfar">Very Far</button>
							</div>
						</div>

						<div>
							<label><b>Direction</b></label>
							<div class="button-group" id="fiend-hunter-isostat-direction" style="grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); width: 200px;">
								<button data-value="north-west">North-West</button>
								<button data-value="north">North</button>
								<button data-value="north-east">North-East</button>
								<button data-value="west">West</button>
								<button disabled></button>
								<button data-value="east">East</button>
								<button data-value="south-west">South-West</button>
								<button data-value="south">South</button>
								<button data-value="south-east">South-East</button>
							</div>
						</div>

						<div style="display: flex; flex-direction: column;gap: 0.3rem;margin-top: 1.1rem;">
							<input id="fiend-hunter-input-spell" type="text" class="bestiary-input" style="width: 140px;" placeholder="(Optional) Exiva log..."/>
							<button id="fiend-hunter-button-add" class="fiend-hunter-button" disabled style="padding: 8px 16px; font-size: 14px;">Add Exiva Point</button>
							<button id="fiend-hunter-button-delete" class="fiend-hunter-button" style="padding: 8px 16px; font-size: 14px;">Delete All Points</button>
							<button id="fiend-hunter-button-fullscreen" class="fiend-hunter-button" style="padding: 8px 16px; font-size: 14px;">Fullscreen</button>
						</div>
					</div>
				</div>
			</div>
			</div>
			<div id="tibia-map"></div>
		</div>