Feat/improvements

index.html

@@ -25,5 +25,41 @@
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
     <script async defer src="https://cabin.archiguesser.com/hello.js"></script>
+    <script>
+      try {
+        const urlParameters = new URLSearchParams(window.location.search);
+        const requestedDay = urlParameters.get("day");
+        const isArcadeMode = urlParameters.get("challenge") || false;
+
+        if (!isArcadeMode) {
+          let day;
+          if (
+            requestedDay &&
+            !isNaN(parseInt(requestedDay))
+          ) {
+            day = parseInt(requestedDay);
+          } else {
+            const StartDate = Date.UTC(2022,6,1);
+            const now = new Date();
+            const timestamp1 = Date.UTC(
+              now.getFullYear(),
+              now.getMonth(),
+              now.getDate(),
+            );
+            const differenceInMilliseconds = timestamp1 - StartDate;
+            const differenceInDays = differenceInMilliseconds / 1000 / 60 / 60 / 24;
+
+            day = differenceInDays;
+          }
+
+          let link = document.createElement('link');
+          link.as = 'image';
+          link.type = 'image/jpeg';
+          link.rel = 'preload';
+          link.href = `${day}/1.jpg`;
+          document.head.appendChild(link);
+        }
+      } catch (e) { console.error(e); }
+    </script>
   </body>
 </html>

public/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

src/components/daily/EndDisplay.vue

@@ -40,6 +40,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  withGuesses: {
+    type: Boolean,
+    default: true,
+  },
 });
 
 const isCommunity = computed(() =>
@@ -118,7 +122,7 @@ onMounted(async () => {
       </div>
     </div>
     <div id="share-message" v-html="resultSquares" />
-    <div class="column-stretch">
+    <div class="column-stretch" v-if="withGuesses">
       <a class="text-small text-center" href="#" @click="toggleGuesses">
         {{ showGuesses ? "Hide" : "Show" }} Guesses
       </a>

src/components/modals/ArcadeModal.vue

@@ -90,6 +90,7 @@ const maxLevel = (category: string) =>
                 class="thumbnail"
                 :src="`categories/${category}.jpg`"
                 :alt="`#${i}`"
+                loading="lazy"
               />
               <div class="thumbnail-overlay">
                 <span v-if="dynamicTextByCategory[category] !== ''">{{

src/components/modals/BackModal.vue

@@ -95,7 +95,12 @@ const goToDay = (i?: number) => (window.location.href = i ? `/?day=${i}` : "/");
               ]"
               v-else
             >
-              <img class="thumbnail" :src="`${i}/0.jpg`" :alt="`#${i}`" />
+              <img
+                class="thumbnail"
+                :src="`${i}/0.jpg`"
+                :alt="`#${i}`"
+                loading="lazy"
+              />
               <div v-if="isDayPlayed(i)" class="thumbnail-overlay">
                 <span style="margin-right: 0.5rem">#{{ i }}</span>
                 <div class="icon icon-check"><IconCheck /></div>

src/pages/DailyPage.vue

@@ -19,14 +19,25 @@ const percent = ref();
 const guesses: string[] = reactive([]);
 const project = reactive(getProjectInformation());
 const { dayNumber, answer, constructionYears, copyrights } = project;
+const showGuesses = ref(true);
 
 document.title = `ArchiGuesser #${dayNumber} - Guess the daily architectural project from the pictures`;
 
 if (localStorage.getItem("dayNumber") === dayNumber.toString()) {
   guesses.push(...JSON.parse(localStorage.getItem("guesses") || "[]"));
 } else {
-  localStorage.setItem("dayNumber", dayNumber.toString());
-  localStorage.setItem("guesses", JSON.stringify([]));
+  if (stats[dayNumber] == undefined) {
+    localStorage.setItem("dayNumber", dayNumber.toString());
+    localStorage.setItem("guesses", JSON.stringify([]));
+  } else {
+    if (stats[dayNumber] > 0) {
+      guesses.push(...Array(stats[dayNumber] - 1).fill(""));
+      guesses.push(project.answer);
+    } else {
+      guesses.push(...Array(6).fill(""));
+    }
+    showGuesses.value = false;
+  }
 }
 
 const isHorsSerie = computed(() => !!project["hors-serie"]);
@@ -109,6 +120,7 @@ tagFeedbacks();
     :has-won="hasWon"
     :percent="percent"
     :project="project"
+    :with-guesses="showGuesses"
     @showBackModal="$emit('showBackModal')"
   />
 </template>