Hamcha
/
tghandbook


			
				
					
						
						
							
							<!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>