build pages

.gitignore

@@ -1,7 +1,6 @@
 .DS_Store
 node_modules
 /.svelte
-/build
 /functions
 .svelte-kit/
 .vercel_build_output/

CHANGELOG.md

@@ -2,20 +2,29 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-## [2.2.0](///compare/v2.1.0...v2.2.0) (2022-04-11)
+## 2.3.0 (2022-04-17)
 
 
 ### Features
 
-* allow to edit the print layout 381d497
+* add 'reset ship' button 
+* add changelog to app 
+* add version to About component 
 
-## [2.1.0](///compare/v2.0.0...v2.1.0) (2022-04-07)
+## 2.2.0 (2022-04-11)
 
 
 ### Features
 
-* add localStorage memory bf7206a
-* can move main system comps in the print output b425f4a
+* allow to edit the print layout 
+
+## 2.1.0 (2022-04-07)
 
 
-* add standard-version 2fd047f
+### Features
+
+* add localStorage memory 
+* can move main system comps in the print output 
+
+
+* add standard-version 

docs/.nojekyll

@@ -0,0 +1 @@
+nojekyll

docs/_app/chunks/paths-5d155410.js

@@ -0,0 +1 @@
+import{E as b,s as m,F as q,G as w,H as z}from"./index-68fa7044.js";const o=[];function A(s,i){return{subscribe:x(s,i).subscribe}}function x(s,i=b){let u;const n=new Set;function a(t){if(m(s,t)&&(s=t,u)){const r=!o.length;for(const e of n)e[1](),o.push(e,s);if(r){for(let e=0;e<o.length;e+=2)o[e][0](o[e+1]);o.length=0}}}function l(t){a(t(s))}function f(t,r=b){const e=[t,r];return n.add(e),n.size===1&&(u=i(a)||b),t(s),()=>{n.delete(e),n.size===0&&(u(),u=null)}}return{set:a,update:l,subscribe:f}}function G(s,i,u){const n=!Array.isArray(s),a=n?[s]:s,l=i.length<2;return A(u,f=>{let t=!1;const r=[];let e=0,d=b;const _=()=>{if(e)return;d();const c=i(n?r[0]:r,f);l?f(c):d=z(c)?c:b},h=a.map((c,p)=>q(c,y=>{r[p]=y,e&=~(1<<p),t&&_()},()=>{e|=1<<p}));return t=!0,_(),function(){w(h),d()}})}let g="",E="";function H(s){g=s.base,E=s.assets||g}export{E as a,g as b,G as d,A as r,H as s,x as w};

docs/_app/error.svelte-7544dc29.js

@@ -0,0 +1 @@
+import{S as w,i as y,s as z,e as E,t as v,c as d,a as b,h as P,d as o,g as u,M as R,j as N,k as S,l as C,m as j,E as H}from"./chunks/index-68fa7044.js";function M(r){let l,t=r[1].frame+"",a;return{c(){l=E("pre"),a=v(t)},l(f){l=d(f,"PRE",{});var s=b(l);a=P(s,t),s.forEach(o)},m(f,s){u(f,l,s),R(l,a)},p(f,s){s&2&&t!==(t=f[1].frame+"")&&N(a,t)},d(f){f&&o(l)}}}function h(r){let l,t=r[1].stack+"",a;return{c(){l=E("pre"),a=v(t)},l(f){l=d(f,"PRE",{});var s=b(l);a=P(s,t),s.forEach(o)},m(f,s){u(f,l,s),R(l,a)},p(f,s){s&2&&t!==(t=f[1].stack+"")&&N(a,t)},d(f){f&&o(l)}}}function A(r){let l,t,a,f,s=r[1].message+"",c,k,n,p,i=r[1].frame&&M(r),_=r[1].stack&&h(r);return{c(){l=E("h1"),t=v(r[0]),a=S(),f=E("pre"),c=v(s),k=S(),i&&i.c(),n=S(),_&&_.c(),p=C()},l(e){l=d(e,"H1",{});var m=b(l);t=P(m,r[0]),m.forEach(o),a=j(e),f=d(e,"PRE",{});var q=b(f);c=P(q,s),q.forEach(o),k=j(e),i&&i.l(e),n=j(e),_&&_.l(e),p=C()},m(e,m){u(e,l,m),R(l,t),u(e,a,m),u(e,f,m),R(f,c),u(e,k,m),i&&i.m(e,m),u(e,n,m),_&&_.m(e,m),u(e,p,m)},p(e,[m]){m&1&&N(t,e[0]),m&2&&s!==(s=e[1].message+"")&&N(c,s),e[1].frame?i?i.p(e,m):(i=M(e),i.c(),i.m(n.parentNode,n)):i&&(i.d(1),i=null),e[1].stack?_?_.p(e,m):(_=h(e),_.c(),_.m(p.parentNode,p)):_&&(_.d(1),_=null)},i:H,o:H,d(e){e&&o(l),e&&o(a),e&&o(f),e&&o(k),i&&i.d(e),e&&o(n),_&&_.d(e),e&&o(p)}}}function F({error:r,status:l}){return{props:{error:r,status:l}}}function B(r,l,t){let{status:a}=l,{error:f}=l;return r.$$set=s=>{"status"in s&&t(0,a=s.status),"error"in s&&t(1,f=s.error)},[a,f]}class G extends w{constructor(l){super();y(this,l,B,A,z,{status:0,error:1})}}export{G as default,F as load};

docs/_app/layout.svelte-a7c34f1e.js

@@ -0,0 +1 @@
+import{S as l,i,s as r,I as u,J as f,K as _,L as c,q as p,o as d}from"./chunks/index-68fa7044.js";function m(n){let s;const o=n[1].default,e=u(o,n,n[0],null);return{c(){e&&e.c()},l(t){e&&e.l(t)},m(t,a){e&&e.m(t,a),s=!0},p(t,[a]){e&&e.p&&(!s||a&1)&&f(e,o,t,t[0],s?c(o,t[0],a,null):_(t[0]),null)},i(t){s||(p(e,t),s=!0)},o(t){d(e,t),s=!1},d(t){e&&e.d(t)}}}function $(n,s,o){let{$$slots:e={},$$scope:t}=s;return n.$$set=a=>{"$$scope"in a&&o(0,t=a.$$scope)},[t,e]}class h extends l{constructor(s){super();i(this,s,$,m,r,{})}}export{h as default};

docs/_app/manifest.json

@@ -0,0 +1,60 @@
+{
+  ".svelte-kit/runtime/client/start.js": {
+    "file": "start-69c963cb.js",
+    "src": ".svelte-kit/runtime/client/start.js",
+    "isEntry": true,
+    "imports": [
+      "_index-68fa7044.js",
+      "_paths-5d155410.js"
+    ],
+    "dynamicImports": [
+      ".svelte-kit/runtime/components/layout.svelte",
+      ".svelte-kit/runtime/components/error.svelte",
+      "src/routes/index.svelte"
+    ]
+  },
+  ".svelte-kit/runtime/components/layout.svelte": {
+    "file": "layout.svelte-a7c34f1e.js",
+    "src": ".svelte-kit/runtime/components/layout.svelte",
+    "isEntry": true,
+    "isDynamicEntry": true,
+    "imports": [
+      "_index-68fa7044.js"
+    ]
+  },
+  ".svelte-kit/runtime/components/error.svelte": {
+    "file": "error.svelte-7544dc29.js",
+    "src": ".svelte-kit/runtime/components/error.svelte",
+    "isEntry": true,
+    "isDynamicEntry": true,
+    "imports": [
+      "_index-68fa7044.js"
+    ]
+  },
+  "src/routes/index.svelte": {
+    "file": "pages/index.svelte-104728d7.js",
+    "src": "src/routes/index.svelte",
+    "isEntry": true,
+    "isDynamicEntry": true,
+    "imports": [
+      "_index-68fa7044.js",
+      "_paths-5d155410.js"
+    ],
+    "css": [
+      "assets/pages/index.svelte-42f88dc8.css"
+    ],
+    "assets": [
+      "assets/Faktos-34d5460e.ttf",
+      "assets/Dosis-VariableFont_wght-994868c0.ttf"
+    ]
+  },
+  "_index-68fa7044.js": {
+    "file": "chunks/index-68fa7044.js"
+  },
+  "_paths-5d155410.js": {
+    "file": "chunks/paths-5d155410.js",
+    "imports": [
+      "_index-68fa7044.js"
+    ]
+  }
+}

docs/_app/version.json

@@ -0,0 +1 @@
+{"version":"1650232656869"}

docs/css/buttons.css

@@ -0,0 +1,236 @@
+/* from https://codepen.io/ben_jammin/pen/syaCq */
+
+.button::-moz-focus-inner{
+  border: 0;
+  padding: 0;
+}
+
+.button{
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+  padding: 6px 20px;
+  margin: 0;
+  cursor: pointer;
+  border: 1px solid #bbb;
+  overflow: visible;
+  font: bold 13px arial, helvetica, sans-serif;
+  text-decoration: none;
+  white-space: nowrap;
+  color: #555;
+
+  background-color: #ddd;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
+  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
+
+  -webkit-transition: background-color .2s ease-out;
+  -moz-transition: background-color .2s ease-out;
+  -ms-transition: background-color .2s ease-out;
+  -o-transition: background-color .2s ease-out;
+  transition: background-color .2s ease-out;
+  background-clip: padding-box; /* Fix bleeding */
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
+  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
+  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
+  text-shadow: 0 1px 0 rgba(255,255,255, .9);
+
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.button:hover{
+  background-color: #eee;
+  color: #555;
+}
+
+.button:active{
+  background: #e9e9e9;
+  position: relative;
+  top: 1px;
+  text-shadow: none;
+  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
+}
+
+.button[disabled], .button[disabled]:hover, .button[disabled]:active{
+  border-color: #eaeaea;
+  background: #fafafa;
+  cursor: default;
+  position: static;
+  color: #999;
+  /* Usually, !important should be avoided but here it's really needed :) */
+  -moz-box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  text-shadow: none !important;
+}
+
+/* Smaller buttons styles */
+
+.button.small{
+  padding: 4px 12px;
+}
+
+/* Larger buttons styles */
+
+.button.large{
+  padding: 12px 30px;
+  text-transform: uppercase;
+}
+
+.button.large:active{
+  top: 2px;
+}
+
+/* Colored buttons styles */
+
+.button.green, .button.red, .button.blue {
+  color: #fff;
+  text-shadow: 0 1px 0 rgba(0,0,0,.2);
+
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
+  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
+}
+
+/* */
+
+.button.green{
+  background-color: #57a957;
+  border-color: #57a957;
+}
+
+.button.green:hover{
+  background-color: #62c462;
+}
+
+.button.green:active{
+  background: #57a957;
+}
+
+/* */
+
+.button.red{
+  background-color: #ca3535;
+  border-color: #c43c35;
+}
+
+.button.red:hover{
+  background-color: #ee5f5b;
+}
+
+.button.red:active{
+  background: #c43c35;
+}
+
+/* */
+
+.button.blue{
+  background-color: #269CE9;
+  border-color: #269CE9;
+}
+
+.button.blue:hover{
+  background-color: #70B9E8;
+}
+
+.button.blue:active{
+  background: #269CE9;
+}
+
+/* */
+
+.green[disabled], .green[disabled]:hover, .green[disabled]:active{
+  border-color: #57A957;
+  background: #57A957;
+  color: #D2FFD2;
+}
+
+.red[disabled], .red[disabled]:hover, .red[disabled]:active{
+  border-color: #C43C35;
+  background: #C43C35;
+  color: #FFD3D3;
+}
+
+.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{
+  border-color: #269CE9;
+  background: #269CE9;
+  color: #93D5FF;
+}
+
+/* Group buttons */
+
+.button-group,
+.button-group li{
+  display: inline-block;
+  *display: inline;
+  zoom: 1;
+}
+
+.button-group{
+  font-size: 0; /* Inline block elements gap - fix */
+  margin: 0;
+  padding: 0;
+  background: rgba(0, 0, 0, .1);
+  border-bottom: 1px solid rgba(0, 0, 0, .1);
+  padding: 7px;
+  -moz-border-radius: 7px;
+  -webkit-border-radius: 7px;
+  border-radius: 7px;
+}
+
+.button-group li{
+  margin-right: -1px; /* Overlap each right button border */
+}
+
+.button-group .button{
+  font-size: 13px; /* Set the font size, different from inherited 0 */
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+}
+
+.button-group .button:active{
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+}
+
+.button-group li:first-child .button{
+  -moz-border-radius: 3px 0 0 3px;
+  -webkit-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+
+.button-group li:first-child .button:active{
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+}
+
+.button-group li:last-child .button{
+  -moz-border-radius: 0 3px 3px 0;
+  -webkit-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+
+.button-group li:last-child .button:active{
+  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
+}

docs/fonts/dosis/OFL.txt

@@ -0,0 +1,95 @@
+Copyright (c) 2011, Edgar Tolentino and Pablo Impallari (www.impallari.com|impallari@gmail.com),
+Copyright (c) 2011, Igino Marini. (www.ikern.com|mail@iginomarini.com),
+with Reserved Font Names "Dosis".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

docs/fonts/dosis/README.txt

@@ -0,0 +1,69 @@
+Dosis Variable Font
+===================
+
+This download contains Dosis as both a variable font and static fonts.
+
+Dosis is a variable font with this axis:
+  wght
+
+This means all the styles are contained in a single file:
+  Dosis-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Dosis:
+  static/Dosis-ExtraLight.ttf
+  static/Dosis-Light.ttf
+  static/Dosis-Regular.ttf
+  static/Dosis-Medium.ttf
+  static/Dosis-SemiBold.ttf
+  static/Dosis-Bold.ttf
+  static/Dosis-ExtraBold.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them freely in your products & projects - print or digital,
+commercial or otherwise. However, you can't sell the fonts on their own.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.

docs/fonts/dosis/dosis.css

@@ -0,0 +1,4 @@
+@font-face {
+    font-family: 'Dosis';
+    src: url(Dosis-VariableFont_wght.ttf) format('truetype');
+}

docs/fonts/faktos.css

@@ -0,0 +1,5 @@
+@font-face {
+    font-family: 'Faktos';
+    font-style: normal;
+    src: url(Faktos.ttf) format('truetype');
+}

docs/global.css

@@ -1,11 +1,25 @@
-:root { 
-    --font-scale-8: calc(1rem/1.125/1.125);
-    --font-scale-9: calc(1rem/1.125);
-    --font-scale-10: 1rem;
-    --font-scale-11: calc(1rem * 1.125);
-    --font-scale-12: calc(1rem * 1.125 * 1.125);
+:root {
+
+    --oxford-blue: hsla(226, 60%, 10%, 1);
+    --royal-blue-dark: hsla(218, 100%, 16%, 1);
+    --indigo-dye: hsla(209, 95%, 24%, 1);
+    --cg-blue: hsla(193, 80%, 35%, 1);
+    --white: hsla(20, 60%, 99%, 1);
+
+    --main-width: 60em;
 }
 
+small {font-size: var(--font-scale-9); }
+
+h1 {
+    margin: 0px;
+    padding: 0px;
+    font-size: var(--font-scale-14);
+}
+
+h2 {
+    font-size: var(--font-scale-12);
+}
 
 
 html, body {
@@ -15,11 +29,12 @@ html, body {
 }
 
 body {
+    background-color: var(--white);
 	color: #333;
 	margin: 0;
 	padding: 8px;
 	box-sizing: border-box;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	font-family: "Dosis", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 a {
@@ -57,20 +72,18 @@ input[type="range"] {
 	height: 0;
 }
 
-button {
-	color: #333;
-	background-color: #f4f4f4;
-	outline: none;
+/*  ---- inputs --- */
+
+input, select {
+    border: 0px;
+    border-bottom: 1px solid var(--indigo-dye);
 }
 
-button:disabled {
-	color: #999;
+input:focus, select:focus {
+    border: 1px solid var(--indigo-dye);;
 }
 
-button:not(:disabled):active {
-	background-color: #ddd;
+input.short {
+    width:5em;
 }
 
-button:focus {
-	border-color: #666;
-}

docs/icons/crew-star.svg

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 170.3 161.89999"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="crew-star.svg"
+   width="170.3"
+   height="161.89999"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11">
+	
+		
+	
+</defs><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="1920"
+   inkscape:window-height="957"
+   id="namedview9"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="314"
+   inkscape:cy="98.2"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   id="polygon4"
+   points="303.8,378.2 251.2,340 198.5,378.2 218.6,316.4 166,278.1 231.1,278.1 251.2,216.3 271.3,278.1 336.3,278.1 283.7,316.4 "
+   transform="translate(-166,-216.3)" />
+</svg>

docs/icons/firecon.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 409 409"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="firecon.svg"
+   width="409"
+   height="409"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata116"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs114" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview112"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="205"
+   inkscape:cy="205"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<rect
+   x="12.5"
+   y="12.5"
+   stroke-miterlimit="10"
+   width="384"
+   height="384"
+   id="rect107"
+   style="fill:none;stroke:#000000;stroke-width:25;stroke-miterlimit:10" />
+<circle
+   stroke-miterlimit="10"
+   cx="205"
+   cy="204"
+   r="121.6"
+   id="circle109"
+   style="stroke:#000000;stroke-width:22.25449944;stroke-miterlimit:10" />
+</svg>

docs/icons/ftl-drive.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<rect x="264.5" y="65.5" fill="none" stroke="#000000" stroke-width="29" stroke-miterlimit="10" width="430" height="430"/>
+	<path fill="none" stroke="#000000" stroke-width="28.507" stroke-miterlimit="10" d="M265.4,260.8c0,0,43.9,136,104.2,136
+		c31.9,0,52.6-54.9,63.8-77.5c21.7-43.8,40.7-91,72.1-129c14.9-18,37.3-38.2,62.9-37.6c28.1,0.6,48.5,27.5,65,47.1
+		c23.1,27.5,43.5,57.6,61.9,88.5"/>
+</g>
+</svg>

docs/icons/internal-systems.svg

@@ -0,0 +1,175 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 743.40002 273.60001"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="internal-systems.svg"
+   width="743.40002"
+   height="273.60001"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata164"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs162" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview160"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="371.7"
+   inkscape:cy="136.8"
+   inkscape:window-x="317"
+   inkscape:window-y="165"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   stroke-miterlimit="10"
+   points="179.2,152.2 117.3,214.1 117.3,345.9 179.2,407.8 780.8,407.8 842.7,345.9 842.7,214.1 780.8,152.2 "
+   id="polygon127"
+   style="fill:none;stroke:#303030;stroke-width:18;stroke-miterlimit:10"
+   transform="translate(-108.3,-143.2)" />
+<g
+   id="g157"
+   transform="translate(-108.3,-143.2)">
+	<rect
+   x="196.89999"
+   y="194.5"
+   stroke-miterlimit="10"
+   width="165.89999"
+   height="171"
+   id="rect129"
+   style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<rect
+   x="397.10001"
+   y="194.5"
+   stroke-miterlimit="10"
+   width="165.89999"
+   height="171"
+   id="rect131"
+   style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<rect
+   x="597.20001"
+   y="194.5"
+   stroke-miterlimit="10"
+   width="165.89999"
+   height="171"
+   id="rect133"
+   style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
+	
+		<rect
+   x="220.10001"
+   y="294.10001"
+   stroke-miterlimit="10"
+   width="119.4"
+   height="19.4"
+   id="rect135"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	
+		<rect
+   x="220.10001"
+   y="322.70001"
+   stroke-miterlimit="10"
+   width="119.4"
+   height="19.4"
+   id="rect137"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	
+		<rect
+   x="220.10001"
+   y="265.5"
+   stroke-miterlimit="10"
+   width="119.4"
+   height="19.4"
+   id="rect139"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<path
+   stroke-miterlimit="10"
+   d="m 279.8,204.4 c -19.3,0 -34.9,15.6 -34.9,34.9 0,19.3 15.6,34.9 34.9,34.9 19.3,0 34.9,-15.6 34.9,-34.9 0,-19.3 -15.6,-34.9 -34.9,-34.9 z m 0,53.2 c -10.1,0 -18.3,-8.2 -18.3,-18.3 0,-10.1 8.2,-18.3 18.3,-18.3 10.1,0 18.3,8.2 18.3,18.3 0,10.1 -8.2,18.3 -18.3,18.3 z"
+   id="path141"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
+	<ellipse
+   stroke-miterlimit="10"
+   cx="480"
+   cy="280"
+   rx="63.799999"
+   ry="74.5"
+   id="ellipse143"
+   style="stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
+	<circle
+   stroke-miterlimit="10"
+   cx="480"
+   cy="228.5"
+   r="15.8"
+   id="circle145"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
+	<path
+   stroke-miterlimit="10"
+   d="M 427.6,250.5 H 531 c 0,0 -46.9,7.1 -51.7,93.1 0,0 4.4,-85.4 -51.7,-93.1 z"
+   id="path147"
+   inkscape:connector-curvature="0"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
+	<circle
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   r="10.3"
+   id="circle149"
+   style="fill:#ffffff;stroke:#ffffff;stroke-width:3.75830007;stroke-miterlimit:10" />
+	
+		<ellipse
+   transform="matrix(0.7431,-0.6691,0.6691,0.7431,-12.654,527.0353)"
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   rx="17.6"
+   ry="75.5"
+   id="ellipse151"
+   style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
+	
+		<ellipse
+   transform="matrix(-0.5878,-0.809,0.809,-0.5878,853.4232,994.8409)"
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   rx="17.6"
+   ry="75.5"
+   id="ellipse153"
+   style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
+	
+		<ellipse
+   transform="matrix(-0.9781,-0.2079,0.2079,-0.9781,1287.2416,695.2945)"
+   stroke-miterlimit="10"
+   cx="680.20001"
+   cy="280"
+   rx="17.6"
+   ry="75.5"
+   id="ellipse155"
+   style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
+</g>
+</svg>

docs/icons/screen-advanced.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 457.3924 458.52048"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="screen-advanced.svg"
+   width="457.3924"
+   height="458.52048"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata247"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs245" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview243"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="228.69619"
+   inkscape:cy="224.72809"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g240"
+   transform="translate(-251.30381,-46.207612)">
+	<rect
+   x="387.29999"
+   y="280.79999"
+   transform="matrix(0.7071,0.7071,-0.7071,0.7071,404.6839,-230.0195)"
+   width="185.5"
+   height="185.5"
+   id="rect234" />
+	<polyline
+   stroke-miterlimit="10"
+   points="654.3,330.5 480,156.2 305.7,330.5  "
+   id="polyline236"
+   style="fill:none;stroke:#000000;stroke-width:13;stroke-miterlimit:10" />
+	<polyline
+   stroke-miterlimit="10"
+   points="704.1,279.5 480,55.4 255.9,279.5  "
+   id="polyline238"
+   style="fill:none;stroke:#000000;stroke-width:13;stroke-miterlimit:10" />
+</g>
+</svg>

docs/icons/screen.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 396.50296 456.80048"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="screen.svg"
+   width="396.50296"
+   height="456.80048"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata171"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs169" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview167"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="198.30113"
+   inkscape:cy="218.59999"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<g
+   id="g164"
+   transform="translate(-281.69887,-41.799529)">
+	<circle
+   cx="480"
+   cy="366.79999"
+   r="131.8"
+   id="circle158" />
+	<path
+   stroke-miterlimit="10"
+   d="m 348.2,193.3 c 0,0 130,-67.9 263.6,0"
+   id="path160"
+   inkscape:connector-curvature="0"
+   style="fill:none;stroke:#000000;stroke-width:39.33679962;stroke-miterlimit:10" />
+	<path
+   stroke-miterlimit="10"
+   d="m 290.8,104.7 c 0,0 186.6,-97.4 378.5,0"
+   id="path162"
+   inkscape:connector-curvature="0"
+   style="fill:none;stroke:#000000;stroke-width:39.33679962;stroke-miterlimit:10" />
+</g>
+</svg>

docs/icons/standard-drive.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 625 520.20758"
+   enable-background="new 0 0 960 560"
+   xml:space="preserve"
+   sodipodi:docname="standard-drive.svg"
+   width="625"
+   height="520.20758"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
+   id="metadata13"><rdf:RDF><cc:Work
+       rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+         rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+   id="defs11" /><sodipodi:namedview
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1"
+   objecttolerance="10"
+   gridtolerance="10"
+   guidetolerance="10"
+   inkscape:pageopacity="0"
+   inkscape:pageshadow="2"
+   inkscape:window-width="778"
+   inkscape:window-height="481"
+   id="namedview9"
+   showgrid="false"
+   fit-margin-top="0"
+   fit-margin-left="0"
+   fit-margin-right="0"
+   fit-margin-bottom="0"
+   inkscape:zoom="0.36770833"
+   inkscape:cx="313"
+   inkscape:cy="259"
+   inkscape:window-x="0"
+   inkscape:window-y="34"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Layer_1" />
+<polygon
+   stroke-miterlimit="10"
+   points="180,215.8 479.5,34 779,215.8 779,526 180,526 "
+   id="polygon2"
+   style="fill:none;stroke:#000000;stroke-width:26;stroke-miterlimit:10"
+   transform="translate(-167,-18.792427)" />
+
+</svg>

docs/index.html

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="/favicon.ico" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta http-equiv="content-security-policy" content="">
+	<link rel="modulepreload" href="/aotds-docks/_app/start-69c963cb.js">
+	<link rel="modulepreload" href="/aotds-docks/_app/chunks/index-68fa7044.js">
+	<link rel="modulepreload" href="/aotds-docks/_app/chunks/paths-5d155410.js">
+	</head>
+	<body>
+		<div id="svelte">
+		<script type="module" data-hydrate="45h">
+		import { start } from "/aotds-docks/_app/start-69c963cb.js";
+		start({
+			target: document.querySelector('[data-hydrate="45h"]').parentNode,
+			paths: {"base":"/aotds-docks","assets":"/aotds-docks"},
+			session: {},
+			route: true,
+			spa: true,
+			trailing_slash: "never",
+			hydrate: null
+		});
+	</script></div>
+	</body>
+</html>

docs/print.css

@@ -0,0 +1,5 @@
+@media print {
+    header,nav {
+        display: none !important;
+    }
+}

docs/ssd-icons/AADFC.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<rect x="362" y="68" fill="none" stroke="#000000" stroke-width="22" stroke-miterlimit="10" width="236" height="424"/>
+	
+		<rect x="414.7" y="314.7" fill="none" stroke="#000000" stroke-width="18.1941" stroke-miterlimit="10" width="130.7" height="130.7"/>
+	
+		<rect x="414.7" y="114.6" fill="none" stroke="#000000" stroke-width="18.1941" stroke-miterlimit="10" width="130.7" height="130.7"/>
+	<polygon points="480,179.9 414.7,114.6 484.7,114.6 545.3,114.6 	"/>
+	<polygon points="480,179.9 414.7,245.3 484.7,245.3 545.3,245.3 	"/>
+	<polygon points="480,380.1 414.7,445.4 484.7,445.4 545.3,445.4 	"/>
+	<polygon points="480,380.1 414.7,314.7 484.7,314.7 545.3,314.7 	"/>
+</g>
+</svg>

docs/ssd-icons/ADS.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
+<g>
+	<circle fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" cx="480" cy="280" r="93.3"/>
+	<circle fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" cx="480" cy="280" r="141.6"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="573.4" y1="283.4" x2="619.5" y2="283.4"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="389.1" y1="283.4" x2="343" y2="283.4"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="430.5" y1="200.8" x2="407.5" y2="160.9"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="430.5" y1="365.7" x2="407.5" y2="405.7"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="523.8" y1="197.5" x2="546.8" y2="157.6"/>
+	<line fill="none" stroke="#000000" stroke-width="15" stroke-miterlimit="10" x1="523.8" y1="369" x2="546.8" y2="409"/>
+	<g>
+		<path d="M480,193.3c-27.8,0-52.6,13.1-68.4,33.5L480,280l68.4-53.3C532.6,206.4,507.8,193.3,480,193.3z"/>
+		<path d="M480,280l-68.4,53.3c15.9,20.4,40.6,33.5,68.4,33.5s52.6-13.1,68.4-33.5L480,280z"/>
+	</g>
+</g>
+</svg>