update depends

centralized save data
restore a little bit of loading data logic
2026-05-12 06:26:59 +00:00 · 2024-11-24 16:08:30 +01:00 · 2024-11-22 22:53:11 +01:00 · 2024-11-21 20:57:02 +01:00 · 2024-11-21 20:56:40 +01:00 · 2024-11-21 20:56:20 +01:00
112 changed files with 8893 additions and 4515 deletions
@@ -8,18 +8,19 @@
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap" rel="stylesheet">
-
+  <link rel="manifest" href="/manifest.json" />
+  <link rel="preload" href="/img/promo/chicken_mage.jpg" as="image">
  <meta name="description"
        content="Guild Master is a browser game where you manage your own adventurer's guild!"/>
  <meta property="twitter:title" content="Guild Master - Adventurer's guild management game"/>
-  <meta property="twitter:image" content="https://guildmaster.yht.one/img/compass_rose.png"/>
+  <meta property="twitter:image" content="https://guildmaster.yht.one/img/app-icons/icon.png"/>
  <meta property="twitter:description"
        content="Guild Master is a browser game where you manage your own adventurer's guild!"/>
  <meta property="og:title" content="Guild Master - Adventurer's guild management game"/>
  <meta property="og:url" content="https://guildmaster.yht.one/"/>
  <meta property="og:description"
        content="Guild Master is a browser game where you manage your own adventurer's guild!"/>
-  <meta property="og:image" content="https://guildmaster.yht.one/img/compass_rose.png"/>
+  <meta property="og:image" content="https://guildmaster.yht.one/img/app-icons/icon.png"/>
 </head>
 <body>
 <div id="app"></div>
@@ -1 +0,0 @@
-Looking for artists for assets for this game! Need backgrounds, icons and character portraits! Join discord for more info!
@@ -1,29 +1,31 @@
 {
  "name": "adventurers-guild",
-  "version": "0.10.0",
+  "version": "0.14.0",
  "private": true,
  "scripts": {
    "dev": "vite",
-    "build": "run-p type-check build-only && cp -r CNAME dist/CNAME",
+    "dev-public": "vite --host",
+    "build": "run-p build-only && cp -r CNAME dist/CNAME",
    "preview": "vite preview",
    "build-only": "vite build",
    "type-check": "vue-tsc --noEmit"
  },
  "dependencies": {
-    "@vueuse/components": "^9.13.0",
-    "sass": "^1.63.6",
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.2"
+    "@vueuse/components": "^11.3.0",
+    "sass": "^1.81.0",
+    "vue": "^3.5.13",
+    "vue-router": "^4.4.5"
  },
  "devDependencies": {
-    "@types/node": "^18.16.19",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.44.0",
-    "eslint-plugin-vue": "^9.15.1",
+    "@types/node": "^18.19.64",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "@vue/tsconfig": "^0.6.0",
+    "eslint": "^9.15.0",
+    "eslint-plugin-vue": "^9.31.0",
    "npm-run-all": "^4.1.5",
-    "typescript": "~5.1.6",
-    "vite": "4.3.9",
-    "vue-tsc": "^1.8.3"
+    "typescript": "~5.7.2",
+    "vite": "5.4.11",
+    "vite-plugin-pwa": "^0.21.0",
+    "vue-tsc": "^2.1.10"
  }
 }
@@ -0,0 +1,115 @@
+{
+  "levelRequirement": {
+    "F": 1,
+    "E": 5,
+    "D": 10,
+    "C": 25,
+    "B": 50,
+    "A": 100,
+    "S": 250
+  },
+  "ranks": {
+    "F": [
+      {
+        "title": "Frog Frenzy",
+        "text": "Kill 10 demon frogs."
+      },
+      {
+        "title": "Rats!",
+        "text": "Get rid of the rats from someone's basement."
+      },
+      {
+        "title": "Herb gathering",
+        "text": "Collect medicinal herbs."
+      },
+      {
+        "title": "Big pile of rubble",
+        "text": "Tavern collapsed. Again. Help clean up the debris."
+      }
+    ],
+    "E": [
+      {
+        "title": "Gnoblin subjugation",
+        "text": "Kill 3 gnoblins."
+      },
+      {
+        "title": "Phantom menace",
+        "text": "Exorcise ghosts out of someone's apartment."
+      },
+      {
+        "title": "Scratchy in peril",
+        "text": "Get Scratchy the cat from the tree safe onto the ground."
+      }
+    ],
+    "D": [
+      {
+        "title": "Caravan escort",
+        "text": "Escort a merchant caravan."
+      },
+      {
+        "title": "Rare ore",
+        "text": "Obtain laudanium ore for town's blacksmith."
+      },
+      {
+        "title": "Demonic pests!",
+        "text": "Clear the fields from cabbage imps."
+      }
+    ],
+    "C": [
+      {
+        "title": "Scratchy, the butcher",
+        "text": "Scratchy turned evil and is terrorizing its victims. Put a stop to it!"
+      },
+      {
+        "title": "Hobgnoblin subjegation",
+        "text": "Gnoblins evolved and are back for vengeance."
+      },
+      {
+        "title": "Holy",
+        "text": "Gnoblins summoned their machine god and it started going haywire on everything around it. Destroy it!"
+      }
+    ],
+    "B": [
+      {
+        "title": "Undead horde",
+        "text": "Due to the spillage of necromancy potion at nearby graveyard we now have an undead army on our doorstep."
+      },
+      {
+        "title": "Runaway prisoner",
+        "text": "During the last prison guard strike a prisoner managed to escape. Bring them back to their cell."
+      },
+      {
+        "title": "The aristocrats",
+        "text": "Royalty wants an escort for one of their carriages."
+      }
+    ],
+    "A": [
+      {
+        "title": "Ogre king",
+        "text": "Ogres have chosen a new king through democratic vote. They all voted for the strongest ogre."
+      },
+      {
+        "title": "Devilish dungeon",
+        "text": "New dungeon was discovered. It needs to be mapped and explored so lower rank adventurers can enter."
+      },
+      {
+        "title": "Eater of Worlds",
+        "text": "A giant worm emerged from the ground and appears to be consuming the ground itself."
+      }
+    ],
+    "S": [
+      {
+        "title": "The Demon King",
+        "text": "Demon King has awoken and is a threat to whole existence. Heroes needed."
+      },
+      {
+        "title": "Scratchy, Destruction Incarnate",
+        "text": "Scratchy was reborn as a machine of pure destruction and needs to be stopped."
+      },
+      {
+        "title": "Jiggly Jungle",
+        "text": "A jungle south began rapidly expanding and experts think arson is our only option."
+      }
+    ]
+  }
+}
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "Ogre king",
-    "text": "Ogres have chosen a new king through democratic vote. They all voted for the strongest ogre."
-  },
-  {
-    "title": "Devilish dungeon",
-    "text": "New dungeon was discovered. It needs to be mapped and explored so lower rank adventurers can enter."
-  },
-  {
-    "title": "Eater of Worlds",
-    "text": "A giant worm emerged from the ground and appears to be consuming the ground itself."
-  }
-]
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "Undead horde",
-    "text": "Due to the spillage of necromancy potion at nearby graveyard we now have an undead army on our doorstep."
-  },
-  {
-    "title": "Runaway prisoner",
-    "text": "During the last prison guard strike a prisoner managed to escape. Bring them back to their cell."
-  },
-  {
-    "title": "The aristocrats",
-    "text": "Royalty wants an escort for one of their carriages."
-  }
-]
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "Scratchy, the butcher",
-    "text": "Scratchy turned evil and is terrorizing its victims. Put a stop to it!"
-  },
-  {
-    "title": "Hobgnoblin subjegation",
-    "text": "Gnoblins evolved and are back for vengeance."
-  },
-  {
-    "title": "Holy",
-    "text": "Gnoblins summoned their machine god and it started going haywire on everything around it. Destroy it!"
-  }
-]
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "Caravan escort",
-    "text": "Escort a merchant caravan."
-  },
-  {
-    "title": "Rare ore",
-    "text": "Obtain laudanium ore for town's blacksmith."
-  },
-  {
-    "title": "Demonic pests!",
-    "text": "Clear the fields from cabbage imps."
-  }
-]
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "Gnoblin subjegation",
-    "text": "Kill 3 gnoblins."
-  },
-  {
-    "title": "Phantom menace",
-    "text": "Exorcise ghosts out of someone's apartment."
-  },
-  {
-    "title": "Scratchy in peril",
-    "text": "Get Scratchy the cat from the tree safe onto the ground."
-  }
-]
@@ -1,18 +0,0 @@
-[
-  {
-    "title": "Frog Frenzy",
-    "text": "Kill 10 demon frogs."
-  },
-  {
-    "title": "Rats!",
-    "text": "Get rid of the rats from someone's basement."
-  },
-  {
-    "title": "Herb gathering",
-    "text": "Collect medicinal herbs."
-  },
-  {
-    "title": "Big pile of rubble",
-    "text": "Tavern collapsed. Again. Help clean up the debris."
-  }
-]
@@ -1,14 +0,0 @@
-[
-  {
-    "title": "The Demon King",
-    "text": "Demon King has awoken and is a threat to whole existence. Heroes needed."
-  },
-  {
-    "title": "Scratchy, Destruction Incarnate",
-    "text": "Scratchy was reborn as a machine of pure destruction and needs to be stopped."
-  },
-  {
-    "title": "Jiggly Jungle",
-    "text": "A jungle south began rapidly expanding and experts think arson is our only option."
-  }
-]
@@ -0,0 +1,59 @@
+{
+  "name": "Guild Master - Adventurer's guild management game",
+  "short_name": "Guild Master",
+  "theme_color": "#3C2114",
+  "background_color": "#d9c8b3",
+  "display": "standalone",
+  "scope": "./",
+  "start_url": "./",
+  "icons": [
+    {
+      "src": "img/app-icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "img/app-icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "img/app-icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "img/app-icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "img/app-icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "img/app-icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "img/app-icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "img/app-icons/icon.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable any"
+    }
+  ]
+}
@@ -0,0 +1,82 @@
+[
+  {
+    "id": "aldek",
+    "name": "Aldek"
+  },
+  {
+    "id": "aria",
+    "name": "Aria"
+  },
+  {
+    "id": "burnett",
+    "name": "Burnett"
+  },
+  {
+    "id": "charlotte",
+    "name": "Charlotte"
+  },
+  {
+    "id": "ella",
+    "name": "Ella"
+  },
+  {
+    "id": "elyza",
+    "name": "Elyza"
+  },
+  {
+    "id": "emille",
+    "name": "Emille"
+  },
+  {
+    "id": "garret",
+    "name": "Garret"
+  },
+  {
+    "id": "gryza",
+    "name": "Gryza"
+  },
+  {
+    "id": "lestat",
+    "name": "Lestat"
+  },
+  {
+    "id": "lydia",
+    "name": "Lydia"
+  },
+  {
+    "id": "noor",
+    "name": "Noor"
+  },
+  {
+    "id": "noron",
+    "name": "Noron"
+  },
+  {
+    "id": "oola",
+    "name": "Oola"
+  },
+  {
+    "id": "owen",
+    "name": "Owen"
+  },
+  {
+    "id": "ryslette",
+    "name": "Ryslette"
+  },
+  {
+    "id": "sally",
+    "name": "Sally"
+  },
+  {
+    "id": "tovu",
+    "name": "Tovu"
+  },
+  {
+    "id": "wrydio",
+    "name": "Wrydio"
+  },
+  {
+    "id": "xarya",
+    "name": "Xarya"
+  }
+]
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 width="800px" height="800px" viewBox="0 0 569.613 569.614"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M371.49,563.638l113.052-65.854c5.26-3.063,9.088-8.094,10.64-13.975c1.555-5.888,0.701-12.148-2.359-17.405
+			l-30.769-52.807c4.789-6.524,9.083-13.115,12.972-19.918c3.893-6.799,7.405-13.84,10.606-21.275l61.114-0.221
+			c6.086-0.021,11.915-2.464,16.202-6.781c4.287-4.32,6.687-10.165,6.665-16.255l-0.48-130.833
+			c-0.024-6.089-2.464-11.919-6.784-16.206c-4.299-4.269-10.113-6.662-16.166-6.662c-0.03,0-0.062,0-0.089,0l-61.182,0.242
+			c-6.444-14.462-14.428-28.14-23.871-40.913l30.417-53.143c6.294-11.001,2.481-25.025-8.52-31.316L369.403,5.335
+			c-5.281-3.023-11.545-3.822-17.424-2.231c-5.872,1.598-10.872,5.462-13.892,10.747L307.665,67
+			c-15.766-1.662-31.653-1.613-47.363,0.144l-30.796-52.892c-3.063-5.263-8.094-9.091-13.975-10.646
+			c-5.884-1.551-12.148-0.704-17.408,2.359L85.068,71.823c-10.949,6.38-14.657,20.429-8.28,31.38l30.765,52.831
+			c-4.761,6.484-9.048,13.076-12.953,19.899c-3.904,6.824-7.417,13.855-10.6,21.255l-61.139,0.235
+			C10.187,197.472-0.046,207.785,0,220.456L0.48,351.29c0.024,6.086,2.463,11.919,6.784,16.206
+			c4.299,4.269,10.11,6.661,16.166,6.661c0.028,0,0.058,0,0.086,0l61.203-0.229c6.432,14.452,14.413,28.131,23.868,40.915
+			l-30.413,53.141c-3.023,5.284-3.825,11.548-2.231,17.423c1.597,5.872,5.462,10.872,10.747,13.896l113.535,64.977
+			c3.596,2.056,7.513,3.032,11.38,3.032c7.962,0,15.701-4.146,19.942-11.552l30.417-53.149c15.799,1.671,31.684,1.619,47.348-0.144
+			l30.799,52.89c3.066,5.26,8.094,9.088,13.978,10.643C359.967,567.552,366.23,566.705,371.49,563.638z M341.129,465.911
+			c-4.902-8.418-14.599-12.815-24.137-10.994c-20.588,3.935-42.174,3.999-63.128,0.202c-9.572-1.735-19.184,2.741-24.015,11.181
+			l-26.748,46.745l-73.694-42.18l26.75-46.741c4.832-8.439,3.819-19.006-2.521-26.371c-13.978-16.239-24.685-34.594-31.818-54.554
+			c-3.265-9.131-11.918-15.227-21.61-15.227c-0.027,0-0.058,0-0.085,0l-53.825,0.199l-0.315-84.937l53.819-0.205
+			c9.722-0.04,18.366-6.197,21.576-15.374c3.69-10.557,7.962-20.019,13.06-28.917c5.101-8.914,11.089-17.387,18.311-25.897
+			c6.294-7.417,7.225-17.993,2.334-26.396l-27.081-46.509l73.385-42.754l27.078,46.497c4.893,8.4,14.544,12.821,24.095,11.004
+			c20.716-3.911,42.317-3.978,63.189-0.19c9.557,1.753,19.189-2.742,24.019-11.178l26.753-46.744l73.697,42.179l-26.753,46.742
+			c-4.826,8.437-3.816,19,2.521,26.368c13.956,16.221,24.669,34.587,31.842,54.59c3.271,9.119,11.919,15.202,21.604,15.202
+			c0.031,0,0.062,0,0.092,0l53.789-0.214l0.315,84.927l-53.783,0.192c-9.712,0.037-18.351,6.182-21.569,15.347
+			c-3.746,10.654-8.023,20.131-13.082,28.975c-5.064,8.847-11.067,17.338-18.356,25.958c-6.271,7.418-7.194,17.978-2.305,26.368
+			l27.078,46.472l-73.391,42.749L341.129,465.911z"/>
+		<path d="M392.531,346.458c16.472-28.773,20.746-62.24,12.047-94.232s-29.342-58.685-58.115-75.151
+			c-18.761-10.74-40.05-16.417-61.562-16.417c-44.446,0-85.762,23.944-107.822,62.485c-33.994,59.404-13.327,135.39,46.071,169.386
+			c18.764,10.737,40.052,16.411,61.564,16.411C329.158,408.943,370.475,385.001,392.531,346.458z M352.696,323.658
+			c-13.902,24.293-39.955,39.385-67.985,39.385c-13.528,0-26.934-3.58-38.764-10.349c-37.433-21.426-50.456-69.312-29.033-106.751
+			c13.905-24.291,39.958-39.385,67.987-39.385c13.528,0,26.932,3.58,38.762,10.355c18.136,10.379,31.142,27.197,36.628,47.359
+			C365.771,284.435,363.075,305.524,352.696,323.658z"/>
+	</g>
+</g>
+</svg>
@@ -21,394 +21,100 @@ import {version} from "../package.json"
  <header>
    <nav>
      <RouterLink
-          :to="{name: 'guild'}"
+        :to="{name: 'guild'}"
      >
        Guild
      </RouterLink>
-      <RouterLink
-          :to="{name: 'quests'}"
-      >
-        Quests
-      </RouterLink>
-      <RouterLink
-          :to="{name: 'adventurers'}"
-      >
-        Adventurers
-      </RouterLink>
-      <RouterLink
-          data-tooltip="Technical information"
-          data-tooltip-position="bottom"
-          :to="{name: 'technical'}"
-      >
-        <img class="icon" src="/img/icons/cog.svg" alt="Technical">
-      </RouterLink>
    </nav>
  </header>
-  <RouterView
-      :guild="guild"
-      :adventurers="adventurers"
-      :quests="missives"
-      :adventurerForHire="adventurerForHire"
-      :news="news"
-      @finalizeQuest="finalizeQuest($event)"
-      @recruitActionTaken="recruitAction($event)"
-  />
+  <RouterView/>
 </template>

 <script lang="ts">
 import {defineComponent} from "vue";
-import {Adventurer} from "@/classes/Adventurer";
-import {getQuestWithRewards, Quest} from "@/classes/Quest";
-import {Guild} from "@/classes/Guild";
-import {getFromString, QuestRank} from "@/classes/QuestRank";
-import {
-  GameData,
-  loadAdventurersForHire,
-  loadAvailableQuests,
-  loadGame,
-  removeAlreadyHiredAdventurers,
-  saveGame
-} from "@/GameData";
-import type {GuildUpgrade} from "@/classes/GuildUpgrade";
-import AdventurerCapacityUpgrade from "@/classes/guildUpgrades/AdventurerCapacityUpgrade";
-import {getNewAdventurerForHire} from "@/classes/Recruitment";
-import QuestExpUpgrade from "@/classes/guildUpgrades/QuestExpUpgrade";
-import QuestGoldUpgrade from "@/classes/guildUpgrades/QuestGoldUpgrade";
-import AutoFinishQuestsUpgrade from "@/classes/guildUpgrades/AutoFinishQuestsUpgrade";
+import AdventurerIdentity from "@/models/AdventurerIdentity.ts";
+import SaveData from "@/models/SaveData.ts";

 export default defineComponent({
-  name: "GuildView",
+  name: "GuildMaster",
  data: () => ({
-    loading: true as boolean,
+    loading: true,
    screenWakeLock: null as null | WakeLockSentinel,
-    guild: new Guild(1, 500),
-    gameTickTask: null as null | number,
-    gameSaveTask: null as null | number,
-    news: "" as string,
-    lastQuestGot: {
-      S: null as null | number,
-      A: null as null | number,
-      B: null as null | number,
-      C: null as null | number,
-      D: null as null | number,
-      E: null as null | number,
-      F: null as null | number,
-    } as { [key: string]: null | number },
-    lastRecruitHandled: null as null | number,
-    adventurerForHire: null as Adventurer | null,
-    adventurersDatabase: {} as Array<Adventurer>,
-    adventurers: {} as { [key: string]: Adventurer },
-    quests: {} as { [key: string]: { [key: string]: Quest } },
-    missives: {
-      F: {} as { [key: string]: Quest },
-      E: {} as { [key: string]: Quest },
-      D: {} as { [key: string]: Quest },
-      C: {} as { [key: string]: Quest },
-      B: {} as { [key: string]: Quest },
-      A: {} as { [key: string]: Quest },
-      S: {} as { [key: string]: Quest },
-    } as { [key: string]: { [key: string]: Quest } },
+    possibleRecruits: {} as { [key: string]: AdventurerIdentity },
+    saveData: null as null | SaveData,
  }),
  methods: {
-    async updateMissives() {
-      for (const missiveRank in this.missives) {
-        const rank = getFromString(missiveRank as QuestRank);
-        for (const missiveId in this.missives[rank.toString() as QuestRank]) {
-          const missive = this.missives[rank.toString()][missiveId];
-          if (missive.adventurers.length <= 0) {
-            missive.progressPoints = 0;
-            continue;
-          }
-          if (missive.progressPoints >= missive.maxProgress) {
-            if (this.guild.autoFinishQuestsUpgrade.getRanksToAutoFinishQuestsIn().includes(rank)) {
-              this.finalizeQuest(missive);
+    async acquireScreenWakeLock(): Promise<void> {
+      if (!("wakeLock" in navigator)) {
+        return;
+      }
+      if (this.screenWakeLock !== null) {
+        return;
+      }
+      try {
+        this.screenWakeLock = await navigator.wakeLock.request("screen");
+      } catch (e) {
+        setTimeout(() => {
+          this.acquireScreenWakeLock();
+        }, 1000);
+      }
+    },
+    async loadAdventurerData(): Promise<void> {
+      await fetch("/data/adventurers.json")
+        .then(response => response.json())
+        .then(data => {
+          if (!Array.isArray(data)) throw new Error("Data was expected to be an array");
+          for (const rawData of data) {
+            if (typeof rawData.id !== "string" || typeof rawData.name !== "string" || typeof rawData.portrait !== "string") {
+              console.error("Failed to load one of the adventurer's data: invalid data");
              continue;
            }
-            continue;
+            this.possibleRecruits[rawData.id] = new AdventurerIdentity(
+              rawData.id,
+              rawData.name,
+              rawData.portrait,
+            );
          }
-          for (const adventurerId in missive.adventurers) {
-            const adventurer = missive.adventurers[adventurerId];
-            const attack = adventurer.getAttack();
-            missive.progressPoints = Math.min(missive.progressPoints + attack, missive.maxProgress);
-          }
-        }
-      }
-
+        })
+        .catch(error => {
+          console.error("Failed to load adventurer data:", error);
+        });
    },
-    async checkForNewRecruit(currentTimestamp: number) {
-
-      if (this.lastRecruitHandled == null) {
-        this.lastRecruitHandled = 0;
-      }
-
-      if (Object.keys(this.adventurers).length <= 0) {
-        this.adventurerForHire = this.adventurersDatabase[0];
-      }
-
-      if (currentTimestamp - this.lastRecruitHandled >= 1000 * 60 * 30 && this.adventurerForHire == null) {
-        this.adventurerForHire = getNewAdventurerForHire(this.adventurersDatabase);
-      }
+    saveGame(): void {
+      window.localStorage.setItem("saveData", JSON.stringify(this.saveData));
+      console.debug("Game saved");
    },
-    recruitAction(adventurer: Adventurer | null): void {
-      this.lastRecruitHandled = Number(new Date());
-      this.adventurerForHire = null;
-      if (adventurer === null) return;
-
-      this.adventurers[adventurer.id] = adventurer;
-      for (const id in this.adventurersDatabase) {
-        const databaseAdventurer = this.adventurersDatabase[id];
-        if (databaseAdventurer.id === adventurer.id) {
-          this.adventurersDatabase.splice(Number(id), 1);
-          break;
-        }
+    loadGame(): void {
+      const saveData = window.localStorage.getItem("saveData");
+      if (saveData === null) {
+        this.saveData = new SaveData({}, this.possibleRecruits);
+        return;
      }
-    },
-    finalizeQuest(missive: Quest) {
-      missive.progressPoints = 0;
-      this.guild.gold += missive.goldReward;
-      for (const adventurerId in missive.adventurers) {
-        const adventurer = missive.adventurers[adventurerId];
-        adventurer.addExp(missive.expReward / missive.adventurers.length);
-        adventurer.busy = false;
-      }
-      missive.adventurers = [];
-      delete this.missives[missive.rank.toString() as QuestRank][missive.id];
-    },
-    getRandomQuest(rank: QuestRank): Quest | null {
-      const keys = Object.keys(this.quests[rank]);
-      if (keys.length <= 0) return null;
-      const questsForRank = this.quests[rank] as { [key: string]: Quest };
-      const randomId = keys.length * Math.random() << 0;
-      const randomIdString = keys[randomId] as string;
-      return getQuestWithRewards(questsForRank[randomIdString], this.guild.expModifier.getModifier(), this.guild.goldModifier.getModifier());
-    },
-    createMissive(questToAdd: Quest, rank: QuestRank) {
-      const quest = JSON.parse(JSON.stringify(questToAdd));
-      const newId = Math.random().toString(16).slice(2).toString();
-      quest.id = newId;
-      this.missives[rank][newId] = quest;
-    },
-    loadGame() {
-      const saveData = loadGame();
-      if (saveData === null) return;
-
-      this.lastQuestGot = saveData.lastQuestGot;
-
-      const guildUpgrades = {} as { [key: string]: GuildUpgrade };
-      if (saveData.guild.adventurerCapacity) {
-        guildUpgrades.adventurerCapacity = new AdventurerCapacityUpgrade(saveData.guild.adventurerCapacity.level);
-      }
-      if (saveData.guild.expModifier) {
-        guildUpgrades.expModifier = new QuestExpUpgrade(saveData.guild.expModifier.level);
-      }
-      if (saveData.guild.goldModifier) {
-        guildUpgrades.goldModifier = new QuestGoldUpgrade(saveData.guild.goldModifier.level);
-      }
-      if (saveData.guild.autoFinishQuestsUpgrade) {
-        guildUpgrades.autoFinishQuestsUpgrade = new AutoFinishQuestsUpgrade(saveData.guild.autoFinishQuestsUpgrade.level);
+      const jsonData = JSON.parse(saveData);
+      if (jsonData === null) return;
+      this.saveData = new SaveData(jsonData, this.possibleRecruits);
+      for (const adventurer of this.saveData.adventurers) {
+        delete this.possibleRecruits[adventurer?.identity?.id];
      }

-      this.guild = new Guild(saveData.guild.level, saveData.guild.gold, guildUpgrades);
-
-      const adventurers = {} as { [key: string]: Adventurer };
-
-      for (const id in saveData.adventurers) {
-        const data = saveData.adventurers[id];
-        try {
-          const adventurer = new Adventurer(
-              data.id,
-              data.name,
-              data.portrait,
-              data.attackExponent ?? 1.1,
-              data.level ?? 1,
-              data.exp ?? 0,
-              data.prestige ?? 0,
-          );
-          adventurer.busy = data.busy;
-          adventurers[data.id] = adventurer;
-        } catch (e) {
-        }
-      }
-      this.adventurers = adventurers;
-
-      const missives = {} as { [key: string]: { [key: string]: Quest } };
-
-      for (const id in saveData.missives) {
-        const missiveRank = {} as { [key: string]: Quest }
-        for (const questId in saveData.missives[id]) {
-          const data = saveData.missives[id][questId];
-          const quest = new Quest(questId, getFromString(data.rank), data.title, data.text, data.maxProgress, data.expReward, data.goldReward);
-          quest.progressPoints = data.progressPoints;
-          if (data.adventurers.length > 0) {
-            quest.adventurers.push(this.adventurers[data.adventurers[0].id])
-          }
-          missiveRank[questId] = quest;
-        }
-        missives[id] = missiveRank;
-      }
-
-      this.missives = missives;
-
-      this.lastRecruitHandled = saveData.lastRecruitAction ?? 0;
-
-      if (saveData.adventurerForHireId != null) {
-        for (const id in this.adventurersDatabase) {
-          const adventurer = this.adventurersDatabase[id];
-          if (adventurer.id === saveData.adventurerForHireId) {
-            this.adventurerForHire = adventurer;
-            return;
-          }
-        }
-      }
-    },
-    async updateNews() {
-      const result = await fetch("https://raw.githubusercontent.com/YouHaveTrouble/GuildMaster/master/news.txt").catch(() => {
-        return null;
-      });
-      if (result === null) return;
-      this.news = await result.text();
    }
  },
  async mounted() {

-    setInterval(async () => {
-      if (this.screenWakeLock) return;
-      try {
-        this.screenWakeLock = await navigator.wakeLock.request("screen");
-        console.debug("Screen wake lock acquired");
-      } catch (e) {}
-    }, 1000);
+    await this.acquireScreenWakeLock();

-    console.debug("Loading game data")
-    const promises = await Promise.all([
-      loadAvailableQuests(),
-      loadAdventurersForHire(),
-    ]);
+    await this.loadAdventurerData();

-    this.updateNews().then(() => {
-      setInterval(() => {
-        this.updateNews();
-      }, 1000 * 60 * 60);
-    });
-
-    this.quests = promises[0] as { [key: string]: { [key: string]: Quest } };
-    this.adventurersDatabase = promises[1] as Array<Adventurer>;
-    console.debug("Game data loaded!")
    this.loadGame();
-    this.adventurersDatabase = removeAlreadyHiredAdventurers(this.adventurersDatabase, this.adventurers);

-    // Wait a second to make sure at least most images load in behind the loader
-    setTimeout(() => {
-      this.loading = false;
-    }, 1000);
+    this.loading = false;
+    console.debug("Game loaded");

-    this.gameSaveTask = Number(setInterval(() => {
-      saveGame(new GameData({
-        adventurers: this.adventurers,
-        guild: this.guild,
-        missives: this.missives,
-        lastQuestGot: this.lastQuestGot,
-        lastRecruitAction: this.lastRecruitHandled,
-        adventurerForHireId: this.adventurerForHire?.id ?? null,
-      }));
-    }, 10 * 1000));
-
-
-    this.gameTickTask = Number(setInterval(() => {
-      this.updateMissives();
-
-      const now = Number(new Date());
-
-      this.checkForNewRecruit(now);
-
-      for (const id in this.lastQuestGot) {
-        const lastTime = this.lastQuestGot[getFromString(id as QuestRank)];
-        if (lastTime === null) this.lastQuestGot[getFromString(id as QuestRank)] = 0;
-      }
-
-      if (Number(now) - Number(this.lastQuestGot.F) >= 12 * 1000) {
-        this.lastQuestGot.F = now;
-        const keys = Object.keys(this.missives[QuestRank.F]);
-        if (keys.length >= 5) return;
-        const quest = this.getRandomQuest(QuestRank.F);
-        if (quest !== null) {
-          this.createMissive(quest, QuestRank.F);
-        }
-      }
-
-      if (this.guild.level < 2) return;
-      if (Number(now) - Number(this.lastQuestGot.E) >= 20 * 1000) {
-        this.lastQuestGot.E = now;
-        const keys = Object.keys(this.missives[QuestRank.E]);
-        if (keys.length >= 5) return;
-        const quest = this.getRandomQuest(QuestRank.E);
-        if (quest !== null) {
-          this.createMissive(quest, QuestRank.E);
-        }
-      }
-
-      if (this.guild.level < 3) return;
-      if (Number(now) - Number(this.lastQuestGot.D) >= 50 * 1000) {
-        this.lastQuestGot.D = now;
-        const keys = Object.keys(this.missives[QuestRank.D]);
-        if (keys.length >= 5) return;
-        const quest = this.getRandomQuest(QuestRank.D);
-        if (quest !== null) {
-          this.createMissive(quest, QuestRank.D);
-        }
-      }
-
-      if (this.guild.level < 4) return;
-      if (Number(now) - Number(this.lastQuestGot.C) >= 2 * 60 * 1000) {
-        this.lastQuestGot.C = now;
-        const keys = Object.keys(this.missives[QuestRank.C]);
-        if (keys.length >= 5) return;
-        const quest = this.getRandomQuest(QuestRank.C);
-        if (quest !== null) {
-          this.createMissive(quest, QuestRank.C);
-        }
-      }
-
-      if (this.guild.level < 5) return;
-      if (Number(now) - Number(this.lastQuestGot.B) >= 2 * 60 * 1000) {
-        this.lastQuestGot.B = now;
-        const keys = Object.keys(this.missives[QuestRank.B]);
-        if (keys.length >= 5) return;
-        const quest = this.getRandomQuest(QuestRank.B);
-        if (quest !== null) {
-          this.createMissive(quest, QuestRank.B);
-        }
-      }
-
-      if (this.guild.level < 6) return;
-      if (Number(now) - Number(this.lastQuestGot.A) >= 3 * 60 * 1000) {
-        this.lastQuestGot.A = now;
-        const keys = Object.keys(this.missives[QuestRank.A]);
-        if (keys.length >= 5) return;
-        const quest = this.getRandomQuest(QuestRank.A);
-        if (quest !== null) {
-          this.createMissive(quest, QuestRank.A);
-        }
-      }
-
-      if (this.guild.level < 6) return;
-      if (Number(now) - Number(this.lastQuestGot.S) >= 5 * 60 * 1000) {
-        this.lastQuestGot.S = now;
-        const keys = Object.keys(this.missives[QuestRank.S]);
-        if (keys.length >= 5) return;
-        const quest = this.getRandomQuest(QuestRank.S);
-        if (quest !== null) {
-          this.createMissive(quest, QuestRank.S);
-        }
-      }
-
-    }, 250));
+    setInterval(() => {
+      this.saveGame();
+    }, 10 * 1000);

  },
-  beforeUnmount() {
-    if (this.gameSaveTask) clearInterval(this.gameSaveTask);
-    if (this.gameTickTask) clearInterval(this.gameTickTask);
-  }
 })
 </script>

@@ -437,8 +143,7 @@ nav {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
-  background-image: url("/img/background/panels/wall_panel_empty.png");
-  filter: drop-shadow(0 0 0.5rem rgba(0,0,0, 0.25));
+  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.25));

  .icon {
    width: 2rem;
@@ -466,16 +171,20 @@ nav {
  height: 100vh;
  z-index: 5;
  user-select: none;
-  background-size: 25rem;
-  background-color: rgba(87, 50, 20, 0.45);
-  background-image: url("/img/background/wood/cut_wood_background.png");
-  background-blend-mode: darken;
-  background-repeat: repeat;
+  background-size: cover;
+  background-position: center;
+  background-image: url("/img/promo/chicken_mage.jpg");
+  background-repeat: no-repeat;
  display: flex;
-  justify-content: center;
-  align-items: center;
+  justify-content: flex-start;
+  align-items: flex-start;
  transition: opacity 0.25s linear;

+  .title {
+    margin-block: 2.5%;
+    margin-inline: 2.5%;
+  }
+
  &.disabled {
    opacity: 0;
    pointer-events: none;
@@ -487,6 +196,7 @@ nav {
    width: 80px;
    height: 80px;
  }
+
  .lds-ring div {
    box-sizing: border-box;
    display: block;
@@ -499,15 +209,19 @@ nav {
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #000 transparent transparent transparent;
  }
+
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
+
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
+
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
+
  @keyframes lds-ring {
    0% {
      transform: rotate(0deg);
@@ -1,123 +0,0 @@
-import {Guild} from "@/classes/Guild";
-import {Adventurer} from "@/classes/Adventurer";
-import {Quest} from "@/classes/Quest";
-import {getFromString, QuestRank} from "@/classes/QuestRank";
-
-export class GameData {
-  guild: Guild;
-  adventurers: { [key: string]: Adventurer };
-  missives: { [key: string]: { [key: string]: Quest } };
-  lastQuestGot: { [key: string]: null | number };
-  lastRecruitAction: null | number;
-  adventurerForHireId: string | null;
-
-  constructor(
-    data: any,
-  ) {
-    this.guild = data.guild ?? new Guild(1, 0);
-    this.adventurers = data.adventurers ?? {} as { [key: string]: Adventurer };
-    this.missives = data.missives ?? {} as { [key: string]: { [key: string]: Quest } };
-    this.lastQuestGot = data.lastQuestGot ?? {} as { [key: string]: null | number };
-    this.lastRecruitAction = data.lastRecruitAction ?? null;
-    this.adventurerForHireId = data.adventurerForHireId ?? null;
-  }
-}
-
-
-/**
- * Save the game to local storage
- */
-export function saveGame(
-  data: GameData
-): void {
-  console.debug("Saving game...");
-  window.localStorage.setItem("savedGame", JSON.stringify({
-    guild: data.guild,
-    adventurers: data.adventurers,
-    missives: data.missives,
-    lastQuestGot: data.lastQuestGot,
-    lastRecruitAction: data.lastRecruitAction,
-    adventurerForHireId: data.adventurerForHireId,
-  }));
-}
-
-export function loadGame(): GameData | null {
-  const savedGame = window.localStorage.getItem("savedGame");
-  if (!savedGame) return null;
-  const parsedGame = JSON.parse(savedGame);
-  console.debug("Loading game...");
-  return new GameData(parsedGame);
-}
-
-export async function loadAvailableQuests(): Promise<{ [key: string]: { [key: string]: Quest } }> {
-  const quests = {
-    S: {} as { [key: string]: Quest },
-    A: {} as { [key: string]: Quest },
-    B: {} as { [key: string]: Quest },
-    C: {} as { [key: string]: Quest },
-    D: {} as { [key: string]: Quest },
-    E: {} as { [key: string]: Quest },
-    F: {} as { [key: string]: Quest },
-  } as { [key: string]: { [key: string]: Quest } };
-
-  for (const rank in quests) {
-    const response = await fetch(`data/quests/Rank${rank}.json`);
-    if (response.status !== 200) {
-      console.error("Failed to load quests");
-      alert("Failed to load quests. Please try refreshing the page.");
-      return quests;
-    }
-    const questData = await response.json();
-
-    let id = 0;
-    for (const quest of questData) {
-      id++;
-      quests[rank.toString()][id] = new Quest(
-        id.toString(),
-        getFromString(rank as QuestRank),
-        quest.title,
-        quest.text,
-        1,
-        0,
-        0
-      );
-    }
-  }
-  return quests;
-}
-
-export async function loadAdventurersForHire(): Promise<Array<Adventurer>> {
-  const response = await fetch("data/adventurers.json");
-  if (response.status !== 200) {
-    console.error("Failed to load adventurers");
-    alert("Failed to load adventurers. Please try refreshing the page.");
-    return [];
-  }
-  const adventurerData = await response.json();
-
-  const adventurers: Array<Adventurer> = [];
-  for (const adventurer of adventurerData) {
-    adventurers.push(new Adventurer(
-      adventurer.id,
-      adventurer.name,
-      adventurer.portrait,
-      adventurer.attackExponent,
-      adventurer.level,
-      adventurer.exp,
-    ));
-  }
-
-  return adventurers;
-}
-
-export function removeAlreadyHiredAdventurers(
-  adventurers: Array<Adventurer>,
-  adventurersHired: { [key: string]: Adventurer }
-): Array<Adventurer> {
-  const adventurersForHire: Array<Adventurer> = [];
-  for (const adventurer of adventurers) {
-    if (adventurersHired[adventurer.id]) continue;
-    adventurersForHire.push(adventurer);
-  }
-  return adventurersForHire;
-}
@@ -1,168 +1,78 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-family: system-ui, sans-serif;
+  font-weight: normal;
+  vertical-align: baseline;
+  overflow-wrap: break-word;
+  -webkit-font-smoothing: antialiased;
+}
+
+body {
+  line-height: 1.5;
+}
+
+ol, ul {
+  list-style: none;
+}
+
+blockquote, q {
+  quotes: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+button {
+  border: none;
+  background: none;
+  outline: none;
+  font-size: inherit;
+}
+
+button:focus-visible {
+  outline: 2px solid black;
+}
+
+input {
+  border: none;
+  outline: none;
+}
+
+input:focus-visible {
+  outline: 2px solid black;
+}
+
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
 body {
  margin: 0;
-  padding: 0 0 10rem;
-  min-height: calc(100vh - 10rem);
+  padding: 0;
+  min-height: 100vh;
  font-family: 'EB Garamond', serif;
  overflow-y: scroll;
  user-select: none;
-  background-size: 25rem;
-  background-color: rgba(87, 50, 20, 0.45);
-  background-image: url("/img/background/wood/cut_wood_background.png");
+  background-color: rgb(19, 16, 14);
  background-blend-mode: darken;
  background-repeat: repeat;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+main {
+  max-width: 69rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }

 #app {
  width: 100%;
 }
-
-.panel {
-  &.pinned-paper {
-    background-image: url("/img/quests/backgrounds/paper.png");
-    position: relative;
-    filter: drop-shadow(-0.15rem 0.2rem 0.1rem rgba(0, 0, 0, 0.25));
-
-    .nail {
-      position: absolute;
-      width: 2rem;
-      height: 2rem;
-      filter: drop-shadow(-0.15rem 0.2rem 0.1rem rgba(0, 0, 0, 0.5));
-
-      &.small {
-        width: 1rem;
-        height: 1rem;
-      }
-
-      img {
-        width: 100%;
-        height: 100%;
-      }
-
-      &.top-left {
-        top: 1rem;
-        left: 1rem;
-      }
-
-      &.top-right {
-        top: 1rem;
-        right: 1rem;
-      }
-    }
-  }
-
-  &.note-paper {
-    background-image: url("/img/background/paper/small_tile_paper.png");
-    position: relative;
-    filter: drop-shadow(-0.15rem 0.2rem 0.1rem rgba(0, 0, 0, 0.25));
-    border-image: url("/img/borders/metal_corner.png") 30 round;
-  }
-}
-
-.button {
-  padding: 0.5rem 1rem;
-  font-size: 1.2rem;
-  font-family: 'EB Garamond', serif;
-  font-weight: bold;
-  cursor: pointer;
-  border: 2px solid rgb(0, 0, 0);
-  transition: filter 0.05s linear;
-  white-space: nowrap;
-  &.metal {
-    background-image: url("/img/borders/metal_strip.png");
-    background-size: contain;
-    background-blend-mode: darken;
-    background-repeat: repeat;
-    color: #dcdcdc;
-  }
-  &:disabled {
-    opacity: 0.55;
-    cursor: not-allowed;
-  }
-  &:hover:not(:disabled) {
-    filter: brightness(1.2);
-  }
-}
-
-.title {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding-block: 2.5rem;
-  text-align: center;
-  width: 100%;
-  max-width: 45rem;
-  gap: 0.5rem;
-
-  h1 {
-    font-size: 4rem;
-    line-height: 0.75;
-    white-space: pre-wrap;
-    margin: 0;
-  }
-
-  h3 {
-    margin: 0;
-    line-height: 0.9;
-  }
-
-  small {
-    font-size: 0.9rem;
-    font-weight: bold;
-    line-height: 0.25;
-  }
-}
-
-[data-tooltip] {
-  position: relative;
-  &:after {
-    pointer-events: none;
-    transition: opacity 0.25s ease-in-out;
-    opacity: 0;
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: max-content;
-    min-height: 2rem;
-    background-color: rgba(0,0,0, 0.5);
-    color: #fff;
-    font-size: 1rem;
-    padding-block: 0.25rem;
-    padding-inline: 0.5rem;
-    white-space: break-spaces;
-  }
-
-  &[data-tooltip-position="bottom"]:after {
-    content: attr(data-tooltip);
-    bottom: calc(-100% - 0.5rem);
-    left: 50%;
-    transform: translateX(-50%);
-    max-width: 200%;
-  }
-  &[data-tooltip-position="top"]:after {
-    content: attr(data-tooltip);
-    top: calc(-100% - 0.5rem);
-    left: 50%;
-    transform: translateX(-50%);
-    max-width: 200%;
-  }
-  &[data-tooltip-position="left"]:after {
-    content: attr(data-tooltip);
-    top: 50%;
-    right: calc(100% + 0.5rem);
-    transform: translateY(-50%);
-    max-width: 20rem;
-  }
-  &[data-tooltip-position="right"]:after {
-    content: attr(data-tooltip);
-    top: 50%;
-    left: calc(100% + 0.5rem);
-    transform: translateY(-50%);
-    max-width: 20rem;
-  }
-
-  &:hover:after {
-    opacity: 100%;
-  }
-}
@@ -1,92 +0,0 @@
-export class Adventurer {
-    id: string;
-    name: string;
-    portrait: string;
-    level: number;
-    exp: number;
-    attackExponent: number;
-    prestige: number;
-    busy: boolean;
-
-    constructor(
-        id: string,
-        name: string,
-        portrait: string,
-        attackExponent: number,
-        level: number = 1,
-        exp: number = 0,
-        prestige: number = 0
-    ) {
-        this.id = id;
-        this.name = name;
-        this.portrait = portrait;
-        this.attackExponent = attackExponent;
-        this.level = level;
-        this.exp = exp;
-        this.prestige = prestige;
-        this.busy = false;
-    }
-
-    levelUp(): void {
-        this.exp = 0;
-        this.level += 1;
-    }
-
-    prestigeUp(): void {
-        this.level = 1;
-        this.exp = 0;
-        this.prestige += 1;
-    }
-
-    canLevelUp(): boolean {
-        if (this.level >= this.getMaxLevel()) return false;
-        return this.exp >= this.getNextLevelExpRequirement();
-    }
-
-    canPrestigeUp(): boolean {
-        if (this.busy) return false;
-        if (this.level < getMaxLevelForPrestige(this.prestige)) return false;
-        return this.prestige < 5
-    }
-
-    getNextLevelExpRequirement(): number {
-        return Math.max(1, Math.floor((3 * Math.pow(1.2, this.level - 1)) * Math.pow(1.025, this.level - 1)));
-    }
-
-    /**
-     * Returns the percentage of exp to the next level
-     */
-    getExpPercentage(): number {
-        return (this.exp / this.getNextLevelExpRequirement()) * 100;
-    }
-
-    addExp(exp: number): void {
-        if (this.isMaxLevel()) return;
-        this.exp += exp;
-        if (this.canLevelUp()) {
-            this.levelUp();
-        }
-    }
-
-    getAttack(): number {
-        const scalingFactor = Math.pow(1.05, this.level - 1);
-        return (2 * scalingFactor) * Math.pow(this.attackExponent, this.level - 1);
-    }
-
-    getDPS(): number {
-        return this.getAttack() * 4;
-    }
-
-    getMaxLevel(): number {
-        return getMaxLevelForPrestige(this.prestige);
-    }
-
-    isMaxLevel(): boolean {
-        return this.level >= this.getMaxLevel();
-    }
-
-}
-
-function getMaxLevelForPrestige(prestige: number): number {
-    return 25 + (prestige * 5);
-}
@@ -1,68 +0,0 @@
-import type {GuildUpgrade} from "@/classes/GuildUpgrade";
-import AdventurerCapacityUpgrade from "@/classes/guildUpgrades/AdventurerCapacityUpgrade";
-import {formatGold} from "@/classes/NumberMagic";
-import QuestExpUpgrade from "@/classes/guildUpgrades/QuestExpUpgrade";
-import QuestGoldUpgrade from "@/classes/guildUpgrades/QuestGoldUpgrade";
-import AutoFinishQuestsUpgrade from "@/classes/guildUpgrades/AutoFinishQuestsUpgrade";
-
-const MAX_LEVEL: number = 8;
-
-export class Guild {
-    gold: number;
-    level: number;
-    displayUpgradeCost: number|string;
-    upgradeCost: number|null = null;
-    adventurerCapacity: AdventurerCapacityUpgrade;
-    expModifier: QuestExpUpgrade;
-    goldModifier: QuestGoldUpgrade;
-    autoFinishQuestsUpgrade: AutoFinishQuestsUpgrade;
-
-    constructor(level: number, gold: number, upgrades: {[index:string]: GuildUpgrade} = {}) {
-        this.gold = gold;
-        this.level = level;
-        const rawDisplayUpgradeCost = this.getUpgradeCost();
-        this.displayUpgradeCost = rawDisplayUpgradeCost ? formatGold(rawDisplayUpgradeCost) : "Max level";
-        this.upgradeCost = this.getUpgradeCost();
-
-        this.adventurerCapacity = upgrades.adventurerCapacity as AdventurerCapacityUpgrade ?? new AdventurerCapacityUpgrade();
-        this.expModifier = upgrades.expModifier as QuestExpUpgrade ?? new QuestExpUpgrade();
-        this.goldModifier = upgrades.goldModifier as QuestGoldUpgrade ?? new QuestGoldUpgrade();
-        this.autoFinishQuestsUpgrade = upgrades.autoFinishQuestsUpgrade as AutoFinishQuestsUpgrade ?? new AutoFinishQuestsUpgrade();
-
-    }
-
-    upgrade(): void {
-        const cost = this.getUpgradeCost();
-        if (cost === null) return;
-        if (this.gold < cost) return;
-        this.gold -= cost;
-        this.level += 1;
-        if (this.level >= MAX_LEVEL) {
-            this.displayUpgradeCost = "Max level";
-            this.upgradeCost = null;
-        } else {
-            const newCost = this.getUpgradeCost();
-            if (newCost === null) return;
-            this.displayUpgradeCost = formatGold(newCost);
-            this.upgradeCost = newCost;
-        }
-    }
-
-    getUpgradeCost(): number|null {
-        return upgradeCosts[this.level] ?? null;
-    }
-
-    isMaxLevel(): boolean {
-        return this.level >= MAX_LEVEL;
-    }
-}
-
-const upgradeCosts = {
-    "1": 1000,
-    "2": 2500,
-    "3": 5000,
-    "4": 10000,
-    "5": 25000,
-    "6": 100000,
-    "7": 750000,
-} as {[index:string]: number}
@@ -1,7 +0,0 @@
-export class GuildUpgrade {
-
-    level: number = 1;
-    nextLevelCost: number | null = null;
-    guildLevelRequirement: number = 1;
-
-}
@@ -1,7 +0,0 @@
-export default interface MaxLevellable {
-
-  maxLevel: number;
-
-  isMaxLevel(): boolean;
-
-}
@@ -1,21 +0,0 @@
-const goldFormatter = new Intl.NumberFormat('en-US', {
-    maximumFractionDigits: 3,
-    // @ts-ignore - typescript doesn't know about this option for some godforsaken reason
-    notation: "compact",
-    useGrouping: true,
-});
-
-const damageFormatter = new Intl.NumberFormat('en-US', {
-    maximumFractionDigits: 2,
-    // @ts-ignore - typescript doesn't know about this option for some godforsaken reason
-    notation: "compact",
-});
-
-export function formatGold(number: number | null): string {
-    if (number === null) return "";
-    return goldFormatter.format(number);
-}
-
-export function formatDamage(number: number): string {
-    return damageFormatter.format(number);
-}
@@ -1,86 +0,0 @@
-import type {Adventurer} from "@/classes/Adventurer";
-import {QuestRank} from "@/classes/QuestRank";
-
-export class Quest {
-    id: string;
-    rank: QuestRank;
-    title:  string;
-    text: string;
-    adventurers: Array<Adventurer>;
-    progressPoints: number;
-    maxProgress: number;
-    expReward: number;
-    goldReward: number;
-
-    constructor(id: string, rank: QuestRank, title: string, text: string, maxProgress: number, expReward: number, goldReward: number) {
-        this.id = id;
-        this.rank = rank;
-        this.title = title;
-        this.text = text;
-        this.maxProgress = maxProgress;
-        this.expReward = expReward;
-        this.goldReward = goldReward;
-        this.progressPoints = 0;
-        this.adventurers = [];
-    }
-
-    getPercentProgress(): number {
-        return Math.round(this.progressPoints / this.maxProgress * 100);
-    }
-
-}
-
-/**
- * Generate rewards for a quest and return it
- * @param quest
- * @param expModifier - multiplification modifier for the exp reward
- * @param goldModifier - multiplification modifier for the gold reward
- */
-export function getQuestWithRewards(quest: Quest, expModifier: number = 1, goldModifier: number = 1) {
-
-    let maxProgress = 1;
-
-    switch (quest.rank) {
-        case QuestRank.S:
-            // at level 30 adventurers have ~6513 dps, this will take 30 seconds on level 30
-            maxProgress = 195390;
-            break;
-        case QuestRank.A:
-            // at level 25 adventurers have ~2051 dps, this will take 15 seconds on level 25
-            maxProgress = 30770;
-            break;
-        case QuestRank.B:
-            // at level 20 adventurers have ~645 dps, this will take 15 seconds on level 20
-            maxProgress = 9690;
-            break;
-        case QuestRank.C:
-            // at level 15 adventurers have ~203 dps, this will take 15 seconds on level 15
-            maxProgress = 3045;
-            break;
-        case QuestRank.D:
-            // at level 10 adventurers have ~64 dps, this will take 15 seconds on level 10
-            maxProgress = 960;
-            break;
-        case QuestRank.E:
-            // at level 5 adventurers have ~20 dps, this will take 15 seconds on level 5
-            maxProgress = 300;
-            break;
-        case QuestRank.F:
-            // at level 1 adventurers have ~8 dps, this will take 15 seconds on level 1
-            maxProgress = 120;
-            break;
-    }
-
-    let goldReward = Math.floor(maxProgress/6 * goldModifier);
-    let expReward = Math.floor((Math.floor(maxProgress/120) - maxProgress/1000) * expModifier);
-
-    // add some randomness to the rewards
-    goldReward = Math.floor(randomNumberBetween(goldReward * 0.95, goldReward * 1.1));
-    expReward = Math.max(1, Math.floor(randomNumberBetween(expReward * 0.95, expReward * 1.2)));
-
-    return new Quest(quest.id, quest.rank, quest.title, quest.text, maxProgress, expReward, goldReward);
-}
-
-function randomNumberBetween(min: number, max: number) {
-    return Math.random() * (max - min) + min;
-}
@@ -1,13 +0,0 @@
-export enum QuestRank {
-    S = "S",
-    A = "A",
-    B = "B",
-    C = "C",
-    D = "D",
-    E = "E",
-    F = "F",
-}
-
-export function getFromString(string: keyof typeof QuestRank): QuestRank {
-    return QuestRank[string];
-}
@@ -1,13 +0,0 @@
-import type {Adventurer} from "@/classes/Adventurer";
-
-
-/**
- * Get a random adventurer from the pool
- * @param adventurerPool
- * @returns {Adventurer|null} null if the pool is empty
- */
-export function getNewAdventurerForHire(adventurerPool: Array<Adventurer>): Adventurer|null {
-    if (adventurerPool.length <= 0) return null;
-    const randomId = adventurerPool.length * Math.random() << 0;
-    return adventurerPool[randomId];
-}
@@ -1,27 +0,0 @@
-import {GuildUpgrade} from "@/classes/GuildUpgrade";
-
-export default class AdventurerCapacityUpgrade extends GuildUpgrade {
-    constructor(level: number = 1) {
-        super();
-        this.level = level;
-        this.nextLevelCost = this.getCostForLevel(this.level);
-        this.guildLevelRequirement = 1;
-    }
-
-    upgrade(): void {
-        this.level += 1;
-        this.nextLevelCost = this.getCostForLevel(this.level);
-    }
-
-    getCostForLevel(level: number): number {
-        if (level === 1) return 1500;
-        return Math.floor(1500 * (level * 4));
-    }
-
-    /**
-     * Returns the number of adventurers the guild can have
-     */
-    getAdventurerCapacity(): number {
-        return 1 + this.level ;
-    }
-}
@@ -1,70 +0,0 @@
-import {GuildUpgrade} from "@/classes/GuildUpgrade";
-import type MaxLevellable from "@/classes/MaxLevellable";
-import {QuestRank} from "@/classes/QuestRank";
-
-export default class AutoFinishQuestsUpgrade extends GuildUpgrade implements MaxLevellable {
-
-    maxLevel: number;
-
-    constructor(level: number = 1) {
-        super();
-        this.level = level;
-        this.nextLevelCost = this.getCostForLevel(this.level);
-        this.guildLevelRequirement = 7;
-        this.maxLevel = 8;
-    }
-
-    upgrade(): void {
-        this.level += 1;
-        this.nextLevelCost = this.getCostForLevel(this.level);
-    }
-
-    getCostForLevel(level: number): number {
-        switch (level) {
-            case 1:
-                return 25000;
-            case 2:
-                return 50000;
-            case 3:
-                return 75000;
-            case 4:
-                return 150000;
-            case 5:
-                return 275000;
-            case 6:
-                return 750000;
-            case 7:
-                return 1500000;
-            case 8:
-                return 2500000;
-            default:
-                return 0;
-        }
-    }
-
-    isMaxLevel(): boolean {
-        return this.level >= this.maxLevel;
-    }
-
-    getRanksToAutoFinishQuestsIn(): Array<QuestRank> {
-        switch (this.level) {
-            case 1:
-            default:
-                return [];
-            case 2:
-                return [QuestRank.F];
-            case 3:
-                return [QuestRank.F, QuestRank.E];
-            case 4:
-                return [QuestRank.F, QuestRank.E, QuestRank.D];
-            case 5:
-                return [QuestRank.F, QuestRank.E, QuestRank.D, QuestRank.C];
-            case 6:
-                return [QuestRank.F, QuestRank.E, QuestRank.D, QuestRank.C, QuestRank.B];
-            case 7:
-                return [QuestRank.F, QuestRank.E, QuestRank.D, QuestRank.C, QuestRank.B, QuestRank.A];
-            case 8:
-                return [QuestRank.F, QuestRank.E, QuestRank.D, QuestRank.C, QuestRank.B, QuestRank.A, QuestRank.S];
-        }
-    }
-}
@@ -1,24 +0,0 @@
-import {GuildUpgrade} from "@/classes/GuildUpgrade";
-
-export default class QuestExpUpgrade extends GuildUpgrade {
-  constructor(level: number = 1) {
-    super();
-    this.level = level;
-    this.nextLevelCost = this.getCostForLevel(this.level);
-    this.guildLevelRequirement = 8;
-  }
-
-  upgrade(): void {
-    this.level += 1;
-    this.nextLevelCost = this.getCostForLevel(this.level);
-  }
-
-  getCostForLevel(level: number): number {
-    if (level === 1) return 1000000;
-    return Math.floor(1000000 * (level * 1.05));
-  }
-
-  getModifier(): number {
-    return 1 + (this.level * 0.1);
-  }
-}
@@ -1,24 +0,0 @@
-import {GuildUpgrade} from "@/classes/GuildUpgrade";
-
-export default class QuestGoldUpgrade extends GuildUpgrade {
-  constructor(level: number = 1) {
-    super();
-    this.level = level;
-    this.nextLevelCost = this.getCostForLevel(this.level);
-    this.guildLevelRequirement = 8;
-  }
-
-  upgrade(): void {
-    this.level += 1;
-    this.nextLevelCost = this.getCostForLevel(this.level);
-  }
-
-  getCostForLevel(level: number): number {
-    if (level === 1) return 1000000;
-    return Math.floor(1000000 * (level * 1.05));
-  }
-
-  getModifier(): number {
-    return 1 + (this.level * 0.1);
-  }
-}
@@ -1,144 +0,0 @@
-<template>
-  <dialog ref="modal" class="adventurer-details" v-if="adventurer">
-    <button class="close" @click="$emit('closeButtonClicked')">✗</button>
-
-    <div class="adventurer-portrait">
-      <img :src="adventurer.portrait" alt="" draggable="false"/>
-    </div>
-    <span class="name">{{ adventurer.name }}</span>
-    <div class="adventurer-data">
-      <p>Level: {{ adventurer.level }} / {{ adventurer.getMaxLevel() }}</p>
-      <p>Prestige level: {{ adventurer.prestige }}</p>
-
-      <p>Exp: {{ adventurer.exp }} / {{ adventurer.getNextLevelExpRequirement() }}</p>
-      <p>DPS: {{ formatDamage(adventurer.getDPS()) }}</p>
-    </div>
-    <div class="adventurer-upgrades">
-      <button
-          class="button metal"
-          :disabled="!adventurer.canPrestigeUp()"
-          :title="!adventurer.canPrestigeUp() ? 'Adventurer needs to be at max level to prestige up' : ''"
-          @click="() => {
-            if (adventurer === null) return;
-            if (!adventurer.canPrestigeUp()) return;
-            adventurer.prestigeUp();
-          }"
-      >
-        Prestige up
-      </button>
-    </div>
-
-  </dialog>
-</template>
-
-<script lang="ts">
-import type {Adventurer} from "@/classes/Adventurer";
-import {defineComponent, type PropType} from "vue";
-import {formatDamage} from "../classes/NumberMagic";
-
-export default defineComponent({
-  name: "AdventurerDetails",
-  methods: {formatDamage},
-  props: {
-    adventurer: {
-      type: Object as PropType<Adventurer | null>,
-      default() {
-        return null as Adventurer | null;
-      },
-      required: true,
-    },
-  },
-  mounted() {
-    const refs = this.$refs as any;
-    refs.modal.showModal();
-  },
-
-});
-</script>
-
-<style lang="scss" scoped>
-.adventurer-details {
-  display: flex;
-  position: absolute;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  min-height: 10rem;
-  max-width: 45rem;
-  background-image: url("/img/background/paper/small_tile_paper.png");
-  background-position: center;
-  background-size: cover;
-  user-select: none;
-
-  &::backdrop {
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-
-  .close {
-    position: absolute;
-    top: 0.25rem;
-    right: 0.5rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 3rem;
-    margin: 0;
-    cursor: pointer;
-    color: #ab0707;
-    background: transparent;
-    border: none;
-    font-family: 'EB Garamond', serif;
-    transition: color 0.05s linear;
-
-    &:hover {
-      color: #ff0000;
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    &:focus-visible {
-      outline: 2px solid #ff0000;
-    }
-  }
-
-  .adventurer-portrait {
-    width: 100%;
-    max-width: 15rem;
-    aspect-ratio: 1/1;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-
-  .name {
-    display: flex;
-    justify-content: center;
-    font-size: 2rem;
-    font-weight: bold;
-    width: 100%;
-  }
-
-  .adventurer-data {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    font-size: 1.2rem;
-    width: 100%;
-
-    & > * {
-      margin: 0;
-      width: calc(50% - 1rem);
-      text-align: center;
-      padding-inline: 0.5rem;
-    }
-  }
-}
-</style>
@@ -1,54 +0,0 @@
-<template>
-  <div class="slots">
-    <button class="slot" v-for="adventurer in adventurers" :key="adventurer.id">
-      <AdventurerMiniComponent
-          :adventurer="currentAdventurer"
-          :all-adventurers="adventurers"
-      />
-    </button>
-  </div>
-</template>
-
-<script lang="ts">
-import {defineComponent, type PropType} from "vue";
-import AdventurerMiniComponent from "@/components/AdventurerMiniComponent.vue";
-import type {Adventurer} from "@/classes/Adventurer";
-
-export default defineComponent({
-  name: "AdventurerList",
-  components: {AdventurerMiniComponent},
-  data: () => ({
-    currentAdventurer: null as Adventurer | null
-  }),
-  props: {
-    adventurers: {
-      type: Object as PropType<{ [key: string]: Adventurer }>,
-      default() {
-        return {} as { [key: string]: Adventurer };
-      },
-      required: true,
-    },
-  },
-
-})
-</script>
-
-<style lang="scss" scoped>
-.slots {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-
-  .slot {
-    padding: 0;
-    width: 5rem;
-    height: 5rem;
-    border: 2px solid #000;
-    background-color: rgba(0, 0, 0, 0.2);
-    cursor: pointer;
-    border-radius: 0.2rem;
-  }
-}
-</style>
@@ -1,136 +0,0 @@
-<script setup lang="ts">
-import { vOnClickOutside } from '@vueuse/components'
-</script>
-
-<template>
-  <AdventurerTile
-    v-if="adventurer"
-    :adventurer="adventurer"
-    @click="() => {
-      $emit('freeAdventurer', adventurer.id)
-    }"
-  />
-  <article
-      class="select"
-      v-else
-      @click="() => {
-        if (Object.keys(allAdventurers).length <= 0) return;
-        selection = !selection;
-      }"
-  >
-    <span>+</span>
-  </article>
-  <div class="selection" v-if="selection" v-on-click-outside="closeSelect">
-    <button
-        class="slot"
-        v-for="adventurer in allAdventurers"
-        :key="adventurer.id"
-        :class="{busy: adventurer.busy}"
-        @click="() => {
-          if (adventurer.busy) return;
-          $emit('hireAdventurer', adventurer.id);
-          selection = false;
-        }"
-    >
-      <AdventurerTile
-        :adventurer="adventurer"
-      />
-    </button>
-  </div>
-</template>
-
-<script lang="ts">
-import {defineComponent, type PropType} from "vue";
-import type {Adventurer} from "@/classes/Adventurer";
-import AdventurerTile from "@/components/AdventurerTile.vue";
-
-export default defineComponent({
-  name: "AdventurerMiniComponent",
-  components: {AdventurerTile},
-  emits: [ "freeAdventurer", "hireAdventurer" ],
-  data: () => {
-    return {
-      selection: false,
-    }
-  },
-  props: {
-    adventurer: {
-      type: Object as PropType<Adventurer|null|any>,
-      default() {
-        return null as Adventurer|null;
-      },
-    },
-    allAdventurers: {
-      type: Object as PropType<{[key: string]: Adventurer}>,
-      default() {
-        return {} as {[key: string]: Adventurer};
-      },
-      required: true,
-    },
-  },
-  methods: {
-    closeSelect() {
-      setTimeout(() => {
-        this.selection = false;
-      }, 0);
-    }
-  }
-})
-</script>
-
-<style lang="scss" scoped>
-
-.selection {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  width: max-content;
-  max-width: 17rem;
-  transform: translateX(-50%) translateY(104%);
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-  padding: 0.5rem;
-  background-color: rgba(0,0,0, 0.2);
-  z-index: 2;
-  cursor: default;
-  max-height: 12rem;
-  overflow-y: auto;
-  .slot {
-    width: 5rem;
-    height: 5rem;
-    cursor: pointer;
-    padding: 0;
-    border-color: #000;
-    background-color: transparent;
-    background-blend-mode: darken;
-    transition: background-color 0.25s linear, filter 0.25s linear;
-    &.busy {
-      filter: grayscale(1);
-      background-color: rgba(0,0,0, 0.6);
-      &:hover {
-        cursor: not-allowed;
-        border-color: #000;
-      }
-    }
-    &:hover {
-      border-color: #fff;
-    }
-    img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-.select {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  font-size: 4.5rem;
-}
-</style>
@@ -1,84 +0,0 @@
-<template>
-  <article
-      class="adventurer"
-      :title="adventurer.name + (adventurer.busy ? ' (busy)' : '')"
-  >
-    <img :src="adventurer.portrait" :alt="adventurer.name" draggable="false">
-    <div class="level" :title="adventurer.isMaxLevel() ? 'Max level' : ''">{{ adventurer.level }}<span
-        v-if="adventurer.isMaxLevel()">⇪</span></div>
-    <div class="exp"></div>
-  </article>
-</template>
-
-<script lang="ts">
-
-import type {Adventurer} from "@/classes/Adventurer";
-import {defineComponent, type PropType} from "vue";
-
-export default defineComponent({
-  name: "AdventurerTile",
-  props: {
-    adventurer: {
-      type: Object as PropType<Adventurer>,
-      default() {
-        return {} as Adventurer;
-      },
-      required: true,
-    }
-  },
-  data: () => ({
-    expProgress: "0%",
-  }),
-  watch: {
-    adventurer: {
-      deep: true,
-      handler: function (adventurer: Adventurer) {
-        this.expProgress = adventurer.getExpPercentage() + "%";
-      },
-    }
-  },
-  mounted() {
-    if (this.adventurer === undefined) return;
-    this.expProgress = this.adventurer.getExpPercentage() + "%";
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.adventurer {
-  width: 100%;
-  height: 100%;
-  overflow: clip;
-  font-size: 5rem;
-  line-height: 1;
-  color: rgba(0, 0, 0, 0.75);
-  position: relative;
-
-  .level {
-    position: absolute;
-    top: 0;
-    left: 0;
-    font-size: 1rem;
-    min-width: 1rem;
-    background-color: rgba(0, 0, 0, 0.75);
-    border-bottom-right-radius: 0.2rem;
-    padding: 0.1rem;
-    color: #fff;
-  }
-
-  .exp {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: v-bind(expProgress);
-    height: 3.5%;
-    background-color: rgba(203, 33, 213, 0.75);
-    transition: width 1s linear;
-  }
-
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-</style>
@@ -1,260 +0,0 @@
-<template>
-  <article
-      class="missive"
-      :class="{done: missive.maxProgress <= missive.progressPoints}"
-  >
-    <div class="parchment">
-      <img src="/img/quests/backgrounds/dirty_paper.png" alt="parchment">
-    </div>
-    <div class="stain" v-if="stain">
-      <img src="/img/quests/overlays/water_stain.png" alt="stain">
-    </div>
-    <div class="drink-stain" v-if="drinkStain.exists">
-      <img src="/img/quests/overlays/drink_stain.png" alt="stain">
-    </div>
-    <h2>{{ missive.title }}</h2>
-    <p>{{ missive.text }}</p>
-    <div class="slots">
-      <button class="slot">
-        <AdventurerComponent
-            :adventurer="missive.adventurers[0]"
-            :all-adventurers="adventurers"
-            @hire-adventurer="(id) => {
-                adventurers[id].busy = true;
-                missive.adventurers[0] = adventurers[id];
-              }"
-            @free-adventurer="(id) => {
-                if (missive.progressPoints >= missive.maxProgress) return;
-                adventurers[id].busy = false;
-                missive.adventurers.splice(0, 1);
-                if (missive.adventurers.length <= 0) {
-                  missive.progressPoints = 0;
-                }
-              }"
-        />
-      </button>
-    </div>
-    <div class="progressWrap">
-      <span class="progress"></span>
-      <span class="percentage">{{ progressPercentage }}</span>
-    </div>
-    <h3>Rewards</h3>
-    <div class="rewards">
-      <span>Gold: <b>{{ missive.goldReward }}</b></span>
-      <span>Exp: <b>{{ missive.expReward }}</b></span>
-    </div>
-  </article>
-</template>
-
-<script lang="ts">
-import type {Quest} from "@/classes/Quest";
-import AdventurerComponent from "@/components/AdventurerMiniComponent.vue";
-import type {Adventurer} from "@/classes/Adventurer";
-import {defineComponent, type PropType} from "vue";
-
-export default defineComponent({
-  name: "QuestMissive",
-  components: {AdventurerComponent},
-  props: {
-    missive: {
-      type: Object as PropType<Quest | any>,
-      default() {
-        return {} as Quest;
-      },
-      required: true,
-    },
-    adventurers: {
-      type: Object as PropType<{ [key: string]: Adventurer }>,
-      default() {
-        return {} as { [key: string]: Adventurer };
-      },
-      required: true,
-    },
-  },
-  data: () => {
-    return {
-      progressPercentage: "0%",
-      stain: false,
-      drinkStain: {
-        exists: false,
-        offsetX: "0%",
-        offsetY: "0%",
-      },
-    }
-  },
-  methods: {
-    updateProgress() {
-      if (this.missive === undefined) return;
-      const progress = (this.missive.progressPoints / this.missive.maxProgress * 100).toFixed(2);
-      this.progressPercentage = `${progress}%`;
-    },
-    randomNumber(min: number, max: number) {
-      return Math.random() * (max - min) + min;
-    },
-  },
-  mounted() {
-    this.updateProgress();
-    this.stain = Math.random() < 0.35;
-    this.drinkStain.exists = Math.random() < 0.15;
-    if (this.drinkStain.exists) {
-      this.drinkStain.offsetX = `${this.randomNumber(-1, 1) * 100}%`;
-      this.drinkStain.offsetY = `${this.randomNumber(-1, 1) * 100}%`;
-    }
-  },
-  watch: {
-    missive: {
-      handler() {
-        this.updateProgress();
-      },
-      deep: true,
-    }
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.missive {
-  width: min(100%, 14rem);
-  text-align: center;
-  border: 2px solid #000;
-  padding: 0.5rem;
-  position: relative;
-
-  .parchment {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: -5;
-    overflow: hidden;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-
-  h2 {
-    font-size: 1.5rem;
-    line-height: 1;
-  }
-
-  h3 {
-    font-size: 1.15rem;
-    margin: 0;
-  }
-
-  .progressWrap {
-    width: 80%;
-    border: 1px solid #000;
-    margin: 0.5rem auto;
-    position: relative;
-    height: 1.25rem;
-
-    .progress {
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      display: block;
-      width: v-bind(progressPercentage);
-      background-color: rgba(0, 128, 0, 0.65);
-      transition: width 250ms linear;
-    }
-
-    .percentage {
-      position: absolute;
-      top: 0;
-      left: 0;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-    }
-  }
-
-  .rewards {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    gap: 1rem;
-  }
-
-  &.done {
-    cursor: pointer;
-
-    &::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      content: "✔";
-      font-size: 5rem;
-      color: green;
-      transform: translate(45%, -40%);
-    }
-  }
-
-  .slots {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-
-    .slot {
-      padding: 0;
-      width: 5rem;
-      height: 5rem;
-      border: 2px solid #000;
-      background-color: rgba(0, 0, 0, 0.2);
-      cursor: pointer;
-      border-radius: 0.2rem;
-      position: relative;
-    }
-  }
-
-  .stain {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-size: contain;
-    opacity: 1;
-    z-index: -4;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      filter: grayscale(0.8);
-    }
-  }
-
-  .drink-stain {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0.45;
-    z-index: -1;
-    overflow: hidden;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    img {
-      width: 45%;
-      height: 35%;
-      filter: grayscale(0.8);
-      transform: translate(v-bind("drinkStain.offsetX"), v-bind("drinkStain.offsetY"));
-    }
-  }
-}
-</style>
@@ -1,137 +0,0 @@
-<template>
-  <section class="upgrades">
-    <h2>Upgrades</h2>
-    <div class="upgrade">
-      <span>Adventurer capacity (level {{ guild.adventurerCapacity.level }})</span>
-      <small>Increases the maximum amount of recruited adventurers</small>
-      <button
-          class="button metal"
-          v-if="guild.adventurerCapacity.nextLevelCost"
-          :disabled="guild.gold < guild.adventurerCapacity.nextLevelCost"
-          @click="upgradeAdventurerCapacity()"
-      >
-        Upgrade ({{ formatGold(guild.adventurerCapacity.nextLevelCost) }} gold)
-      </button>
-    </div>
-    <div class="upgrade" v-if="guild.level >= guild.autoFinishQuestsUpgrade.guildLevelRequirement">
-      <span>Auto-finish quests (level {{ guild.autoFinishQuestsUpgrade.level - 1 }})</span>
-      <small>Automatically finish quests when they are completed.</small>
-      <button
-          class="button metal"
-          v-if="guild.autoFinishQuestsUpgrade.nextLevelCost"
-          :disabled="guild.gold < guild.autoFinishQuestsUpgrade.nextLevelCost || guild.autoFinishQuestsUpgrade.isMaxLevel()"
-          @click="upgradeAutoFinishQuests()"
-      >
-        <span v-if="!guild.autoFinishQuestsUpgrade.isMaxLevel()">Upgrade ({{  formatGold(guild.autoFinishQuestsUpgrade.nextLevelCost) }} gold)</span>
-        <span v-else>Max level</span>
-      </button>
-    </div>
-    <div class="upgrade" v-if="guild.level >= guild.expModifier.guildLevelRequirement">
-      <span>Quest exp modifier (level {{ guild.expModifier.level - 1 }})</span>
-      <small>Increases exp from newly offered quests by 10% per level</small>
-      <button
-          class="button metal"
-          v-if="guild.expModifier.nextLevelCost"
-          :disabled="guild.gold < guild.expModifier.nextLevelCost"
-          @click="upgradeQuestExpModifier()"
-      >
-        Upgrade ({{ formatGold(guild.expModifier.nextLevelCost) }} gold)
-      </button>
-    </div>
-    <div class="upgrade" v-if="guild.level >= guild.goldModifier.guildLevelRequirement">
-      <span>Quest gold modifier (level {{ guild.goldModifier.level - 1 }})</span>
-      <small>Increases gold from newly offered quests by 10% per level</small>
-      <button
-          class="button metal"
-          v-if="guild.goldModifier.nextLevelCost"
-          :disabled="guild.gold < guild.goldModifier.nextLevelCost"
-          @click="upgradeQuestGoldModifier()"
-      >
-        Upgrade ({{ formatGold(guild.goldModifier.nextLevelCost) }} gold)
-      </button>
-    </div>
-  </section>
-</template>
-
-<script lang="ts">
-import {Guild} from "@/classes/Guild";
-import {defineComponent, type PropType} from "vue";
-import {formatGold} from "@/classes/NumberMagic";
-
-export default defineComponent({
-  name: "UpgradesList",
-  props: {
-    guild: {
-      type: Object as PropType<Guild>,
-      default() {
-        return new Guild(1, 0) as Guild;
-      },
-      required: true,
-    }
-  },
-  methods: {
-    formatGold,
-    upgradeAdventurerCapacity(): void {
-      if (!this.guild.adventurerCapacity) return;
-      if (!this.guild.adventurerCapacity.nextLevelCost) return;
-      if (this.guild.gold < this.guild.adventurerCapacity.nextLevelCost) return;
-      this.guild.gold -= this.guild.adventurerCapacity.nextLevelCost;
-      this.guild.adventurerCapacity.upgrade();
-    },
-    upgradeAutoFinishQuests(): void {
-      if (!this.guild.autoFinishQuestsUpgrade) return;
-      if (this.guild.autoFinishQuestsUpgrade.isMaxLevel()) return;
-      if (!this.guild.autoFinishQuestsUpgrade.nextLevelCost) return;
-      if (this.guild.gold < this.guild.autoFinishQuestsUpgrade.nextLevelCost) return;
-      this.guild.gold -= this.guild.autoFinishQuestsUpgrade.nextLevelCost;
-      this.guild.autoFinishQuestsUpgrade.upgrade();
-    },
-    upgradeQuestExpModifier(): void {
-      if (!this.guild.expModifier) return;
-      if (!this.guild.expModifier.nextLevelCost) return;
-      if (this.guild.gold < this.guild.expModifier.nextLevelCost) return;
-      this.guild.gold -= this.guild.expModifier.nextLevelCost;
-      this.guild.expModifier.upgrade();
-    },
-    upgradeQuestGoldModifier(): void {
-      if (!this.guild.goldModifier) return;
-      if (!this.guild.goldModifier.nextLevelCost) return;
-      if (this.guild.gold < this.guild.goldModifier.nextLevelCost) return;
-      this.guild.gold -= this.guild.goldModifier.nextLevelCost;
-      this.guild.goldModifier.upgrade();
-    },
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.upgrades {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 1rem;
-
-  h2 {
-    font-size: 1.75rem;
-    margin: 2rem 0 0;
-    padding: 0;
-  }
-
-  .upgrade {
-    text-align: center;
-    font-size: 1.25rem;
-    font-weight: bold;
-    display: flex;
-    flex-direction: column;
-    width: min(25rem, 100%);
-    justify-content: center;
-    align-items: center;
-    gap: 0.2rem;
-    small {
-      font-weight: normal;
-      line-height: 1;
-    }
-  }
-}
-</style>
@@ -1,112 +0,0 @@
-<template>
-  <div class="changelog panel pinned-paper">
-    <div class="nail top-left">
-      <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
-    </div>
-    <div class="nail top-right">
-      <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
-    </div>
-    <h1>Changelog</h1>
-    <div class="changelog-entry" v-for="release in releases">
-      <hr>
-      <h2><span>Version {{ release.name }}</span><small class="date">{{ timeFormat.format(release.createdAt) }}</small></h2>
-      <pre>{{ release.body }}</pre>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {defineComponent} from "vue";
-
-
-export default defineComponent({
-  name: "ChangelogComponent",
-  data: () => ({
-    timeFormat: Intl.DateTimeFormat(Intl.DateTimeFormat().resolvedOptions().locale, {
-      year: "numeric",
-      month: "numeric",
-      day: "numeric",
-    }),
-    releases: [] as Array<{body: string, name: string, createdAt: Date}>,
-    lastPage: 1,
-  }),
-  methods: {
-    async getReleases(page: number): Promise<void> {
-      const result = await fetch("https://api.github.com/repos/YouHaveTrouble/GuildMaster/releases?per_page=10")
-          .catch((e) => {
-            return null;
-          });
-
-      if (result === null) return;
-      const json = await result.json();
-
-
-      for (const release of json) {
-        const version = {} as any;
-        version.body = release.body.trim();
-        version.name = release.name;
-        version.createdAt = new Date(release.published_at);
-        if (release.body.length === 0) continue;
-        this.releases.push(version);
-      }
-    }
-  },
-  async mounted() {
-    this.getReleases(1);
-  }
-});
-</script>
-
-<style lang="scss" scoped>
-.changelog {
-  padding-block: 3rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 1rem;
-  max-width: 45rem;
-  width: 100%;
-
-  h1 {
-    font-size: 3rem;
-    line-height: 1;
-    margin: 0;
-    text-align: center;
-  }
-
-  .changelog-entry {
-    width: 100%;
-
-    h2 {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      justify-content: flex-start;
-      align-items: flex-end;
-      margin: 0;
-      padding-inline: 1rem;
-      gap: 0.5rem;
-    }
-
-    .date {
-      color: rgba(0,0,0, 0.6);
-      font-size: 1rem;
-    }
-
-    hr {
-      border: 0;
-      width: calc(100% - 2rem);
-      border-bottom: 1px solid black;
-    }
-
-    pre {
-      line-height: 1.2;
-      margin: 0;
-      white-space: pre-wrap;
-      font-family: 'EB Garamond', serif;
-      padding-inline: 1rem;
-    }
-  }
-}
-</style>
@@ -1,146 +0,0 @@
-<template>
-  <div class="save-manager panel pinned-paper">
-    <dialog ref="importDialog" >
-      <div class="import-dialog">
-        <textarea
-            v-model="importSaveText"
-            placeholder="Paste your save data here"
-        ></textarea>
-        <div style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem;">
-          <button type="button" class="button metal" @click="importSave()" :disabled="importSaveText === ''">
-            Import
-          </button>
-          <button class="close" @click="closeSaveImport">✗</button>
-        </div>
-      </div>
-
-    </dialog>
-    <div class="nail top-left">
-      <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
-    </div>
-    <div class="nail top-right">
-      <img src="/img/quests/overlays/nail.png" alt="" draggable="false"/>
-    </div>
-    <h1>Save file</h1>
-    <div class="buttons">
-      <button class="button metal" @click="exportSave()">
-        Export
-      </button>
-      <button class="button metal" @click="openSaveImport()">
-        Import
-      </button>
-      <button class="button metal" @click="wipeSave()">
-        <span class="red">Wipe</span>
-      </button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {defineComponent} from "vue";
-
-export default defineComponent({
-  name: "ChangelogComponent",
-  data: () => ({
-    importSaveText: "",
-  }),
-  methods: {
-    openSaveImport() {
-      const dialog = this.$refs.importDialog as HTMLDialogElement;
-      dialog.showModal();
-    },
-    closeSaveImport() {
-      const dialog = this.$refs.importDialog as HTMLDialogElement;
-      dialog.close();
-    },
-    exportSave() {
-      const save = window.localStorage.getItem("savedGame");
-      if (!save) {
-        alert("No save file found!");
-        return;
-      }
-      navigator.clipboard.writeText(btoa(save));
-      setTimeout(() => alert("Save data copied to clipboard!"), 100);
-    },
-    importSave() {
-      const saveBase64 = this.importSaveText;
-      try {
-        const save = atob(saveBase64);
-        JSON.parse(save);
-        window.localStorage.setItem("savedGame", save);
-        window.location.reload();
-      } catch (e) {
-        alert("Invalid save file!");
-        return;
-      }
-
-    },
-    wipeSave() {
-      if (!confirm("You are about to wipe your save file. Are you sure?")) return;
-      window.localStorage.removeItem("savedGame");
-      window.location.reload();
-    },
-  }
-});
-</script>
-
-<style scoped lang="scss">
-.save-manager {
-  padding-block: 1rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 1rem;
-  max-width: 45rem;
-  width: 100%;
-  h1 {
-    margin-block: 0;
-    font-size: 2rem;
-  }
-  dialog {
-    padding: 0;
-  }
-  .buttons {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 0.25rem;
-    .red {
-      color: #d52121;
-    }
-  }
-  .import-dialog {
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background: url("/img/background/panels/plaster.png");
-    background-size: 100% 100%;
-    gap: 1rem;
-    position: relative;
-    textarea {
-      width: 90%;
-      height: 10rem;
-      resize: none;
-      border: 1px solid var(--color-metal);
-      border-radius: 0.25rem;
-      padding: 0.5rem;
-      font-family: monospace;
-    }
-    .close {
-      color: #ab0707;
-      font-size: 2rem;
-      border: none;
-      background: transparent;
-      &:hover {
-        color: #d52121;
-        cursor: pointer;
-      }
-    }
-  }
-}
-</style>
@@ -0,0 +1,39 @@
+import type StatHolder from "@/models/StatHolder.ts";
+import AdventurerInventory from "@/models/AdventurerInventory.ts";
+import type AdventurerIdentity from "@/models/AdventurerIdentity.ts";
+
+export default class Adventurer implements StatHolder {
+
+  identity: AdventurerIdentity;
+  experience: number = 0;
+  basePower: number = 0;
+  baseDefense: number = 0;
+  inventory: AdventurerInventory;
+
+  constructor(
+    identity: AdventurerIdentity,
+    experience: number = 0,
+    basePower: number = 0,
+    baseDefense: number = 0,
+    inventory: AdventurerInventory = new AdventurerInventory()
+  ) {
+    this.identity = identity;
+    this.experience = experience;
+    this.basePower = basePower;
+    this.baseDefense = baseDefense;
+    this.inventory = inventory;
+  }
+
+  getPower(): number {
+    let power = this.basePower;
+    power += this.inventory.getPower();
+    return power;
+  }
+
+  getDefense(): number {
+    let defense = this.baseDefense;
+    defense += this.inventory.getDefense();
+    return defense;
+  }
+
+}
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
YouHaveTrouble	5aa8ef1d0e	update depends	2024-11-24 16:08:30 +01:00
YouHaveTrouble	bfd30c935b	centralized save data	2024-11-22 22:53:11 +01:00
YouHaveTrouble	dd92009cba	restore a little bit of loading data logic	2024-11-21 20:57:02 +01:00
YouHaveTrouble	7ab0bfbf67	add adventurer identities	2024-11-21 20:56:40 +01:00
YouHaveTrouble	b956152edb	normalize some styles	2024-11-21 20:56:20 +01:00
YouHaveTrouble	dc9cc5c74c	remove attack exponent	2024-11-21 20:54:57 +01:00
YouHaveTrouble	06278ca11e	move quests to a single file	2024-11-21 20:54:23 +01:00
YouHaveTrouble	53865f1349	framework for adventurers	2024-11-20 21:29:54 +01:00
YouHaveTrouble	98cd9d829f	clean the heck up samurai, we have a game to rewrite	2024-11-19 20:13:49 +01:00
YouHaveTrouble	c26c425c6d	update news	2024-08-23 23:01:07 +02:00
YouHaveTrouble	423444a139	configure vite plugin for pwa handling	2023-09-24 23:56:10 +02:00
YouHaveTrouble	b49a30bb6e	actually bearable mobile view for quests board	2023-09-23 15:29:47 +02:00
YouHaveTrouble	2a38461a47	move icon svgs to components, so they can load along everything else	2023-09-16 15:58:54 +02:00
YouHaveTrouble	52c340be26	bump version	2023-09-16 15:39:23 +02:00
YouHaveTrouble	f2c5304643	don't load paths dynamically to allow offline play	2023-09-16 15:26:36 +02:00
YouHaveTrouble	b6aefde9da	add / to the path	2023-09-16 14:29:29 +02:00
YouHaveTrouble	f31a0013a9	Merge pull request #11 from xYundy/fix-quest-button-on-ios Fix select button color for iOS Safari	2023-09-15 12:04:09 +02:00
Wojciech 'xYundy' Zięciak	e4af877358	Add missing empty line at EOF	2023-09-15 12:03:48 +02:00
YouHaveTrouble	d162771749	Merge pull request #10 from xYundy/public-testing Add script which allow to test app on external devices	2023-09-15 12:03:15 +02:00
YouHaveTrouble	f53644119a	Merge pull request #9 from xYundy/pwa-mobile-icon Add PWA icons and manifest	2023-09-15 12:02:21 +02:00
Wojciech 'xYundy' Zięciak	34999a27b7	add PWA icons and manifest	2023-09-15 11:59:11 +02:00
Wojciech 'xYundy' Zięciak	6e23f9a7b4	Fix select button color for iOS Safar	2023-09-15 11:55:27 +02:00
Wojciech 'xYundy' Zięciak	d852f6fd96	Add script which allow to test app on ext. devices	2023-09-15 11:47:43 +02:00
YouHaveTrouble	0e0c133f6f	swap meta image	2023-09-07 19:06:29 +02:00
YouHaveTrouble	8a6b581981	bump version	2023-09-07 18:39:53 +02:00
YouHaveTrouble	5497717605	have enough portraits for now	2023-09-07 18:38:11 +02:00
YouHaveTrouble	85fa53b16e	add gradient background for adventurer portraits	2023-09-07 18:23:36 +02:00
YouHaveTrouble	9feab73fd2	small tool to automatically merge data and portraits into one file	2023-09-07 18:23:17 +02:00
YouHaveTrouble	ed7c9e66ec	add new adventurers and their assets	2023-09-07 18:22:22 +02:00
YouHaveTrouble	82350c6c42	new loading screen	2023-08-28 19:33:44 +02:00
YouHaveTrouble	0b7489b21f	add new assets	2023-08-28 19:33:29 +02:00
YouHaveTrouble	21fb2c5f72	update depends	2023-08-20 17:20:29 +02:00
YouHaveTrouble	20e7af41ae	bump version	2023-07-26 00:24:44 +02:00
YouHaveTrouble	17a091bec8	stop changelog from bumping the page when loading	2023-07-26 00:18:57 +02:00
YouHaveTrouble	13cb2c5a55	don't save possibly heavy adventurer portraits and load them from global data	2023-07-26 00:01:24 +02:00
YouHaveTrouble	28fe055f32	cleanup	2023-07-23 22:38:59 +02:00
YouHaveTrouble	b35de64cea	move most assets to components and use base64 versions of them	2023-07-23 22:24:43 +02:00
YouHaveTrouble	1e7eb5c750	move adventurer portraits to the data to make sure they load along with everything else	2023-07-23 17:27:20 +02:00
				`@@ -1 +0,0 @@`
				`Looking for artists for assets for this game! Need backgrounds, icons and character portraits! Join discord for more info!`