Merge branch 'hotfix/2.40.2' into main

Author: Lakeyzer

package-lock.json

@@ -1,5 +1,5 @@
 {
-	"version": "2.40.1",
+	"version": "2.40.2",
 	"name": "shieldmaiden",
 	"description": "A Dungeons and Dragons Combat Tracker",
 	"productName": "Shieldmaiden",

package.json

@@ -3,7 +3,12 @@
 		<div class="top">
 			<div class="content">
 				<div class="logo-container">
-					<img class="logo" src="../assets/_img/logo/logo-cyan.svg" alt="Shieldmaiden logo" />
+					<img
+						class="logo"
+						src="../assets/_img/logo/logo-cyan.svg"
+						alt="Shieldmaiden logo"
+						loading="lazy"
+					/>
 				</div>
 
 				<div class="links">
@@ -147,6 +152,7 @@ export default {
 				.logo {
 					margin-top: -40px;
 					width: 250px;
+					aspect-ratio: 25 / 24;
 				}
 			}
 		}
@@ -167,6 +173,9 @@ export default {
 				ul {
 					padding: 0;
 					list-style: none;
+					display: flex;
+					flex-direction: column;
+					gap: 3px;
 
 					a {
 						font-size: 12px;

src/components/Footer.vue

@@ -81,7 +81,7 @@
 				</div>
 			</q-popup-proxy>
 		</div>
-		<button v-else class="btn btn-clear btn-sm bg-neutral-6 user-btn">
+		<button v-else class="btn btn-clear btn-sm bg-neutral-6 user-btn" aria-label="User menu">
 			<i class="fas fa-user-circle" />
 			<q-popup-proxy
 				:dark="$store.getters.theme === 'dark'"

src/components/header/UserMenu.vue

@@ -9,15 +9,21 @@
 						<p class="text">
 							Our encounter builder is easy to use and lets you use your own custom monsters. We
 							instantly calculate the difficulty for you.<br />
-							<router-link to="/tools/encounter-builder" class="learn-more">Learn more</router-link>
+							<router-link to="/tools/encounter-builder" class="learn-more"
+								>More on the Encounter Builder</router-link
+							>
 						</p>
 						<router-link to="/encounter-builder" class="btn btn-lg bg-accent">
 							Try Encounter Builder
 						</router-link>
 					</div>
 				</div>
 				<div class="col-12 col-md-7">
-					<img src="~assets/_img/encounter-builder-shieldmaiden.webp" alt="Encounter Builder" />
+					<img
+						src="~assets/_img/encounter-builder-shieldmaiden.webp"
+						alt="Encounter Builder"
+						loading="lazy"
+					/>
 				</div>
 			</div>
 		</div>

src/components/home/Builder.vue

@@ -6,6 +6,7 @@
 					<img
 						src="~assets/_img/combat-tracker-shieldmaiden.webp"
 						alt="Combat Tracker Shieldmaiden"
+						loading="lazy"
 					/>
 				</div>
 				<div class="col-12 col-md-5">
@@ -15,7 +16,9 @@
 						<p class="text">
 							We focus on keeping the game on the table by managing everything you need to keep
 							track of during encounters. On top of that we enhance the player experience.<br />
-							<router-link to="/tools/combat-tracker" class="learn-more">Learn more</router-link>
+							<router-link to="/tools/combat-tracker" class="learn-more"
+								>More about the Combat Tracker</router-link
+							>
 						</p>
 						<router-link to="/demo/run-encounter" class="btn btn-lg bg-accent"
 							>Try Demo Encounter</router-link

src/components/home/General.vue

@@ -14,6 +14,7 @@
 					href="https://discord.gg/dU59jgvcuq"
 					target="_blank"
 					rel="noopener"
+					aria-label="Join our Discord"
 				>
 					<i class="fab fa-discord" aria-hidden="true" />
 					<q-tooltip anchor="bottom middle" self="top middle" :offset="[0, 10]">
@@ -75,6 +76,7 @@ header {
 
 		.logo {
 			height: 36px;
+			aspect-ratio: 156 / 36;
 		}
 		.dot-app {
 			margin-left: 3px;

src/components/home/Header.vue

@@ -17,7 +17,7 @@
 							<p>
 								Your support helps us keep the app afloat and spend more time improving it. Thank
 								you!<br />
-								<router-link to="/pricing" class="learn-more">Learn more</router-link>
+								<router-link to="/pricing" class="learn-more">Checkout pricing</router-link>
 							</p>
 						</div>
 						<router-link to="/sign-up" class="btn btn-lg bg-accent">