forked from hamcha/tghandbook
132 lines
4.6 KiB
HTML
132 lines
4.6 KiB
HTML
<!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 center" id="Welcome" data-tab="$Welcome">
|
|
<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>
|
|
Click any guide in the top menu to open it or
|
|
<a href="#" id="welcome_expand">click here</a> to learn about some
|
|
of the extra features packed in.
|
|
</p>
|
|
</div>
|
|
<div class="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%;"
|
|
loading="lazy"
|
|
/>
|
|
<img
|
|
src="assets/images/welcome/bs-global.png"
|
|
style="width: 40%;"
|
|
loading="lazy"
|
|
/>
|
|
</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>
|
|
</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>
|