Fix svelte

.github/workflows/deploy.yml

@@ -27,7 +27,7 @@ jobs:
           npm run build
 
       - name: Upload Artifacts
-        uses: actions/upload-pages-artifact@v2
+        uses: actions/upload-pages-artifact@v3
         with:
           path: "build/"
 

.gitignore

@@ -1,4 +1,5 @@
 .vscode
 .svelte-kit
 
-node_modules
+node_modules
+build

src/lib/markdown/svelte-pages.md

@@ -15,7 +15,7 @@ npm i -D @sveltejs/adapter-static
 ## Modify svelte.config.js
 
 ```js
-import adapter from "@sveltejs/adapter-auto";
+import adapter from "@sveltejs/adapter-static";
 import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 
 /** @type {import('@sveltejs/kit').Config} */

src/routes/projects/+page.svelte

@@ -1,6 +1,6 @@
 <script>
   import Project from "$lib/components/Card.svelte";
-  import img from "$lib/assets/particlegrid/mol-representations.png";
+  import molecule from "$lib/assets/particlegrid/mol-representations.png";
 </script>
 
 <h1 class="emphasize">Projects and Writeups</h1>
@@ -9,7 +9,7 @@
   <Project
     title="Fermidle"
     subtitle="why do they call them dle's when they're anything but?"
-    link="/fermidle"
+    link="https://eferg.us/fermidle"
   >
     <p>
       How many golf balls would it take to fill the oceans? How many Empire
@@ -54,7 +54,7 @@
       The overall process is is to go from SMILES string (a) to 3D grid (f). For
       more info, take a look at the paper!
     </p>
-    <img src={img} alt="The principle of ParticleGrid" />
+    <img src={molecule} alt="The principle of ParticleGrid" />
   </Project>
   <Project
     title="Static Svlete on GitHub Pages"
@@ -68,23 +68,17 @@
       much fluff, so that's what this is.
     </p>
   </Project>
-  <Project
-    title="No-JS dark mode toggle"
-    subtitle="Writeup"
-    link="/projects/dark-mode"
-  >
+  <!-- TODO: link -->
+  <Project title="No-JS dark mode toggle" subtitle="Writeup" link="">
     <p>
       Everyone knows dark mode is best. Or something. But what if... you had the
       option to choose? Well, some brilliant people have decided to make that
       dream a reality, and I decided to try doing it using only CSS, without
       using any JS.
     </p>
   </Project>
-  <Project
-    title="No-JS mobile menu"
-    subtitle="Writeup"
-    link="/projects/mobile-menu"
-  >
+  <!-- TODO: link -->
+  <Project title="No-JS mobile menu" subtitle="Writeup" link="">
     <p>
       Mobile pop-out menus are super nice, but you'd expect to need JS for
       something that complex. But what if... you didn't? Similarly to my no-JS

svelte.config.js

@@ -1,4 +1,4 @@
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-static';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
 
 /** @type {import('@sveltejs/kit').Config} */