dnd-dice/init.html at master · rgbstudios/dnd-dice · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="title=" content="D&D Initiative Tracker">
	<meta name="robots" content="index, follow">
	<meta name="description" content="Use D&D Initiative Tracker to easily track initative for D&D games">
	<meta name="keywords" content="dnd, d&d, initiative, tracker, initiative tracer, d&d initiative, dnd initiative">

	<meta name="theme-color" content="#339">
	<meta name="msapplication-navbutton-color" content="#339">
	<meta name="apple-mobile-web-app-status-bar-style" content="#339">
	<link rel="manifest" href="manifest.webmanifest">

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">

	<link rel="stylesheet" type="text/css" href="styles/common.css">
	<link rel="stylesheet" type="text/css" href="styles/init-styles.css">
	<link rel="stylesheet" type="text/css" href="styles/side-nav.css">
	<link id="nightTheme" rel="stylesheet" type="text/css" href="">

	<script>
	//https://codelabs.developers.google.com/codelabs/add-to-home-screen/#5
	if('serviceWorker' in navigator) {
		navigator.serviceWorker.register('service-worker.js')
			.then(function(reg){
				console.log("Service worker successfully registered");
		}).catch(function(err) {
				console.log("Service worker registration failed: ", err);
		});
	}
	</script>

	<link rel="icon" href="img/d20.png" type="image/png">

	<title>D&D Initiative Tracker</title>

	<script src="scripts/common.js"></script>
	<script src="scripts/init-scripts.js"></script>

	<!-- sharethis -->
	<script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5b864aad7b4f100011fe46e7&product=inline-share-buttons' async='async'></script>

</head>
<body>


<div class="sticky-top">

<button id="menuButton" onclick="openNav()"><i class="fas fa-bars"></i></button>
<div id="sideNav">
	<a href="#" class="closebtn" onclick="closeNav()">&times;</a>
	<a href="index.html"><img src="img/d20-white.svg" width="32px"> Dice Roller</a>
	<a href="char.html"><img src="img/d6-white.svg" width="32px"> Character Roller</a>
	<a href="spell.html"><img src="img/d8-white.svg" width="32px"> Spell Searcher</a>

</div>

<!-- TODO: remove -->
<h1 class="text-danger"><u>WORK IN PROGRESS</u></h1>

<h3 class="text-center">D&D Initiative <img id="titleImg" src="img/d20.svg" width="32px"> Tracker</h3>

<button id="nightButton" class="btn btn-default">
	Night Theme <i class="fas fa-moon"></i>
</button>

<br><br>

<button id="rollAllButton" title="Roll all charcters" class="btn btn-sm btn-primary"><i class="fas fa-dice"></i> Roll All</button>
<button id="clearAllButton" title="Clear all roll results and total results" class="btn btn-sm btn-default"><i class="fas fa-eraser"></i> Clear All</button>
<button id="deleteAllButton" title="Delete all Characters" class="btn btn-sm btn-danger"><i class="fas fa-trash"></i> Delete All</button>
<button id="newCharButton" title="Create new charcter" class="btn btn-sm btn-success"><i class="fas fa-plus"></i> New Character</button>
<hr>
</div>

<div id="charsDiv">
	<div class="charDiv">
		<button onclick="$(this).parent().remove();" class="btn btn-sm btn-danger delete-char-button"><i class="fas fa-times"></i> Remove</button>
		Character Name: <input type="text" class="form-control input-sm char-name-input" value="Character 1">
		Initiative Bonus <input type="number" class="form-control input-sm init-bonus-input" value="0">
		<br><br>
		<button onclick="rollChar($(this) )" class="btn btn-sm btn-primary roll-char-button"><i class="fas fa-dice"></i> Roll</button>
		Roll Result: <input type="number" class="form-control input-sm roll-result-output" value="">
		Total Result: <input disabled type="number" class="form-control input-sm total-result-output" value="">
	</div>
</div>

<hr>
<div class="form-group">
	<label for="resultSelect"><button id="reloadResultsButton" class="btn btn-sm btn-default"><i class="fas fa-sync-alt"></i> Reload</button> Characters by Initiative:</label>
	<select multiple class="form-control" id="resultSelect"></select>
</div>

<div class="sharethis-inline-share-buttons"></div>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-104632692-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'UA-104632692-3');
</script>

</body>
</html>