-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (100 loc) · 4.58 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport">
<title>D&D Beyond Log Observer Preamble</title>
<script>
function loadExternalPage() {
window.location.href = 'https://www.dndbeyond.com/my-campaigns';
}
</script>
<style>
body {
color: white;
background: black;
padding-left: 10px;
padding-right: 10px;
}
h2{
color: var(--ts-accent-hover);
}
h3{
color: var(--ts-accent-hover);
}
button, input {
background-color: var(--ts-background-secondary);
color: var(--ts-color-primary);
font-family: 'OptimusPrinceps', sans-serif;
border: 1px solid var(--ts-accessibility-border);
border-radius: 4px;
font-size: 1.2em;
transition: ease-in-out 0.1s;
}
button:hover, input:hover {
background-color: var(--ts-background-primary);
transition: ease-in-out 0.2s;
}
button:focus-visible, input:focus-visible {
outline: 3px solid var(--ts-accessibility-focus);
outline-offset: -1px;
background-color: var(--ts-background-primary);
transition: outline-color 0s;
}
button {
background-color: var(--ts-button-background);
}
button:hover {
background-color: var(--ts-button-hover);
}
button:focus-visible {
background-color: var(--ts-button-hover);
}
img{margin: 0 auto; padding: 10px;}
sub{text-align: right; width: 100%;display:block;}
</style>
</head>
<body>
<div id="textDiv">
<sub>v1.0.10</sub>
<h1>Utilizing the Symbiote</h1>
After logging in and navigating to the My Campaigns page, you'll need to go to the campaign in question and open up the Game Log.
<br/>
<img src='example_images/game_log.png'/>
<br/>
<p>Once it is opened, the Symbiote should attach to the Log and report any D&D Beyond rolls from it into the TaleSpire Chat Log. The Symbiote even has permission to run in the background and will not need to stay open on your screen in order to report, so long as you don't close it from running overall.</p>
<p>You'll know when it's detected properly when the <b>Game Log takes up the full Symbiote</b> and goes into <b>Dark Mode</b>.</p>
<hr>
<h2>Having Issues?</h2>
<h3>I clicked the Game Log button, but it's still not working!</h3>
<p>Are you on the correct page? This only works on the main campaign page for your D&D Beyond campaign (The one where you see all the characters in the campaign). This is intentional.</p>
<p>Try clicking somewhere else on the page other than the Game Log and click the Game Log button again. Sometimes it will not load correctly if D&D Beyond has not finished loading the Game Log in the background when you get to your campaign page.</p>
<h3>I accidentally clicked on the wrong campaign page Game Log and now there are no links on the page. How do I go back to find the right one?</h3>
<p>Just use the navigation controls in the top right of the symbiote panel. You will see controls for Back, Refresh, and Forward. Refresh the page or go back.</p>
<h3>I keep getting stuck with the "Are you human?" prompt!</h3>
<p>Yeah, this has to do with the way D&D Beyond detects the Symbiote browser. There's nothing we can do for now, but hopefully will be fixed in a future update.</p>
<br/>
<br/>
<button onclick="loadExternalPage()">I'm ready boss, take me to D&D Beyond</button>
<br/>
<br/>
<details>
<summary>Changelog</summary>
<ul>
<li><b>v1.0.10</b> - Fixed the CSS classes the observer and fullscreen log were looking for</li>
<li><b>v1.0.9</b> - Added the new support for popup logins, such as Google</li>
<li><b>v1.0.8</b> - Added banner to signal when observer is working</li>
<li><b>v1.0.7</b> - Added Changelog and Redid Landing Page/Readme</li>
<li><b>v1.0.6</b> - Fix Adv/Dis 20/1 highlighting</li>
<li><b>v1.0.5</b> - Don't Populate Old Rolls</li>
<li><b>v1.0.4</b> - Filter out Self/To DM Rolls</li>
<li><b>v1.0.3</b> - Fullscreen & Dark Mode</li>
<li><b>v1.0.2</b> - Fixed Adv/Dis Roll Display</li>
<li><b>v1.0.1</b> - Added landing page</li>
<li><b>v1.0.0</b> - Initial Release</li>
</ul>
</details>
</div>
<img class='ddbo_icon' src='ddbo.png'/>
</body>
</html>