This repository has been archived on 2022-05-10. You can view files and clone it, but cannot push or open issues or pull requests.
tghandbook/index.html

135 lines
4.6 KiB
HTML
Raw Permalink Normal View History

2020-06-16 09:32:48 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
2020-06-18 11:34:03 +00:00
<meta
name="description"
content="A prettier client for the /tg/station Wiki"
/>
<meta name="theme-color" content="#141c26" />
2020-06-16 09:32:48 +00:00
<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" />
2020-06-18 19:02:15 +00:00
<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" />
2020-06-18 19:02:15 +00:00
<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"
/>
2020-06-17 13:16:54 +00:00
<link
rel="preload"
href="assets/fonts/iosevka/iosevka-aile.css"
as="style"
/>
<link rel="preload" href="style/main.scss" as="style" />
2020-06-18 11:15:41 +00:00
<link rel="preload" href="src/index.ts" as="script" />
2020-06-19 18:26:43 +00:00
<link rel="stylesheet" href="assets/fonts/iosevka/iosevka-aile.css" />
2020-06-16 09:32:48 +00:00
<link rel="stylesheet" href="style/main.scss" />
2020-06-18 10:47:39 +00:00
<title>/tg/station Handbook</title>
2020-06-16 09:32:48 +00:00
</head>
<body>
2020-06-16 10:51:24 +00:00
<div class="bgimage">
<img src="./assets/images/bg-nanotrasen.svg" />
</div>
2020-06-17 09:43:21 +00:00
<main id="app">
2020-06-19 18:26:43 +00:00
<nav id="section-list"></nav>
2020-06-17 09:43:21 +00:00
<nav id="tab-list"></nav>
2020-06-27 23:39:47 +00:00
<section id="tabs">
2020-06-28 15:44:59 +00:00
<div class="page center" id="Welcome" data-tab="$Welcome">
2020-06-27 23:39:47 +00:00
<header>
<img class="icon" src="assets/images/outline.svg" />
<img class="type" src="assets/images/type.svg" />
</header>
2020-06-28 15:44:59 +00:00
<div class="maxw">
2020-06-28 00:22:11 +00:00
<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>
2020-06-28 15:44:59 +00:00
<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>
<div class="maxw">
<div>Extra Features</div>
</div>
</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>
2020-06-28 00:22:11 +00:00
</div>
2020-06-27 23:39:47 +00:00
</div>
</section>
2020-06-17 09:43:21 +00:00
</main>
2020-06-18 11:15:41 +00:00
<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>
2020-06-16 09:32:48 +00:00
</body>
</html>