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.5 KiB
152 lines
5.5 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://github.com/Hamcha/tghandbook" |
|
>github.com/Hamcha/tghandbook</a |
|
> |
|
</p> |
|
<p> |
|
/tg/station handbook revision: <span id="tgh-version"></span> |
|
</p> |
|
</div> |
|
</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>
|
|
|