Umami, more post images width, new article (#17)

kalwabed · Nov 12, 2022 · 956b32c · 956b32c · vercel · Nov 12, 2022
1 parent 00940bf
commit 956b32c
Show file tree

Hide file tree

Showing 9 changed files with 144 additions and 70 deletions.
diff --git a/.env.example b/.env.example
@@ -1,3 +1,5 @@
 DATABASE_URL=
 BOT_TOKEN=
 BOT_GROUP_ID=
+PUBLIC_UMAMI_WEBSITE_ID=
+PUBLIC_UMAMI_URL=
diff --git a/package.json b/package.json
@@ -13,11 +13,11 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-vercel": "1.0.0-next.81",
-    "@sveltejs/kit": "1.0.0-next.539",
+    "@sveltejs/kit": "1.0.0-next.543",
     "@typescript-eslint/eslint-plugin": "^5.42.1",
     "@typescript-eslint/parser": "^5.42.1",
+    "@unocss/preset-rem-to-px": "^0.46.4",
     "@unocss/preset-typography": "^0.46.4",
-    "@unocss/preset-wind": "^0.46.4",
     "@unocss/reset": "^0.46.4",
     "@unocss/transformer-variant-group": "^0.46.4",
     "@vitest/coverage-istanbul": "^0.25.1",
@@ -28,10 +28,10 @@
     "mdsvex": "^0.10.6",
     "prettier": "^2.7.1",
     "prettier-plugin-svelte": "^2.8.0",
-    "prisma": "^4.6.0",
+    "prisma": "^4.6.1",
     "rehype-autolink-headings": "^6.1.1",
     "rehype-slug": "^5.1.0",
-    "svelte": "^3.52.0",
+    "svelte": "^3.53.1",
     "svelte-check": "^2.9.2",
     "svelte-preprocess": "^4.10.7",
     "tslib": "^2.4.1",
@@ -44,7 +44,7 @@
   "dependencies": {
     "@fontsource/montserrat": "^4.5.13",
     "@fontsource/open-sans": "^4.5.13",
-    "@prisma/client": "^4.6.0",
+    "@prisma/client": "^4.6.1",
     "notie": "^4.3.1"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app.html b/src/app.html
@@ -15,12 +15,4 @@
   <body>
     <div id="svelte">%sveltekit.body%</div>
   </body>
-
-  <script
-    async
-    defer
-    data-do-not-track="true"
-    data-website-id="2b9f5efb-e054-4c0f-bfb8-44063fc990a4"
-    src="https://guests.kalwabed.xyz/umami.js"
-  ></script>
 </html>
diff --git a/src/lib/components/blog/Image.svelte b/src/lib/components/blog/Image.svelte
@@ -4,17 +4,17 @@
   export let isFullWidth = false;
 </script>
 
-<figure class="text-center">
+<figure class="text-center not-prose space-y-2 lg:w-[800px] lg:-mx-24">
   <img
     {src}
-    alt="Ini gambar"
-    class="rounded-lg mx-auto {isFullWidth ? 'w-full' : ''}"
+    alt={caption}
+    class="rounded-lg mx-auto {isFullWidth ? 'w-[800px]' : ''}"
     height="420"
     width="420"
     decoding="async"
     loading="lazy"
   />
-  <caption class="text-xs inline-flex space-x-1">
+  <figcaption class="text-xs inline-flex space-x-1">
     {@html caption}
-  </caption>
+  </figcaption>
 </figure>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -6,11 +6,22 @@
   import '@fontsource/open-sans/600.css';
   import '@fontsource/montserrat/400.css';
   import '@fontsource/montserrat/600.css';
+  import { PUBLIC_UMAMI_WEBSITE_ID, PUBLIC_UMAMI_URL } from '$env/static/public';
 
   import TopNavigation from '$lib/components/TopNavigation.svelte';
   import Footer from '$lib/components/Footer.svelte';
 </script>
 
+<svelte:head>
+  <script
+    async
+    defer
+    data-do-not-track="true"
+    data-website-id={PUBLIC_UMAMI_WEBSITE_ID}
+    src={PUBLIC_UMAMI_URL}
+  ></script>
+</svelte:head>
+
 <div class="w-full flex-auto flex flex-col h-full">
   <TopNavigation />
   <main class="w-full max-w-full md:max-w-screen-lg mx-auto flex flex-col mt-10 md:mt-20 p-4 md:p-0">