Arena-Manager/iframe.sandbox.settings.html at main · AlgorithmicGames/Arena-Manager · 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
58
59
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Settings</title>
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-TJFMG29186"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-TJFMG29186');</script>
		<meta content="width=device-width, initial-scale=1.0" name="viewport">
		<meta content="yes" name="mobile-web-app-capable">
		<script src="https://cdn.jsdelivr.net/npm/jsoneditor@9.10.2/dist/jsoneditor.min.js"></script>
		<link href="https://cdn.jsdelivr.net/npm/jsoneditor@9.10.2/dist/jsoneditor.min.css" rel="stylesheet">
		<link rel="stylesheet" href="https://algorithmic.games/defaults.css">
		<style>
			:root {
				--margin-length: 8px;
			}
			body {
				margin: 0;
			}
			fieldset {
				border-color: var(--main-color);
			}
			fieldset>div>label:first-child {
				margin-right: var(--margin-length);
			}
			.setting-wrapper {
				display: flex;
			}
			.comment {
				margin-left: var(--margin-length);
			}
			.comment>.icon::after {
				content: '🛈';
			}
			.comment>.message {
				display: none;
				position: absolute;
				background-color: var(--transparency);
				border: var(--window-border);
			}
			.comment:hover>.message {
				display: unset;
			}
			.radio-set>label {
				text-align: left;
				margin-left: 2px;
			}
			.radio-set {
				display: grid;
				direction: rtl;
				width: min-content;
				grid-template-columns: auto auto;
			}
		</style>
		<script src="iframe.sandbox.settings.js"></script>
	</head>
	<body onload="a()">
		<form id="settings"></form>
	</body>
</html>