Handy UI for browsing the /tg/station wiki while powergaming
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

152 lines
5.4 KiB

<!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" id="Welcome" 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 window format is planned but it's just not
there yet.
</li>
<li>
There is a lot of development still happening, so many parts
are not as polished as they should be.
</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 (except this one) 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="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://git.fromouter.space/hamcha/tghandbook"
>git.fromouter.space/hamcha/tghandbook</a
>
</p>
<p>
/tg/station handbook revision: <span id="tgh-version"></span>
</p>
</div>
</div>
</div>
</section>
</main>
<noscript>
<h1>NO JS NO PARTY</h1>
<h2>JavaScript support is required to run this app.</h2>
</noscript>
<script src="src/index.ts" async></script>
</body>
</html>