diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..7e6f5eb
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/fonts/faktos.css b/public/fonts/faktos.css
new file mode 100644
index 0000000..626e0e5
--- /dev/null
+++ b/public/fonts/faktos.css
@@ -0,0 +1,5 @@
+@font-face {
+ font-family: 'Faktos';
+ font-style: normal;
+ src: url(Faktos.ttf) format('truetype');
+}
diff --git a/public/global.css b/public/global.css
index 57b9a99..b2626b3 100644
--- a/public/global.css
+++ b/public/global.css
@@ -1,11 +1,18 @@
-: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 {
+ --font-scale-9: 0.75rem;
+ --font-scale-10: 1em;
+ --font-scale-11: 1.333rem;
+ --font-scale-12: 1.777rem;
+ --font-scale-13: 2.369rem;
+ --font-scale-14: 3.157rem;
+ --font-scale-15: 4.209rem;
}
+small {font-size: var(--font-scale-9); }
+
+h1 {
+ font-size: var(--font-scale-14);
+}
html, body {
diff --git a/public/index.html b/public/index.html
index b724992..20df4fe 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,8 @@
+
+
diff --git a/src/App.svelte b/src/App.svelte
deleted file mode 100644
index 646fef4..0000000
--- a/src/App.svelte
+++ /dev/null
@@ -1,114 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {#each weapons as weapon (weapon.id)}
-
- {/each}
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/App.svelte b/src/components/App.svelte
new file mode 100644
index 0000000..9007ce6
--- /dev/null
+++ b/src/components/App.svelte
@@ -0,0 +1,127 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {#each weapons as weapon (weapon.id)}
+
+ {/each}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index 2c27a25..929b403 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-import App from './App.svelte';
+import App from './components/App.svelte';
const app = new App({
target: document.body