-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
182 lines (181 loc) · 6.68 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="description"
content="A prettier client for the /tg/station Wiki"
/>
<meta name="theme-color" content="#141c26" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="/tg/station handbook" />
<link
rel="apple-touch-icon"
href="./assets/images/icons-manifest/icon152.png"
/>
<link rel="manifest" href="./manifest.webmanifest" />
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./assets/images/icons-manifest/icon32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./assets/images/icons-manifest/icon16.png"
/>
<link
rel="preload"
href="./assets/fonts/iosevka/iosevka-aile.css"
as="style"
/>
<link rel="preload" href="./style/main.scss" as="style" />
<link rel="preload" href="./src/index.ts" as="script" />
<link rel="stylesheet" href="./assets/fonts/iosevka/iosevka-aile.css" />
<link rel="stylesheet" href="./style/main.scss" />
<title>/tg/station Handbook</title>
</head>
<body>
<div class="bgimage">
<img src="./assets/images/bg-nanotrasen.svg" />
</div>
<main id="app">
<nav id="section-list"></nav>
<nav id="tab-list"></nav>
<section id="tabs">
<div class="page special center" data-tab="$Welcome">
<div class="wrapper">
<header>
<img class="icon" src="./assets/images/outline.svg" />
<img class="type" src="./assets/images/type.svg" />
</header>
<div class="maxw">
<p>
This handbook is a collection of tweaks of the /tg/station wiki
pages to make them prettier and easier to navigate.
</p>
<p>Please note that:</p>
<ul>
<li>
It's being built with smaller windows in mind (think SS13
popups), large windows will work but you might prefer to use
the normal wiki.
</li>
<li>
There is a lot of development still happening, so many parts
are not as polished as they should be.
</li>
<li>
Text too small? Use browser scaling (default shortcuts: CTRL +
/ CTRL -) to control how big it is.
</li>
</ul>
<p>
You can click any of the top icons to jump to that guide, or
check out any of these about this handbook:
</p>
<div class="action_buttons"></div>
</div>
<div class="features hidden" data-name="Extra features">
<h2>Extra Features</h2>
<div class="maxw">
<h3 class="nobg">Jump to section/item</h3>
<p>
Press <b>SHIFT+S</b> on any page to open up a quick search
menu.
</p>
<p>
Results for most pages are section titles, but some pages like
Chemistry have support for searching recipes etc.
</p>
<div class="images">
<img
src="./assets/images/welcome/bs-local.png"
style="width: 40%"
/>
<img
src="./assets/images/welcome/bs-global.png"
style="width: 40%"
/>
</div>
<p>
By default, only results for the current page are shown, you
can use <code>@</code> as prefix to search in all guides at
once.
</p>
<h3 class="nobg">(Chemistry) Auto-Expanded tooltips</h3>
<p>
Recipes for reagent ingredients are now always shown in each
recipe rather than being tooltips.
</p>
<h3 class="nobg">(Chemistry) Beaker sizing</h3>
<p>
Press <b>SHIFT+B</b> to set your target reagent output and the
inputs will change from "part" to "ml". This is currently
quite inaccurate, use it as a guideline but apply common
sense.
</p>
</div>
</div>
<div class="known-issues hidden" data-name="Known issues">
<h2>Known issues</h2>
<p>
Using an ad blocker might cause the searching function to become
irresponsive, try whitelisting this page or temporarily
disabling the extention to improve performance.
</p>
</div>
<div class="credits hidden" data-name="Other infos">
<h2>Other Informations</h2>
<p>
Thanks to /tg/station and every wiki contributor who did most of
the work!
</p>
<p>
This thing is Open Source:
<a href="https://github.com/Hamcha/tghandbook"
>github.com/Hamcha/tghandbook</a
>
</p>
<p>
/tg/station handbook revision: <span id="tgh-version"></span>
</p>
</div>
</div>
</div>
<div class="page special" data-tab="$Changelog">
<div class="wrapper">
<h1 class="pageheader">/tg/handbook Changelog</h1>
<p>
Latest changes to the handbook, this does not include wiki
contents.
</p>
<div class="tgh-changes"></div>
<p class="tgh-changes-end">
Older changes omitted, you can check them out by seeing the
<a
href="https://github.com/Hamcha/tghandbook/commits/"
target="_blank"
>full commit history</a
>.
</p>
</div>
</div>
</section>
</main>
<noscript>
<h1>JavaScript is required for this tool</h1>
<h2>
This tools runs completely in your browser, therefore it needs
JavaScript to download all the pages, parse them and add all the spicy
extras.
</h2>
</noscript>
<script src="./src/index.ts" async type="module"></script>
</body>
</html>