Merge pull request #10 from nnivxix/feat/richer-ui-pwa

feat/richer ui pwa
nnivxix · Mar 12, 2024 · b4df0ce · b4df0ce
2 parents 382e1b1 + 1044855
commit b4df0ce
Show file tree

Hide file tree

Showing 12 changed files with 100 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -3,32 +3,58 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/x-icon" href="icons/favicon.ico" />
-    <link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" href="icons/apple-touch-icon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="anonymous">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
-    <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet" crossorigin="anonymous">
-    <meta name="theme-color" content="#ffffff">
+    <link
+      rel="preconnect"
+      href="https://fonts.googleapis.com"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preconnect"
+      href="https://fonts.gstatic.com"
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
+      rel="stylesheet"
+      crossorigin="anonymous"
+    />
+    <meta name="theme-color" content="#ffffff" />
 
     <!-- Primary Meta Tags -->
     <title>Tomodo - Tomorrow what you do?</title>
-    <meta name="title" content="Tomodo - Tomorrow what you do?">
-    <meta name="description" content="Create todo right now, let's do great today, don't busy be productive.">
+    <meta name="title" content="Tomodo - Tomorrow what you do?" />
+    <meta
+      name="description"
+      content="Tomodo - Create todo right now, let's do great today, don't busy be productive."
+    />
 
     <!-- Open Graph / Facebook -->
-    <meta property="og:type" content="website">
-    <meta property="og:url" content="https://tomodo-alpha.vercel.app/">
-    <meta property="og:title" content="Tomodo - Tomorrow what you do?">
-    <meta property="og:description" content="Create todo right now, let's do great today, don't busy be productive.">
-    <meta property="og:image" content="https://i.ibb.co/HrytXX3/thumbnaoil.jpg">
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://tomodo-alpha.vercel.app/" />
+    <meta property="og:title" content="Tomodo - Tomorrow what you do?" />
+    <meta
+      property="og:description"
+      content="Create todo right now, let's do great today, don't busy be productive."
+    />
+    <meta
+      property="og:image"
+      content="https://i.ibb.co/HrytXX3/thumbnaoil.jpg"
+    />
 
     <!-- Twitter -->
-    <meta property="twitter:card" content="summary_large_image">
-    <meta property="twitter:url" content="https://tomodo-alpha.vercel.app/">
-    <meta property="twitter:title" content="Tomodo - Tomorrow what you do?">
-    <meta property="twitter:description" content="Create todo right now, let's do great today, don't busy be productive.">
-    <meta property="twitter:image" content="https://i.ibb.co/HrytXX3/thumbnaoil.jpg">
-
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://tomodo-alpha.vercel.app/" />
+    <meta property="twitter:title" content="Tomodo - Tomorrow what you do?" />
+    <meta
+      property="twitter:description"
+      content="Create todo right now, let's do great today, don't busy be productive."
+    />
+    <meta
+      property="twitter:image"
+      content="https://i.ibb.co/HrytXX3/thumbnaoil.jpg"
+    />
   </head>
   <body>
     <div id="app"></div>

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "tomodo",
   "private": true,
-  "version": "0.8.1",
+  "version": "0.9.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+User-Agent:*
+
+disallow: /collection/*
diff --git a/public/screenshots/narrow-1.jpg b/public/screenshots/narrow-1.jpg
diff --git a/public/screenshots/narrow-2.jpg b/public/screenshots/narrow-2.jpg
diff --git a/public/screenshots/narrow-3.jpg b/public/screenshots/narrow-3.jpg
diff --git a/public/screenshots/narrow-4.jpg b/public/screenshots/narrow-4.jpg
diff --git a/public/screenshots/wide-1.jpg b/public/screenshots/wide-1.jpg
diff --git a/public/screenshots/wide-2.jpg b/public/screenshots/wide-2.jpg
diff --git a/public/screenshots/wide-3.jpg b/public/screenshots/wide-3.jpg
diff --git a/public/screenshots/wide-4.jpg b/public/screenshots/wide-4.jpg
diff --git a/vite.config.js b/vite.config.js
@@ -74,8 +74,59 @@ export default defineConfig({
         name: "Tomodo",
         short_name: "Tomodo",
         start_url: "/",
-        description: "Kelarin semuanya",
+        description:
+          "Tomodo is application to do list for make human productive. Create todo right now, let's do great today, don't busy be productive.",
         theme_color: "#ffffff",
+        screenshots: [
+          {
+            src: "screenshots/wide-1.jpg",
+            sizes: "768x432",
+            form_factor: "wide",
+            label: "home",
+          },
+          {
+            src: "screenshots/wide-2.jpg",
+            sizes: "768x432",
+            form_factor: "wide",
+            label: "detail collection",
+          },
+          {
+            src: "screenshots/wide-3.jpg",
+            sizes: "768x432",
+            form_factor: "wide",
+            label: "import collection",
+          },
+          {
+            src: "screenshots/wide-4.jpg",
+            sizes: "768x432",
+            form_factor: "wide",
+            label: "form update collection",
+          },
+          {
+            src: "screenshots/narrow-1.jpg",
+            sizes: "375x667",
+            form_factor: "narrow",
+            label: "home",
+          },
+          {
+            src: "screenshots/narrow-2.jpg",
+            sizes: "375x667",
+            form_factor: "narrow",
+            label: "detail collection",
+          },
+          {
+            src: "screenshots/narrow-3.jpg",
+            sizes: "375x667",
+            form_factor: "narrow",
+            label: "update collection",
+          },
+          {
+            src: "screenshots/narrow-4.jpg",
+            sizes: "375x667",
+            form_factor: "narrow",
+            label: "import collection",
+          },
+        ],
         shortcuts: [
           {
             name: "Import Collection",