-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
94 lines (88 loc) · 3.04 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TOME</title>
<link href='https://fonts.googleapis.com/css?family=Righteous|Anonymous+Pro:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<script src="https://npmcdn.com/isotope-layout@3.0/dist/isotope.pkgd.min.js"></script>
<!-- <script src='client.js'></script> -->
<script type="text/javascript" src="main.js"></script>
<script type="text/javascript" src="app.js"></script>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<h1>TOME</h1>
<div class="menu">
<a href="#" class="button" id="new-book">New Spellbook</a>
<a href="#" class="button" id="load-book">Load Spellbook</a>
</div>
<div class="books">
<!-- <ul>
<li>My Tome</li>
<li>Spells!</li>
<li>Necronomicon</li>
<li>Dank Ass Spells</li>
</ul> -->
</div>
<form class="new-book-input">
<input type="text"></input>
</form>
<nav class="classes">
<!-- will be filled in by Handlebars -->
</nav>
<nav class="levels">
<a class="button" href="#">0</a>
<a class="button" href="#">1</a>
<a class="button" href="#">2</a>
<a class="button" href="#">3</a>
<a class="button" href="#">4</a>
<a class="button" href="#">5</a>
<a class="button" href="#">6</a>
<a class="button" href="#">7</a>
<a class="button" href="#">8</a>
<a class="button" href="#">9</a>
</nav>
</header>
<div class="spells">
<!-- will be filled in by Handlebars -->
</div>
<!-- Individual Spell Div Starts Here -->
<script id="spell-template" type="text/x-handlebars-template">
{{#each spells}}
<div class="spell {{this.level}} {{#list this.classes}}{{/list}}">
<h2 class="spell-header">
<span class="spell-header-name">{{@key}}</span>
<span class="spell-header-lvl">{{this.level}}</span>
</h2>
<div class="spell-description">
<div class="spell-description-school">{{this.school}}</div>
<p>{{this.description}}</p>
<ul class="spell-description-attributes">
<li><strong>Casting Time: </strong>{{this.casting_time}}</li>
<li><strong>Range: </strong>{{this.range}}</li>
<li><strong>Duration: </strong>{{this.duration}}</li>
<li><strong>Components: </strong>{{this.components}}</li>
</ul>
</div>
</div>
{{/each}}
</script>
<!-- class nav bar template-->
<script id="class-template" type="text/x-handlebars-template">
{{#each classes}}
<a class="button" href="#">{{@key}}</a>
{{/each}}
</script>
<!-- book list template -->
<script id="book-list-template" type="text/x-handlebars-template">
<ul>
{{#each this}}
<li>{{name}}</li>
{{/each}}
</ul>
</script>
</body>
</html>