Add revival logos and improve page styling and formatting

package.json

@@ -21,7 +21,7 @@
 		"@unocss/transformer-directives": "^0.53.5",
 		"marked": "^5.1.1",
 		"mdsvex": "^0.11.0",
-		"prettier": "^3.0.0",
+		"prettier": "^2.8.8",
 		"prettier-plugin-svelte": "^2.10.1",
 		"prettier-plugin-tailwindcss": "^0.3.0",
 		"sass": "^1.63.6",

pages/revivals/finobe.md

@@ -1,6 +1,7 @@
 ---
 name: Finobe
 date: 2023-07-09 01:58 PM
+logo: finobe.png
 clients:
     - 2012
     - 2016

pages/revivals/mercury.md

@@ -1,6 +1,7 @@
 ---
 name: Mercury
 date: 2023-07-09 01:58 PM
+logo: mercury.svg
 clients:
     - 2013
 rating:

pnpm-lock.yaml

@@ -35,14 +35,14 @@ devDependencies:
     specifier: ^0.11.0
     version: 0.11.0(svelte@4.0.5)
   prettier:
-    specifier: ^3.0.0
-    version: 3.0.0
+    specifier: ^2.8.8
+    version: 2.8.8
   prettier-plugin-svelte:
     specifier: ^2.10.1
-    version: 2.10.1(prettier@3.0.0)(svelte@4.0.5)
+    version: 2.10.1(prettier@2.8.8)(svelte@4.0.5)
   prettier-plugin-tailwindcss:
     specifier: ^0.3.0
-    version: 0.3.0(prettier-plugin-svelte@2.10.1)(prettier@3.0.0)
+    version: 0.3.0(prettier-plugin-svelte@2.10.1)(prettier@2.8.8)
   sass:
     specifier: ^1.63.6
     version: 1.63.6
@@ -1308,17 +1308,17 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
-  /prettier-plugin-svelte@2.10.1(prettier@3.0.0)(svelte@4.0.5):
+  /prettier-plugin-svelte@2.10.1(prettier@2.8.8)(svelte@4.0.5):
     resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: 3.0.0
+      prettier: 2.8.8
       svelte: 4.0.5
     dev: true
 
-  /prettier-plugin-tailwindcss@0.3.0(prettier-plugin-svelte@2.10.1)(prettier@3.0.0):
+  /prettier-plugin-tailwindcss@0.3.0(prettier-plugin-svelte@2.10.1)(prettier@2.8.8):
     resolution: {integrity: sha512-009/Xqdy7UmkcTBpwlq7jsViDqXAYSOMLDrHAdTMlVZOrKfM2o9Ci7EMWTMZ7SkKBFTG04UM9F9iM2+4i6boDA==}
     engines: {node: '>=12.17.0'}
     peerDependencies:
@@ -1370,13 +1370,13 @@ packages:
       prettier-plugin-twig-melody:
         optional: true
     dependencies:
-      prettier: 3.0.0
-      prettier-plugin-svelte: 2.10.1(prettier@3.0.0)(svelte@4.0.5)
+      prettier: 2.8.8
+      prettier-plugin-svelte: 2.10.1(prettier@2.8.8)(svelte@4.0.5)
     dev: true
 
-  /prettier@3.0.0:
-    resolution: {integrity: sha512-zBf5eHpwHOGPC47h0zrPyNn+eAEIdEzfywMoYn2XPi0P44Zp0tSq64rq0xAREh4auw2cJZHo9QUob+NqCQky4g==}
-    engines: {node: '>=14'}
+  /prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
     hasBin: true
     dev: true
 

src/global.sass

@@ -83,3 +83,19 @@ hr
 
 .bg-bg
 	background: #100f0e
+
+
+.content
+	@apply bg-a p-4 rounded-lg shadow-lg
+
+	background: #1f1c1d
+	@media (prefers-color-scheme: light)
+		background: white
+
+li ul
+	list-style-type: circle
+	margin: 0.3rem 0 0.3rem -1rem
+
+main
+	> h1, > h2, > h3, > h4, > h5, > h6
+		margin-left: 1rem

src/routes/+layout.svelte

@@ -36,7 +36,13 @@
 </div>
 
 <style lang="sass">
-	@media screen and (min-width: 1024px)
-		div div
+	div div
+		background-size: 2rem 2rem
+		background-position: 1rem 1rem
+		background-image: linear-gradient(90deg, #191716 1px, transparent 1px), linear-gradient(0deg, #191716 1px, transparent 1px)
+		@media (prefers-color-scheme: light)
+			background-image: linear-gradient(90deg, #f9f7f6 1px, transparent 1px), linear-gradient(0deg, #f9f7f6 1px, transparent 1px)
+
+		@media screen and (min-width: 1024px)
 			overflow-y: scroll
 </style>

src/routes/+page.svx

@@ -5,12 +5,12 @@
 </svelte:head>
 
 # Revival Archive
-
 ### a [Mercury](https://banland.xyz) project
 
+<div class="content">
 Welcome to the Revival Archive, a website dedicated to keeping track of active/defunct old brickbuilding private servers.
 
-Check out our [blog posts](/blog), [reviews](/revivals) and most importantly, the [revival index](/revivals).
+Check out our [blog posts](/blog), [reviews](/reviews) and most importantly, the [revival index](/revivals).
 
 ---
 
@@ -26,10 +26,11 @@ You can easily find a revival perfect for you on the Revival Archive!
 ## I have my own revival, how can I put it on the Revival Archive?
 
 You can go ahead and join our [Discord](https://discord.gg/zfC3VH2WBa) server - there you can request for your/somebody else's revival to be added to the archive!
+</div>
 
 <style lang="sass">
-    h1
-        margin-bottom: 0
-    h3 
-        margin-top: 0
+	h1
+		margin-bottom: 0
+	h3 
+		margin-top: 0
 </style>

src/routes/about/+page.md

@@ -6,46 +6,53 @@
 
 # About
 
+<div class="content">
 The Revival Archive is dedicated to keeping track of active/defunct old brickbuilding private servers.
 
 We also review revivals on specific features such as:
 
-+ Website
-    + This rating is influenced by how good the revival website is - function, form and features.
-+ Community
-    + This rating is influenced by the activity of the community and the behaviour (including administrators.)
-+ Client
-    + This rating is influenced by the activity of exploits, features (toolbox, etc), and ease of access (downloading, joining servers)
-+ Overall
-    + This rating is a conclusion of all the previous ratings and this rating will be the one shown in the index.
+-   Website
+    -   This rating is influenced by how good the revival website is - function, form and features.
+-   Community
+    -   This rating is influenced by the activity of the community and the behaviour (including administrators.)
+-   Client
+    -   This rating is influenced by the activity of exploits, features (toolbox, etc), and ease of access (downloading, joining servers)
+-   Overall
+    -   This rating is a conclusion of all the previous ratings and this rating will be the one shown in the index.
 
 We have a blog post where we go over recent events in the community (such as popular revivals going defunct, upcoming revivals, etc).
 
-Revivals can also be featured in the *Revival Of The Month*, a special place where one revival is, in our opinion - the best revival for users to join at the moment.
-There can't be more than one *Revival Of The Month* obviously, so we also have a featured section where we recommend other good revivals. Additionally, if you own a revival, you can request to be on the featured section!
+Revivals can also be featured in the _Revival Of The Month_, a special place where one revival is, in our opinion - the best revival for users to join at the moment.
+There can't be more than one _Revival Of The Month_ obviously, so we also have a featured section where we recommend other good revivals. Additionally, if you own a revival, you can request to be on the featured section!
 
-We do not provide any revival clients for security reasons. 
+We do not provide any revival clients for security reasons.
 
 ---
 
 ## Requirements for submitting a revival to the Archive
 
 The revival must:
-+ Have atleast 100 members
-    + Atleast half should be active
-+ Have a client
-+ Have a website (some revivals are launcher based, if your revival fits into this it will be an exception)
+
+-   Have at least 100 members
+    -   More than half should be active
+-   Have a client
+-   Have a website (some revivals are launcher based, if your revival fits into this it will be an exception)
 
 ## Requirements for being featured
 
 Including minimum requirements, the revival must:
-+ Be rated 4+ stars conistently
-+ Have atleast 200+ members
-    + More than half should be active
+
+-   Be rated above 4 stars conistently
+-   Have at least 200 members
+    -   More than half should be active
 
 ## Requirements for being Revival Of The Month
 
 Including featured requirements, the revival must:
-+ Have atleast 300+ members
-    + Majority should be active
-+ Client + community ratings should be high
+
+-   Have at least 300 members
+    -   Majority should be active
+-   Client & community ratings should be high
+
+</div>
+

src/routes/blog/+page.svelte

@@ -10,7 +10,7 @@
 
 <h1>Blog Posts</h1>
 
-{#each data.posts as post}
+{#each data.posts.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()) as post}
 	<a
 		href="/post/{post.path}"
 		class="txt @light:text-dark hover:text-#ccc

src/routes/blog/+page.ts

@@ -4,7 +4,7 @@ export async function load() {
 	return {
 		posts: Promise.all(
 			Object.keys(allPostFiles).map(async path => {
-				const { metadata } = await allPostFiles[path]()
+				const { metadata } = (await allPostFiles[path]()) as any
 
 				return {
 					...(metadata as {

src/routes/post/[post]/+page.svelte

@@ -10,7 +10,7 @@
 </svelte:head>
 
 <div class="xl:max-w-300 flex flex-col xl:flex-row">
-	<article class="max-w-150 pt-8">
+	<article class="max-w-180 pt-8">
 		<div class="-ms-4">
 			<a href="/blog" class="hover:text-#888">← Back to blog</a>
 			<div class="ms-4">
@@ -21,16 +21,16 @@
 					</span>
 				</span>
 
-				<hr class="mb-8 mt-3" />
+				<hr class="mb-4 mt-3" />
 
-				<div class="text-justify">
-					<svelte:component this={data.content}/>
+				<div class="content pt-0.01 text-justify">
+					<svelte:component this={data.content} />
 				</div>
 			</div>
 		</div>
 	</article>
 	{#if data.posts.length > 0}
-		<section class="w-150 xl:max-w-100 xl:ms-12 xl:mt-14">
+		<section class="w-120 xl:max-w-100 xl:ms-12 xl:mt-14">
 			<h2>Other posts</h2>
 			{#each data.posts as post}
 				<a

src/routes/revival/[revival]/+page.svelte

@@ -13,21 +13,27 @@
 </svelte:head>
 
 <div class="xl:max-w-300 flex flex-col xl:flex-row">
-	<article class="w-150 pt-8">
-		<div class="-ms-4">
-			<a href="/revivals" class="hover:text-#888">← Back to Index</a>
-			<div class="ms-4">
-				<span class="mt-2 flex">
+	<article class="w-180 pt-8">
+		<div class="-ms-4 flex flex-col">
+			{#if data.logo}
+				<img
+					src="/logos/{data.logo}"
+					class="logo mx-a h-15 -mb-6"
+					alt="{data.name} Logo" />
+			{/if}
+			<a href="/revivals" class="hover:text-#888 mt-a">← Back to Index</a>
+			<div class="ms-4 mt-4">
+				<span class="flex">
 					<h1 class="text-2rem m-0">{data.name}</h1>
 					<span class="mt-a ms-a mb-0.5">
 						{when(data.date)}
 					</span>
 				</span>
 
-				<hr class="mb-8 mt-3" />
+				<hr class="mb-4 mt-3" />
 
-				<article>
-					<div class="mb-10 text-justify">
+				<div class="content pt-0.01 text-justify">
+					<div class="mb-10">
 						<svelte:component this={data.content} />
 					</div>
 
@@ -44,12 +50,12 @@
 							</tr>
 						{/each}
 					</table>
-				</article>
+				</div>
 			</div>
 		</div>
 	</article>
 	{#if data.revivals.length > 0}
-		<section class="w-150 xl:max-w-100 xl:ms-12 xl:mt-14">
+		<section class="w-120 xl:max-w-100 xl:ms-12 xl:mt-14">
 			<h2>Other revivals</h2>
 			{#each data.revivals as revival}
 				<a
@@ -72,4 +78,9 @@
 <style lang="sass">
 	section a:hover
 		transform: translateY(-0.15rem)
+
+	.logo
+		filter: drop-shadow(0 0 5px #fffa) invert(0)
+		@media (prefers-color-scheme: light)
+			filter: drop-shadow(0 0 5px #000a)
 </style>

src/routes/revival/[revival]/+page.ts

@@ -21,6 +21,7 @@ export async function load({ params }) {
 		...(data.metadata as {
 			name: string
 			date: Date
+			logo?: string
 			clients: number[]
 			rating: {
 				website: number

src/routes/revivals/+page.ts

@@ -4,7 +4,7 @@ export async function load() {
 	return {
 		revivals: Promise.all(
 			Object.keys(allPostFiles).map(async path => {
-				const { metadata } = await allPostFiles[path]() as any
+				const { metadata } = (await allPostFiles[path]()) as any
 
 				return {
 					...(metadata as {

static/logos/mercury.svg

@@ -0,0 +1,9 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path
+		d="M170.044 17.3163C171.927 12.3599 169.442 6.77835 164.358 5.2722C137.493 -2.6876 108.657 -1.63368 82.317 8.42966C52.978 19.6389 28.7842 41.2437 14.3399 69.1325C-0.104442 97.0213 -3.79101 129.247 3.98178 159.678C11.7546 190.108 30.4441 216.619 56.4937 234.164C82.5432 251.71 114.134 259.066 145.255 254.832C176.376 250.598 204.854 235.07 225.269 211.203C245.685 187.336 256.613 156.796 255.973 125.395C255.4 97.2042 245.539 70.0861 228.065 48.1816C224.759 44.0369 218.653 43.8322 214.768 47.4397C210.882 51.0472 210.695 57.0978 213.946 61.2859C228.243 79.703 236.3 102.307 236.777 125.786C237.321 152.477 228.032 178.435 210.679 198.722C193.326 219.009 169.119 232.208 142.667 235.807C116.214 239.406 89.3617 233.153 67.2196 218.24C45.0775 203.326 29.1914 180.792 22.5845 154.926C15.9776 129.06 19.1112 101.668 31.3889 77.9626C43.6666 54.2571 64.2313 35.8931 89.1695 26.3652C111.107 17.9838 135.081 16.9548 157.521 23.2815C162.624 24.7202 168.161 22.2727 170.044 17.3163Z"
+		fill="white" />
+	<circle cx="193.25" cy="30.2502" r="13.25" fill="white" />
+	<path
+		d="M69.511 187V68H92.801L135.981 138.38L120.851 138.21L164.711 68H187.151V187H162.161V146.71C162.161 136.397 162.388 127.103 162.841 118.83C163.408 110.557 164.314 102.397 165.561 94.35L168.451 102.34L133.601 156.23H122.211L88.211 102.68L90.931 94.35C92.291 101.943 93.1977 109.763 93.651 117.81C94.2177 125.857 94.501 135.49 94.501 146.71V187H69.511Z"
+		fill="white" />
+</svg>