Added more links to software view, and updated readme.

README.md

@@ -4,6 +4,8 @@ This is the repository containing the source code for my homepage on the web.
 Within the `app/` directory, you'll find the Vue web-app project source files
 and generally the full content of the website.
 
+The old version of my website is still stored for archival purposes in `old/`.
+
 ## Deploying
 
 To deploy, simply execute `./upload.sh` from the repository's root directory.

app/src/components/PlainLink.vue

@@ -0,0 +1,12 @@
+<!--
+Displays a styled link using the provided link for the href and link text.
+-->
+<script setup lang="ts">
+defineProps<{
+  link: string
+  external?: boolean
+}>()
+</script>
+<template>
+  <a :href="link" v-text="link" :class="external ? 'link-out' : 'link-local'"></a>
+</template>

app/src/views/SoftwareView.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import PlainLink from '@/components/PlainLink.vue'
 import SoftwareProjectTile from '@/components/SoftwareProjectTile.vue'
 </script>
 
@@ -15,6 +16,7 @@ import SoftwareProjectTile from '@/components/SoftwareProjectTile.vue'
       it for collaboration and a projects that rely on GitHub's API integration.
     </p>
 
+    <article>
       <SoftwareProjectTile
         name="Perfin"
         url="https://git.andrewlalis.com/andrew/perfin"
@@ -55,8 +57,8 @@ import SoftwareProjectTile from '@/components/SoftwareProjectTile.vue'
         :tags="['Dlang']"
       >
         <p>
-        An lightweight and flexible HTTP server implemented in the D programming language. Supports
-        websockets, file serving, complex URL paths with path variables, and more!
+          An lightweight and flexible HTTP server implemented in the D programming language.
+          Supports websockets, file serving, complex URL paths with path variables, and more!
         </p>
       </SoftwareProjectTile>
       <SoftwareProjectTile
@@ -67,8 +69,8 @@ import SoftwareProjectTile from '@/components/SoftwareProjectTile.vue'
         <p>
           A <em>router</em> implementation for JavaFX desktop applications. Define a singleton
           <code>SceneRouter</code>, add some routes to it, and add the router's provided view
-        component to your scene graph. Now you can navigate to different "pages" programmatically or
-        with user-interaction.
+          component to your scene graph. Now you can navigate to different "pages" programmatically
+          or with user-interaction.
         </p>
       </SoftwareProjectTile>
       <SoftwareProjectTile
@@ -93,6 +95,29 @@ import SoftwareProjectTile from '@/components/SoftwareProjectTile.vue'
           files, sockets, and more.
         </p>
       </SoftwareProjectTile>
+    </article>
+
+    <article>
+      <h3>Active Web Projects</h3>
+      <p>
+        While some may have been mentioned above, the following list enumerates all of my active,
+        publicly available web projects and where to find them.
+      </p>
+      <ul>
+        <li>
+          <PlainLink link="https://litelist.andrewlalis.com" external />
+        </li>
+        <li>
+          <PlainLink link="https://guerilla-gardening.andrewlalis.com" external />
+        </li>
+        <li>
+          <PlainLink link="https://d-package-search.andrewlalis.com" external />
+        </li>
+        <li>
+          <PlainLink link="https://mc-servers.andrewlalis.com" external />
+        </li>
+      </ul>
+    </article>
   </main>
 </template>
 <style></style>