-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (69 loc) · 5.46 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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='description' content='track turns'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' href='styles.css'>
<script src='main.js'></script>
<script src="https://kit.fontawesome.com/694edf2d68.js" crossorigin="anonymous"></script>
<title>reCap</title>
</head>
<body>
<main>
<h1>reCap</h1>
<div id='encounters-container'>
<!-- Encounters are added programmatically here. -->
</div>
<details>
<summary><h3>Usage:</h3></summary>
<p>reCap is a place to track events in a Savage Worlds campaign so that each session you can easily recall what happened in the previous sessions. To that end, a player or DM can create new events of either Encounter or Plot types, and the timeline of events will be automatically be saved in the browsers local storage.</p>
<blockquote>Note: Local storage is typically cleared if you clear 'browsing history' in your browser.</blockquote>
<h4>Plot Points</h4>
<ul>
<li>Plot point events off just a plain, no frills, free form text area in which to record any information you think is important to remember.</li>
<li>Just click on the example text and you will be able to edit.</li>
</ul>
<h4>Encounters</h4>
<ul>
<li>Encounter events are made for tracking turns in combat (or other encounters that use turns).</li>
<li>Click the Encounter Name input to give the encounter a name (e.g. "The Colosseum"). Also in the title bar you can delete the encounter, minimize it, or see extended options like changing the color of the encounter title.</li>
<li>Within the Encounter characters can be added. See the Character section below.</li>>
<li>More Encounters can be created using the same New Encounter button.</li>
</ul>
<h4>Characters</h4>
<ul>
<li>Within an Encounter you can track the turns of individual characters. Add more characters with the "+" button within an Encounter.</li>
<li>Similar to Encounters, Characters can be named, minimized, and removed. Further options are viewable in the "..." button.</li>
<li>Click a cell in a Characters table to add an action/effect. Three inputs: turn duration (number), effect name (alpha-numeric), cell color (colorpicker).</li>
<li>Increase the duration (in Turns), or remove the effect by reducing duration to zero.</li>
<li>Choose a color that works with your preferred scheme. Maybe 'green' indicates acid effects, 'red' is for fire, etc. Or based on source of effect, assigning a color to specific characters.</li>
<li>Either create a new row for every effect/action, or reuse rows, space-allowing.</li>
<li>Effects cannot be expanded into existing effects.</li>
<li>The cells in the header row update to a yellow color to indicate the current turn. It updates automatically to the corresponding column when an Effect is added, but can also be changed by clicking on the desired cell. It is matched for every character within the same Encounter.</li>
<li>There is an option to link the scroll position across Character tables within the same Encounter, toggled in the Options of the Encounter title bar.</li>
</ul>
<h4>General</h4>
<ul>
<li>All data is saved in your browser's local storage, which can be cleared when clearing browsing history/clearing cookies/etc.</li>
<li>Browsers support varying levels of local storage space, which can be further modified by users...the "standard" is to allow 5 MB of space, so that is what is assumed here. I am not sure what will happen if the space is exceeded...</li>
<li>To export all of the data on the page, click Download as JSON in the footer.</li>
<li>That same file can be reimported back into the site using the Import JSON link in the footer. In this way, you could swap between different game parties.</li>
<li>To clear your local storage and reset the site, use the Clear localStorage link in the footer.</li>
</ul>
</details>
</main>
<footer>
<ul>
<li>reCap by Gazook89</li>
<li>©2021</li>
<li><a title='Go to License' href='https://github.com/Gazook89/reCap/blob/main/LICENSE'>GPL-3.0 License</a></li>
<li><a title='Github' href='https://github.com/Gazook89/reCap'>GitHub</a></li>
<li><a title='Donate via Ko-fi' href='https://ko-fi.com/johnj'>Donate</a></li>
<li><a id='download-storage-link' title='Download storage as JSON' href='#'>Download as JSON</a></li>
<li><label>Import JSON<input type='file' id='json-file' accept='.json' onchange='importJSON(this)' style='display:none;' /></label></li>
<li><a id='clear-storage-link' title='Clear all saved items and delete all encounters' href='#'>Clear localStorage</a></li>
</ul>
</footer>
</body>
</html>