diff --git a/src/components/Game.vue b/src/components/Game.vue
index 238a17a..5a470fd 100644
--- a/src/components/Game.vue
+++ b/src/components/Game.vue
@@ -43,6 +43,31 @@
+ (main.creditsOpen.value = value)"
+ >
+ credits go here
+
+
diff --git a/src/data/advent.css b/src/data/advent.css
index e6eddbd..80129d6 100644
--- a/src/data/advent.css
+++ b/src/data/advent.css
@@ -29,3 +29,13 @@
justify-content: space-around;
margin-bottom: -5%;
}
+
+.present-clickable {
+ cursor: pointer;
+ width: 30%;
+ text-align: center;
+ transition: all .2s ease-in-out;
+}
+.present-clickable:hover {
+ transform: scale(1.2);
+}
\ No newline at end of file
diff --git a/src/data/projEntry.tsx b/src/data/projEntry.tsx
index 534f059..07f1ef2 100644
--- a/src/data/projEntry.tsx
+++ b/src/data/projEntry.tsx
@@ -55,6 +55,8 @@ import toysSymbol from "./symbols/truck.png";
import advFactorySymbol from "./symbols/teddyBear.png";
import advManagementSymbol from "./symbols/workshopMansion.png";
import wrappingPaperSymbol from "./symbols/wrappingPaper.png";
+import snowflakeSymbol from "./symbols/snowflake.svg";
+import presentSymbol from "./layers/factory-components/present.svg"
export interface Day extends VueFeature {
day: number;
@@ -79,6 +81,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
const loreTitle = ref("");
const loreBody = ref();
+ const creditsOpen = ref(false);
+
const currentlyMastering = computed(() =>
isMastery.value
? Object.values(layers).find(
@@ -511,8 +515,8 @@ export const main = createLayer("main", function (this: BaseLayer) {
day: 25,
shouldNotify: false,
layer: null, // credits
- symbol: "",
- story: "It's Christmas. Thanks to your efforts, Santa has delivered all the presents to people all over the world. That is, all but one...",
+ symbol: snowflakeSymbol,
+ story: `It's Christmas. Thanks to your efforts, Santa has delivered all the presents to people all over the world. That is, all but one...