From 6a0f59a1ad0906db9f37c8a236eea6bc0b20405b Mon Sep 17 00:00:00 2001
From: Made Baruna <made.setia@gmail.com>
Date: Sun, 4 Apr 2021 03:08:50 +0800
Subject: [PATCH] Update homepage

---
 src/locales/en.json           |  8 +++++-
 src/routes/_index/item.svelte | 52 +++++++++++++++++++----------------
 src/routes/_index/wish.svelte |  2 +-
 3 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/src/locales/en.json b/src/locales/en.json
index 2f35af51..940d6be7 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -35,7 +35,8 @@
     },
     "items": {
       "title": "Farmable Today",
-      "detail": "Items"
+      "detail": "Items",
+      "sunday": "Sunday can farm all items 😁"
     },
     "calculator": {
       "title": "🧮 Calculate Character and Weapons ascension material and talent book! All the calculations can be added to the Todo list, it will show you how much resin you need too!",
@@ -455,5 +456,10 @@
     ],
     "kofi": "Support me on Ko-fi",
     "trakteer": "Support me on Trakteer"
+  },
+  "reminder": {
+    "title": "Reminder Notification",
+    "notSupported": "Your browser does not support push notification, please try other browser!",
+    "blocked": "Notification is blocked, the reminder notification will not work! Please enable it on your browser."
   }
 }
\ No newline at end of file
diff --git a/src/routes/_index/item.svelte b/src/routes/_index/item.svelte
index 577b238f..fe4a9d3e 100644
--- a/src/routes/_index/item.svelte
+++ b/src/routes/_index/item.svelte
@@ -56,34 +56,38 @@
 
 <div class="bg-item rounded-xl p-4 flex flex-col">
   <p class="text-white mb-2">{$t('home.items.title')}</p>
-  <table>
-    {#each Object.entries(characterItems) as [id, characters]}
+  {#if today === 'sunday'}
+    <div class="text-white">{$t('home.items.sunday')}</div>
+  {:else}
+    <table>
+      {#each Object.entries(characterItems) as [id, characters]}
+        <tr>
+          <td class="border-b border-gray-700 h-14 w-14 pr-2 py-2 align-middle">
+            <img class="h-full" src="/images/items/{id}.png" alt={id} title={id} />
+          </td>
+          <td class="border-b border-gray-700 pt-2 align-middle">
+            {#each characters as char}
+              <img
+                class="h-10 w-auto mb-2 mr-2 inline rounded-full"
+                src="/images/characters/{char}.png"
+                alt={char}
+                title={char}
+              />
+            {/each}
+          </td>
+        </tr>
+      {/each}
       <tr>
-        <td class="border-b border-gray-700 h-14 w-14 pr-2 py-2 align-middle">
-          <img class="h-full" src="/images/items/{id}.png" alt={id} title={id} />
-        </td>
-        <td class="border-b border-gray-700 pt-2 align-middle">
-          {#each characters as char}
-            <img
-              class="h-10 w-auto mb-2 mr-2 inline rounded-full"
-              src="/images/characters/{char}.png"
-              alt={char}
-              title={char}
-            />
+        <td colspan="2" class="py-2 align-middle">
+          {#each Object.entries(weaponItems) as [id, _]}
+            <div class="h-10 w-10 mr-4 inline-block">
+              <img class="h-full" src="/images/items/{id}.png" alt={id} title={id} />
+            </div>
           {/each}
         </td>
       </tr>
-    {/each}
-    <tr>
-      <td colspan="2" class="py-2 align-middle">
-        {#each Object.entries(weaponItems) as [id, _]}
-          <div class="h-10 w-10 mr-4 inline-block">
-            <img class="h-full" src="/images/items/{id}.png" alt={id} title={id} />
-          </div>
-        {/each}
-      </td>
-    </tr>
-  </table>
+    </table>
+  {/if}
   <a
     href="/items"
     class="flex justify-end items-center self-end lg:self-start text-white mt-4 bg-background-secondary rounded-xl py-2 px-4
diff --git a/src/routes/_index/wish.svelte b/src/routes/_index/wish.svelte
index 3ddc5966..93cbe7df 100644
--- a/src/routes/_index/wish.svelte
+++ b/src/routes/_index/wish.svelte
@@ -58,7 +58,7 @@
   {:else}
     <p class="text-white mb-2">{$t('home.wish.latest')}</p>
     <div class="flex">
-      <div class="h-16 w-16" style="min-width: 4rem;">
+      <div class="h-16 w-16 mr-1" style="min-width: 4rem;">
         <img
           class="h-full w-auto"
           src={latestPull.type === 'character'