Add art and lore

src/data/Scene.vue

@@ -19,6 +19,12 @@
             class="scene-item"
             style="left: 26%; bottom: 12%; width: 40px; height: 40px"
         />
+        <img
+            v-if="day >= 21"
+            :src="sleigh"
+            class="scene-item"
+            style="left: 10%; bottom: 56%; transform: rotate(24deg); width: 100px; height: 100px"
+        />
         <img
             v-if="day >= 12"
             :src="advManagement"
@@ -102,6 +108,7 @@ import factory from "./symbols/gears.png";
 import advFactory from "./symbols/teddyBear.png";
 import presents from "./symbols/presents.png";
 import reindeer from "./symbols/reindeer.png";
+import sleigh from "./symbols/sleigh.png";
 
 defineProps<{
     day: number;

src/data/layers/reindeer.tsx

@@ -74,6 +74,7 @@ const layer = createLayer(id, function (this: BaseLayer) {
     const computedMaxCooldown = computed(() => 10);
 
     function focus() {
+        currCooldown.value = Decimal.fromValue(computedMaxCooldown.value).toNumber();
         let targetsSelected = 0;
         currTargets.value = {};
         timeSinceFocus.value = 0;
@@ -141,7 +142,6 @@ const layer = createLayer(id, function (this: BaseLayer) {
         },
         canClick: () => Decimal.eq(currCooldown.value, 0),
         onClick() {
-            currCooldown.value = Decimal.fromValue(computedMaxCooldown.value).toNumber();
             focus();
         }
     }));
@@ -488,7 +488,7 @@ const layer = createLayer(id, function (this: BaseLayer) {
         let auto = false;
         if (upgrade7.bought.value) {
             timeSinceFocus.value += diff;
-            if (timeSinceFocus.value > 10) {
+            if (timeSinceFocus.value > 20) {
                 auto = true;
             }
         }

src/data/projEntry.tsx

@@ -59,6 +59,7 @@ import treeSymbol from "./symbols/tree.png";
 import toysSymbol from "./symbols/truck.png";
 import advManagementSymbol from "./symbols/workshopMansion.png";
 import wrappingPaperSymbol from "./symbols/wrappingPaper.png";
+import sleighSymbol from "./symbols/sleigh.png";
 
 export interface Day extends VueFeature {
     day: number;
@@ -488,10 +489,11 @@ export const main = createLayer("main", function (this: BaseLayer) {
         createDay(() => ({
             day: 22,
             shouldNotify: false,
-            layer: "sleigh", // "sleigh"
-            symbol: "",
-            story: "default body",
-            completedStory: "",
+            layer: "sleigh",
+            symbol: sleighSymbol,
+            story: "You realize you haven't noticed a very important object since you've started working here. Where's the sleigh? You bring it up to Santa and he immediately becomes visibly stressed, mentioning it's been in disrepair and he completely forgot! You promise you'll get it back in shape in no time!",
+            completedStory:
+                "Crisis averted! The sleigh has been returned to it's full splendor. Santa is incredibly appreciative. Good Job!",
             masteredStory: ""
         })),
         createDay(() => ({