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 @@ + + 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...


Open your present
`, completedStory: "", masteredStory: "" })) @@ -565,6 +569,7 @@ export const main = createLayer("main", function (this: BaseLayer) { swappingMastery, currentlyMastering, masteredDays, + creditsOpen, display: jsx(() => ( <> {player.devSpeed === 0 ?
Game Paused
: null} diff --git a/src/data/symbols/snowflake.svg b/src/data/symbols/snowflake.svg new file mode 100644 index 0000000..b77deec --- /dev/null +++ b/src/data/symbols/snowflake.svg @@ -0,0 +1,39 @@ + + + + + + + + + +