feat: add new logo to all demos

umaranis · Sep 15, 2023 · 2ce2be2 · 2ce2be2
1 parent 99f093b
commit 2ce2be2
Show file tree

Hide file tree

Showing 7 changed files with 41 additions and 62 deletions.
diff --git a/demos/plaintext-editor/public/images/logo.svg b/demos/plaintext-editor/public/images/logo.svg
diff --git a/demos/plaintext-editor/src/App.svelte b/demos/plaintext-editor/src/App.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <main>
-  <h1>Svelte Lexical!</h1>
+  <img src="images/logo.svg" alt="Svelte Lexical!" />
   <p>
     This Plain Text Editor is build with <a
       href="https://github.com/umaranis/svelte-lexical/">
@@ -18,20 +18,12 @@
   main {
     text-align: center;
     padding: 1em;
-    max-width: 240px;
+    max-width: none;
     margin: 0 auto;
   }
 
-  h1 {
-    color: #ff3e00;
-    text-transform: uppercase;
-    font-size: 4em;
-    font-weight: 100;
-  }
-
-  @media (min-width: 640px) {
-    main {
-      max-width: none;
-    }
+  img {
+    margin: 2em;
+    max-width: 800px;
   }
 </style>
diff --git a/demos/playground/src/App.svelte b/demos/playground/src/App.svelte
@@ -31,18 +31,12 @@
   main {
     text-align: center;
     padding: 1em;
-    max-width: 240px;
+    max-width: none;
     margin: 0 auto;
   }
 
   img {
     margin: 2em;
     max-width: 800px;
   }
-
-  @media (min-width: 640px) {
-    main {
-      max-width: none;
-    }
-  }
 </style>
diff --git a/demos/richtext-editor/src/App.svelte b/demos/richtext-editor/src/App.svelte
@@ -5,7 +5,7 @@
 
 <main>
   <div class="header">
-    <h1>Svelte Lexical!</h1>
+    <img src="src/images/logo.svg" alt="Svelte Lexical!" />
     <p>
       This Rich Text Editor is build with <a
         href="https://github.com/umaranis/svelte-lexical/">
@@ -21,20 +21,12 @@
   .header {
     text-align: center;
     padding: 1em;
-    max-width: 540px;
+    max-width: none;
     margin: 0 auto;
   }
 
-  h1 {
-    color: #ff3e00;
-    text-transform: uppercase;
-    font-size: 4em;
-    font-weight: 100;
-  }
-
-  @media (min-width: 640px) {
-    main {
-      max-width: none;
-    }
+  img {
+    margin: 2em;
+    max-width: 800px;
   }
 </style>
diff --git a/demos/richtext-editor/src/images/logo.svg b/demos/richtext-editor/src/images/logo.svg
diff --git a/demos/sveltekit/src/routes/+page.svelte b/demos/sveltekit/src/routes/+page.svelte
@@ -3,9 +3,30 @@
   import '../global.css';
 </script>
 
-<h1>Welcome to SvelteKit</h1>
-<p>
-  Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a>
-  to read the documentation
-</p>
-<RichTextComposer />
+<main>
+  <img src="images/logo.svg" alt="Svelte Lexical!" />
+  <p>
+    Welcome to <a href="https://github.com/umaranis/svelte-lexical/">
+      svelte-lexical
+    </a>
+    demo built using
+    <a href="https://kit.svelte.dev">SvelteKit</a>
+  </p>
+  <div style="text-align: left;">
+    <RichTextComposer />
+  </div>
+</main>
+
+<style>
+  main {
+    text-align: center;
+    padding: 1em;
+    max-width: none;
+    margin: 0 auto;
+  }
+
+  img {
+    margin: 2em;
+    max-width: 800px;
+  }
+</style>