add stuff change index base path

public/index.html

@@ -1,20 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset='utf-8'>
 	<meta name='viewport' content='width=device-width,initial-scale=1'>
 
 	<title>TPW Roller App</title>
 
-	<link rel='icon' type='image/png' href='/favicon.png'>
+	<link rel='icon' type='image/png' href='/tpw/favicon.png'>
 	<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css' />
 	<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css' />
-	<link rel='stylesheet' href='/global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
+	<link rel='stylesheet' href='/tpw/global.css'>
+	<link rel='stylesheet' href='/tpw/build/bundle.css'>
 
-	<script defer src='/build/bundle.js'></script>
+	<script defer src='/tpw/build/bundle.js'></script>
 </head>
 
 <body>
 </body>
+
 </html>

src/App.svelte

@@ -7,7 +7,9 @@
 </script>
 
 <main>
-  <h1>Sup world?</h1>
+  <h1>The Perilous Wilds</h1>
+  <h2>A web-app for rolling on tables and getting funny results</h2>
+  <hr />
   <KingdomRoller />
   <hr />
   <RegionRoller />

src/componenets/Footer.svelte

@@ -5,6 +5,7 @@
   <footer>
     <div>With content from The Perilous Wilds by Jason Lutes</div>
     <div>Distributed under the Creative Commons Attribution-ShareAlike 3.0 Unported license</div>
+    <div>Find the source for this project on <a href="https://github.com/RussellChamp/tpw-roller">Github</a></div>
   </footer>
 </main>
 

src/rollers/FollowerRoller.svelte

@@ -16,7 +16,7 @@
 <main>
   <h2>Random Follower</h2>
   <span class="btn">
-    <Button color="primary" on:click={roll}>Roll Follower</Button>
+    <Button color="primary" on:click={roll}>Roll Followers</Button>
   </span>
 
   {#each rollResults as result}

src/rollers/KingdomRoller.svelte

@@ -5,7 +5,7 @@
 
   import { kingdoms } from "./data";
 
-  export let rollResults: { value: string; icon: string; timestamp: string }[] = [];
+  let rollResults: { value: string; icon: string; timestamp: string }[] = [];
   let kingdom = "arpad";
   let categories: string[];
 

svelte.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  publicPath: process.env.NODE_ENV === 'production'
+    ? '/tpw/'
+    : '/'
+}