1 files changed, 47 insertions, 0 deletions
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>