add MVP content for about and contribute

OpenVicProject · May 6, 2023 · ee80789 · ee80789
1 parent 648087f
commit ee80789
Show file tree

Hide file tree

Showing 8 changed files with 123 additions and 46 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -10,15 +10,12 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^2.0.0",
+		"@sveltejs/adapter-static": "^2.0.2",
 		"@sveltejs/kit": "^1.5.0",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.8.1",
 		"svelte": "^3.54.0",
 		"vite": "^4.3.0"
 	},
-	"type": "module",
-	"dependencies": {
-		"@sveltejs/adapter-static": "^2.0.2"
-	}
+	"type": "module"
 }
diff --git a/frontend/src/lib/Header.svelte b/frontend/src/lib/Header.svelte
@@ -46,11 +46,11 @@
   }
 
   a {
-    color: #AB8E76;
     font-size: 5vw;
   }
 
   a:hover {
     color: #CD7F32;
+    text-decoration: none;
   }
 </style>
diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
@@ -4,10 +4,13 @@
 
 <Header/>
 <img src="/terrain-map-4-5-23.png" alt="OpenVic2 Terrain Map Mode, Centered on Europe" width="1000">
-<h1>the Map of the World</h1>
+<a href="/news"><br>Dev Diary IV: the Map</a>
 
 <style>
     img {
         aspect-ratio: 16/9;
     }
+    a {
+        font-size: 3.5vw;
+    }
 </style>
diff --git a/frontend/src/routes/about/+page.svelte b/frontend/src/routes/about/+page.svelte
@@ -2,4 +2,15 @@
     import Header from "$lib/Header.svelte";
 </script>
 
-<Header/>
+<Header/>
+<h1 id="top">About OpenVic2</h1>
+<p>OpenVic2 aims to faithfully recreate Victoria 2: Heart of Darkness with a focus on enhancing performance, stability, and modability. We will support loading Victoria 2 mods with zero modifications in a classic / compatibility mode, which will be availible if you own a legitimate copy of Victoria 2. OpenVic2's default mode will be completely free, with our own graphics, content, data, and soundtrack, keeping the overall feel, playstyle, and balance as Victoria 2. OpenVic2 will have it's own modding api, allowing for extremely detailed and deep mods, while being easier to mod and easier for users to find and install mods. If you are interested in helping, see the contribute page, and if you want to stay up to date between dev diaries, check out <a href="https://www.github.com/OpenVic2Project/OpenVic2" target="_blank" rel="noopener noreferrer">the GitHub</a> and join <a href="https://discord.com/invite/vM4E3BFkqH" target="_blank" rel="noopener noreferrer">the Discord</a>, we can't wait to get to know you.</p>
+
+<style>
+    #top {
+        margin: 0;
+    }
+    a {
+        color: dodgerblue;
+    }
+</style>
diff --git a/frontend/src/routes/contribute/+page.svelte b/frontend/src/routes/contribute/+page.svelte
@@ -2,4 +2,18 @@
     import Header from "$lib/Header.svelte";
 </script>
 
-<Header/>
+<Header/>
+<h1>What can you do to help?</h1>
+<ul>
+    <li>join the team! if you have any experience in C++, art, networking, godot, or design, we'd love to have you! <a href="https://forms.gle/VdFgD8W5pkDhGWQV7" target="_blank" rel="noopener noreferrer">fill out the form</a></li>
+    <li>test it out! if you poke around at what we've got so far, report any bugs in <a href="https://discord.com/invite/vM4E3BFkqH" target="_blank" rel="noopener noreferrer">the Discord</a> or open an issue <a href="https://www.github.com/OpenVic2Project/OpenVic2" target="_blank" rel="noopener noreferrer">on GitHub</a>.</li>
+    <li>write events and decisions. love your LARP? not enough flavour for your nation? over on <a href="https://discord.com/invite/vM4E3BFkqH" target="_blank" rel="noopener noreferrer">the Discord</a> you can submit your own events and decisions.</li>
+    <li>översätt (that's Swedish for translate)! We aren't to a point where we need translators yet, but eventually we'll need your help.</li>
+</ul>
+<p>if you've got any questions, feel free to ask on <a href="https://discord.com/invite/vM4E3BFkqH" target="_blank" rel="noopener noreferrer">the Discord</a>, we don't bite :)</p>
+
+<style>
+    a {
+        color: dodgerblue;
+    }
+</style>
diff --git a/frontend/src/routes/faqs/+page.svelte b/frontend/src/routes/faqs/+page.svelte
@@ -2,4 +2,5 @@
     import Header from "$lib/Header.svelte";
 </script>
 
-<Header/>
+<Header/>
+<h1>Frequently Asked Questions</h1>
diff --git a/frontend/static/global.css b/frontend/static/global.css
@@ -1,5 +1,6 @@
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
 
 :root {
   font-family: 'Cinzel', Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
@@ -18,4 +19,19 @@
 a {
   text-decoration: none;
   font-weight: bold;
+  color: #AB8E76;
+}
+
+a:hover {
+  color: #CD7F32;
+  text-decoration: underline;
+}
+
+p {
+  font-family: 'Varela Round', 'Cinzel', Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+}
+
+ul {
+  list-style-position: inside;
+  font-family: 'Varela Round', 'Cinzel', Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
 }