From 96ee00242f350b391dcc1cf4d72a442c969f565e Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Wed, 22 Dec 2021 13:59:13 +0100
Subject: add pw-frontend

---
 web/pw-frontend/src/App.svelte | 47 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 web/pw-frontend/src/App.svelte

(limited to 'web/pw-frontend/src/App.svelte')

diff --git a/web/pw-frontend/src/App.svelte b/web/pw-frontend/src/App.svelte
new file mode 100644
index 0000000..614cf6f
--- /dev/null
+++ b/web/pw-frontend/src/App.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+  import Visualizer from './lib/Visualizer.svelte';
+</script>
+
+<main>
+  <!-- <img src={logo} alt="Svelte Logo" /> -->
+  <!-- <h1>Hello Typescript!</h1> -->
+  <Visualizer />
+</main>
+
+<style>
+  :root {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+
+  img {
+    height: 16rem;
+    width: 16rem;
+  }
+
+  h1 {
+    color: #ff3e00;
+    text-transform: uppercase;
+    font-size: 4rem;
+    font-weight: 100;
+    line-height: 1.1;
+    margin: 2rem auto;
+    max-width: 14rem;
+  }
+
+  p {
+    max-width: 14rem;
+    margin: 1rem auto;
+    line-height: 1.35;
+  }
+
+  @media (min-width: 480px) {
+    h1 {
+      max-width: none;
+    }
+
+    p {
+      max-width: none;
+    }
+  }
+</style>
-- 
cgit v1.2.3

