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.
 
 
 
 

153 lines
5.4 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta
  6. name="description"
  7. content="A prettier client for the /tg/station Wiki"
  8. />
  9. <meta name="theme-color" content="#141c26" />
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  11. <meta name="apple-mobile-web-app-capable" content="yes" />
  12. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  13. <meta name="apple-mobile-web-app-title" content="/tg/station handbook" />
  14. <link
  15. rel="apple-touch-icon"
  16. href="assets/images/icons-manifest/icon152.png"
  17. />
  18. <link rel="manifest" href="manifest.webmanifest" />
  19. <link rel="icon" href="favicon.ico" type="image/x-icon" />
  20. <link
  21. rel="icon"
  22. type="image/png"
  23. sizes="32x32"
  24. href="assets/images/icons-manifest/icon32.png"
  25. />
  26. <link
  27. rel="icon"
  28. type="image/png"
  29. sizes="16x16"
  30. href="assets/images/icons-manifest/icon16.png"
  31. />
  32. <link
  33. rel="preload"
  34. href="assets/fonts/iosevka/iosevka-aile.css"
  35. as="style"
  36. />
  37. <link rel="preload" href="style/main.scss" as="style" />
  38. <link rel="preload" href="src/index.ts" as="script" />
  39. <link rel="stylesheet" href="assets/fonts/iosevka/iosevka-aile.css" />
  40. <link rel="stylesheet" href="style/main.scss" />
  41. <title>/tg/station Handbook</title>
  42. </head>
  43. <body>
  44. <div class="bgimage">
  45. <img src="./assets/images/bg-nanotrasen.svg" />
  46. </div>
  47. <main id="app">
  48. <nav id="section-list"></nav>
  49. <nav id="tab-list"></nav>
  50. <section id="tabs">
  51. <div class="page special center" id="Welcome" data-tab="$Welcome">
  52. <div class="wrapper">
  53. <header>
  54. <img class="icon" src="assets/images/outline.svg" />
  55. <img class="type" src="assets/images/type.svg" />
  56. </header>
  57. <div class="maxw">
  58. <p>
  59. This handbook is a collection of tweaks of the /tg/station wiki
  60. pages to make them prettier and easier to navigate.
  61. </p>
  62. <p>Please note that:</p>
  63. <ul>
  64. <li>
  65. It's being built with smaller windows in mind (think SS13
  66. popups), large window format is planned but it's just not
  67. there yet.
  68. </li>
  69. <li>
  70. There is a lot of development still happening, so many parts
  71. are not as polished as they should be.
  72. </li>
  73. </ul>
  74. <p>
  75. You can click any of the top icons to jump to that guide, or
  76. check out any of these about this handbook:
  77. </p>
  78. <div class="action_buttons"></div>
  79. </div>
  80. <div class="features hidden" data-name="Extra features">
  81. <h2>
  82. Extra Features
  83. </h2>
  84. <div class="maxw">
  85. <h3 class="nobg">Jump to section/item</h3>
  86. <p>
  87. Press <b>SHIFT+S</b> on any page (except this one) to open up
  88. a quick search menu.
  89. </p>
  90. <p>
  91. Results for most pages are section titles, but some pages like
  92. Chemistry have support for searching recipes etc.
  93. </p>
  94. <div class="images">
  95. <img
  96. src="assets/images/welcome/bs-local.png"
  97. style="width: 40%;"
  98. />
  99. <img
  100. src="assets/images/welcome/bs-global.png"
  101. style="width: 40%;"
  102. />
  103. </div>
  104. <p>
  105. By default, only results for the current page are shown, you
  106. can use <code>@</code> as prefix to search in all guides at
  107. once.
  108. </p>
  109. <h3 class="nobg">(Chemistry) Auto-Expanded tooltips</h3>
  110. <p>
  111. Recipes for reagent ingredients are now always shown in each
  112. recipe rather than being tooltips.
  113. </p>
  114. <h3 class="nobg">(Chemistry) Beaker sizing</h3>
  115. <p>
  116. Press <b>SHIFT+B</b> to set your target reagent output and the
  117. inputs will change from "part" to "ml". This is currently
  118. quite inaccurate, use it as a guideline but apply common
  119. sense.
  120. </p>
  121. </div>
  122. </div>
  123. <div class="credits hidden" data-name="Other infos">
  124. <h2>
  125. Other Informations
  126. </h2>
  127. <p>
  128. Thanks to /tg/station and every wiki contributor who did most of
  129. the work!
  130. </p>
  131. <p>
  132. This thing is Open Source:
  133. <a href="https://git.fromouter.space/hamcha/tghandbook"
  134. >git.fromouter.space/hamcha/tghandbook</a
  135. >
  136. </p>
  137. <p>
  138. /tg/station handbook revision: <span id="tgh-version"></span>
  139. </p>
  140. </div>
  141. </div>
  142. </div>
  143. </section>
  144. </main>
  145. <noscript>
  146. <h1>NO JS NO PARTY</h1>
  147. <h2>JavaScript support is required to run this app.</h2>
  148. </noscript>
  149. <script src="src/index.ts" async></script>
  150. </body>
  151. </html>