Og

LorisSigrist · Oct 9, 2023 · e9ce4a0 · e9ce4a0
1 parent c1f4026
commit e9ce4a0
Show file tree

Hide file tree

Showing 5 changed files with 104 additions and 20 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -10,6 +10,15 @@
     />
     <link rel="icon shortcut" href="/favicon.svg" type="image/svg+xml" />
 
+    <meta name="description" content="Typesafe Translations for SvelteKit with great DX" />
+    <meta name="keywords" content="Internationalizarion, i18n, translation, typesafe, svelte, sveltekit, typescript" />
+    <meta name="author" content="Loris Sigrist" />
+    <meta name="og:title" content="T18S Documentation" />
+    <meta name="og:description" content="Typesafe Translations for SvelteKit with great DX" />
+    <meta name="og:image" content="/og.png" />
+    <meta name="og:url" content="https://t18s.sigrist.dev" />
+
+
     <style>
       video {
         max-width: 100%;

diff --git a/docs/og.png b/docs/og.png
diff --git a/src/toolkit/runtime/Icon.svelte b/src/toolkit/runtime/Icon.svelte
@@ -1,21 +1,103 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
+  width="128"
+  height="128"
+  viewBox="0 0 128 128"
   fill="none"
-  viewBox="0 0 24 24"
-  stroke-width="1.5"
-  stroke="currentColor"
+  xmlns="http://www.w3.org/2000/svg"
 >
+  <g filter="url(#filter0_d_26_44)">
+    <path
+      d="M41 95C66.3431 95 80.6275 68.3243 88 48"
+      stroke="white"
+      stroke-width="22"
+      stroke-linecap="round"
+    />
+    <path
+      d="M51 61C51 61 54.5 79.1863 78.5 89.5"
+      stroke="white"
+      stroke-width="22"
+      stroke-linecap="round"
+    />
+    <path
+      d="M69 33V42"
+      stroke="white"
+      stroke-width="22"
+      stroke-linecap="round"
+    />
+    <path
+      d="M35 51.6181C58.5 41.6181 77 41.3044 101 51.6181"
+      stroke="white"
+      stroke-width="22"
+      stroke-linecap="round"
+    />
+  </g>
+  <path
+    d="M41 95C66.3431 95 80.6275 68.3243 88 48"
+    stroke="#003E66"
+    stroke-width="10"
+    stroke-linecap="round"
+  />
+  <path
+    d="M51 61C51 61 54.5 79.1863 78.5 89.5"
+    stroke="#003E66"
+    stroke-width="10"
+    stroke-linecap="round"
+  />
+  <path
+    d="M69 33V42"
+    stroke="#FF3E00"
+    stroke-width="10"
+    stroke-linecap="round"
+  />
   <path
+    d="M35 51.6181C58.5 41.6181 77 41.3044 101 51.6181"
+    stroke="#FF3E00"
+    stroke-width="10"
     stroke-linecap="round"
-    stroke-linejoin="round"
-    d="M10.5 21l5.25-11.25L21 21m-9-3h7.5M3 5.621a48.474 48.474 0 016-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 01-3.827-5.802"
   />
+  <defs>
+    <filter
+      id="filter0_d_26_44"
+      x="17.9972"
+      y="17"
+      width="104.006"
+      height="100"
+      filterUnits="userSpaceOnUse"
+      color-interpolation-filters="sRGB"
+    >
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix
+        in="SourceAlpha"
+        type="matrix"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+        result="hardAlpha"
+      />
+      <feOffset dx="2" dy="3" />
+      <feGaussianBlur stdDeviation="4" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix
+        type="matrix"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+      />
+      <feBlend
+        mode="normal"
+        in2="BackgroundImageFix"
+        result="effect1_dropShadow_26_44"
+      />
+      <feBlend
+        mode="normal"
+        in="SourceGraphic"
+        in2="effect1_dropShadow_26_44"
+        result="shape"
+      />
+    </filter>
+  </defs>
 </svg>
 
-
 <style>
-    svg {
-        width: 1em;
-        height: 1em;
-    }
-</style>
+  svg {
+    width: 1.5em;
+    height: 1.5em;
+    transform: scale(2);
+  }
+</style>
diff --git a/src/toolkit/runtime/Toolkit.svelte b/src/toolkit/runtime/Toolkit.svelte
@@ -26,12 +26,5 @@
     bottom: 1rem;
     right: 1rem;
     z-index: 10000;
-
-    font-size: 1.5rem;
-
-    padding: 0.5rem;
-    background-color: #ff3e00;
-    color: white;
-    border-radius: 0.25rem;
   }
 </style>
diff --git a/src/toolkit/runtime/index.js b/src/toolkit/runtime/index.js
@@ -1,5 +1,5 @@
 // @ts-expect-error missing
-import Toolkit from "virtual:t18s-toolkit:Toolkit.svelte";
+import Toolkit from "./Toolkit.svelte";
 
 function create_host() {
   const id = "t18s-toolkit-host";