-
Notifications
You must be signed in to change notification settings - Fork 0
/
characters.html
92 lines (81 loc) · 3.88 KB
/
characters.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
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Name -->
<title>Dread Hunters - Characters</title>
<!-- References -->
<script src="js/data_manager.js"></script>
<script src="js/text_parser.js"></script>
<script src="js/sessions.js"></script>
<script src="js/characters.js"></script>
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet"/>
<link href="css/General.css" rel="stylesheet" />
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<template id="groupTemplate">
<div class="p-2 w-50">
<h5 id="groupName" class="text-center">Group</h5>
<div id="characterList" class="list-group">
<!-- Buttons are dynamically added here -->
</div>
</div>
</template>
<!-- Header -->
<div class="container-fluid border border-bottom-0">
<nav class="navbar navbar-expand-sm">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Calendar</a>
</li>
<li class="nav-item">
<a class="nav-link" href="archive.html">Archive</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">Characters</a>
</li>
<li class="nav-item">
<a class="nav-link" href="locations.html">Locations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="fears.html">Fears</a>
</li>
</ul>
</nav>
</div>
<!-- Content -->
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 border p-2">
<div id="groupsList" class="d-flex flex-wrap">
<!-- Groups are dynamically added here -->
</div>
</div>
<div class="col border border-start-0 p-2">
<div class="container-fluid">
<h2 id="name-text">Elkan Tor</h2>
<p id="race-text" class="m-0">Race: Test</p>
<p id="age-text" class="m-0">Age: Test</p>
<p id="status-text" class="m-0">Status: Test</p>
<p id="connections-text">Connections: Test</p>
<p id="description-text">The Fool of Blackwood Keep, or The Fool, is a powerful avatar of The Stranger who goes by no other name. The Fool is a wooden mannequin who has no living organs or body parts of their own, but instead prefers to take pieces from other people. They can often be found with eyeballs smashed onto their face and skin glued carefully onto their own wood, which can look quite convincing until it begins to decay. Claiming to be the court jester for the last king of Blackwood, The Fool shows this by preferring to toy with victims until he gets bored, which is when he finishes them off. They are usually extremely and unsettlingly jovial and energetic, except for small bursts of emotion that escape in the middle of sentences.</p>
<div id="findingsList">
<!-- Findings are dynamically added here -->
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
</body>
</html>