Home Improvements

package.json

@@ -16,6 +16,7 @@
 		"prepare": "husky install"
 	},
 	"dependencies": {
+		"@egjs/vue-flicking": "^4.12.0",
 		"@gtm-support/vue2-gtm": "^1.3.0",
 		"@octokit/rest": "^19.0.5",
 		"@quasar/extras": "^1.16.12",

src-pwa/custom-service-worker.js

@@ -3,33 +3,38 @@
  * is picked up by the build system ONLY if
  * quasar.conf > pwa > workboxPluginMode is set to "InjectManifest"
  */
-self.addEventListener('message', (event) => {
-  if(event.origin !== "https://shieldmaiden.app" && event.origin !== "https://staging.shieldmaiden.app") 
-    return;
-
-  if (event.data && event.data.type === 'SKIP_WAITING') {
-    self.skipWaiting();
-  }
+self.addEventListener("message", (event) => {
+	if (
+		event.origin !== "https://shieldmaiden.app" &&
+		event.origin !== "https://staging.shieldmaiden.app"
+	)
+		return;
+
+	if (event.data && event.data.type === "SKIP_WAITING") {
+		self.skipWaiting();
+	}
 });
 
-workbox.core.setCacheNameDetails({prefix: "shieldmaiden"});
+workbox.core.setCacheNameDetails({ prefix: "shieldmaiden" });
 
 // Precache array of routes (precacheManifest = this array)
 // https://developers.google.com/web/tools/workbox/modules/workbox-precaching
-self.__precacheManifest = [{ url: "/200.html", revision: Date.now() }].concat(self.__precacheManifest || []);
+self.__precacheManifest = [{ url: "/200.html", revision: Date.now() }].concat(
+	self.__precacheManifest || []
+);
 workbox.precaching.precacheAndRoute(self.__precacheManifest, {});
 
 // This assumes /200.html has been precached.
 // https://developers.google.com/web/tools/workbox/modules/workbox-routing#how_to_register_a_navigation_route
 workbox.routing.registerNavigationRoute(workbox.precaching.getCacheKeyForURL("200.html"), {
-  blacklist: [
-    /^\/compendium/,
-    /^\/admin/,
-    /^\/patreon/,
-    /^\/user/,
-    /^\/about-us/,
-    /^\/documentation/,
-    /^\/privacy-policy/,
-    /^\/demo/
-  ],
-});
+	blacklist: [
+		/^\/compendium/,
+		/^\/admin/,
+		/^\/pricing/,
+		/^\/user/,
+		/^\/about-us/,
+		/^\/documentation/,
+		/^\/privacy-policy/,
+		/^\/demo/,
+	],
+});

src/App.vue

@@ -14,13 +14,14 @@
 					"
 					:small-screen="small_screen"
 				/>
-				<q-scroll-area
+				<div
+					:is="$route.name === 'home' ? 'div' : 'q-scroll-area'"
 					class="scrollable-content"
 					:dark="$store.getters.theme === 'dark'"
 					:thumb-style="{ width: '5px' }"
 				>
 					<router-view />
-				</q-scroll-area>
+				</div>
 			</div>
 		</div>
 		<transition

src/components/ContentSideRight.vue

@@ -32,7 +32,7 @@
 				v-if="tier.price === 'Free'"
 				slot="footer"
 				class="card-footer justify-content-start neutral-3"
-				>* <router-link to="/patreon" class="mx-1">Subscription</router-link> for Shieldmaiden
+				>* <router-link to="/pricing" class="mx-1">Subscription</router-link> for Shieldmaiden
 				required.</small
 			>
 		</hk-card>
@@ -93,7 +93,7 @@
 			<router-link
 				v-else-if="tier.name !== 'Deity'"
 				slot="footer"
-				to="/patreon"
+				to="/pricing"
 				class="btn btn-block btn-square bg-patreon-red"
 			>
 				{{ tier.price === "Free" ? "Subscribe" : "Upgrade" }}

src/components/Sidebar.vue

@@ -196,7 +196,7 @@
 					<hr />
 				</template>
 				<q-list @click="setSideSmallScreen(false)">
-					<q-item clickable v-ripple to="/patreon">
+					<q-item clickable v-ripple to="/pricing">
 						<q-item-section avatar>
 							<i aria-hidden="true" class="fas fa-coins" />
 						</q-item-section>

src/components/ToolsPage.vue

@@ -53,6 +53,9 @@ export default {
 		justify-content: center;
 		background-size: auto;
 		font-weight: bold;
+		min-height: unset;
+		aspect-ratio: 5/2;
+		background-repeat: no-repeat;
 	}
 	&::v-deep h2 {
 		font-size: 25px;

src/components/campaign/share/index.vue

@@ -183,7 +183,7 @@
 						<button v-if="!isEmpty(weather)" class="btn bg-neutral-5" @click="clearWeather">
 							Clear
 						</button>
-						<router-link v-else to="/patreon" class="btn bg-patreon-red"
+						<router-link v-else to="/pricing" class="btn bg-patreon-red"
 							>Get a subscription</router-link
 						>
 					</template>

src/components/campaign/soundBoard/Board.vue

@@ -46,7 +46,7 @@
 		</transition-group>
 
 		<div class="soundboard__actions">
-			<router-link v-if="tier.price === 'Free'" class="btn btn-block bg-patreon-red" to="/patreon">
+			<router-link v-if="tier.price === 'Free'" class="btn btn-block bg-patreon-red" to="/pricing">
 				Add custom links
 			</router-link>
 			<template v-else>

src/components/drawers/CharacterSync.vue

@@ -63,7 +63,7 @@
 		<template v-if="tier.price === 'Free'">
 			<hr />
 			<p>This feature is only available with a subscription.</p>
-			<router-link to="/patreon" class="btn btn-block bg-patreon-red"
+			<router-link to="/pricing" class="btn btn-block bg-patreon-red"
 				>Get a subscription</router-link
 			>
 		</template>

src/components/encounters/General.vue

@@ -180,7 +180,7 @@
 							<router-link class="btn btn-sm bg-neutral-5 full-width" to="/weather-demo">
 								Checkout all effects
 							</router-link>
-							<router-link class="btn btn-sm full-width mt-2 bg-patreon-red" to="/patreon">
+							<router-link class="btn btn-sm full-width mt-2 bg-patreon-red" to="/pricing">
 								Get a subscription
 							</router-link>
 						</div>

src/components/header/UserMenu.vue

@@ -37,7 +37,7 @@
 							<q-item-section avatar><i aria-hidden="true" class="fas fa-user"></i></q-item-section>
 							<q-item-section>Profile</q-item-section>
 						</q-item>
-						<q-item clickable v-close-popup to="/patreon">
+						<q-item clickable v-close-popup to="/pricing">
 							<q-item-section avatar
 								><i aria-hidden="true" class="fas fa-coins"></i
 							></q-item-section>