Reorganize project, minor copy improvements, and minor refactors

.vitepress/config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
     siteTitle: "mjfs.us",
     nav: [
       { text: "Home", link: "/" },
-      { text: "Experience", link: "/mystro" },
+      { text: "Experience", link: "/jobs/mystro" },
       { text: "Contact", link: "/contact" },
     ],
 
@@ -17,19 +17,19 @@ export default defineConfig({
       {
         text: "Work Experience",
         items: [
-          { text: "Mystro", link: "/mystro" },
-          { text: "Rotabull", link: "/rotabull" },
-          { text: "TV Time", link: "/tv-time" },
-          { text: "Hypremium", link: "/hypremium" },
+          { text: "Mystro", link: "/jobs/mystro" },
+          { text: "Rotabull", link: "/jobs/rotabull" },
+          { text: "TV Time", link: "/jobs/tv-time" },
+          { text: "Hypremium", link: "/jobs/hypremium" },
         ],
       },
       {
         text: "Personal Projects",
         items: [
-          { text: "mjfs.us", link: "/mjfs-us" },
-          { text: "mjfs.us (Old)", link: "/mjfs-us-react" },
-          { text: "lambdarouter", link: "/lambdarouter" },
-          { text: "selfpass", link: "/selfpass" },
+          { text: "mjfs.us", link: "/projects/mjfs-us" },
+          { text: "mjfs.us (Old)", link: "/projects/mjfs-us-react" },
+          { text: "lambdarouter", link: "/projects/lambdarouter" },
+          { text: "selfpass", link: "/projects/selfpass" },
         ],
       },
     ],

README.md

@@ -1,5 +1,17 @@
 # mjfs-us
 
+When creating this newest site, I decided to stick with TypeScript but instead go with Vue for fun.
+Its powered by [VitePress](https://vitepress.dev/), a static site generator that uses Vite under the
+hood to generate static HTML/JS/CSS assets from Markdown templates and Vue components. It's then
+uploaded to S3 and distributed around the US by Cloudfront.
+
+So far I've really enjoyed writing the bulk of the content in Markdown, while being able to add in
+Vue single file components where desired. Vue feels very lightweight to write and use, even in this
+hybrid environment. I've also been using this project a test-ground for [Bun](https://bun.sh/) as a
+package manager and dev environment. So far so good!
+
+# Development
+
 To install dependencies:
 
 ```bash
@@ -12,4 +24,8 @@ To run:
 bun run dev
 ```
 
-This project was created using `bun init` in bun v1.1.12. [Bun](https://bun.sh) is a fast all-in-one JavaScript runtime.
+To build:
+
+```bash
+bun run build
+```

components/ContactButtons.vue

@@ -10,6 +10,8 @@ const formattedDiscord = "zettam on Discord";
 const discordLink = "https://discord.com/users/145338365133193226/";
 
 const { text, copy, isSupported } = useClipboard();
+
+const copiedMsg = (text: string) => `Copied ${text} to clipboard`;
 </script>
 
 <template>
@@ -17,19 +19,19 @@ const { text, copy, isSupported } = useClipboard();
     <VPButton
       theme="brand"
       class="button"
-      :text="text === email ? `Copied ${email}` : email"
+      :text="text === email ? copiedMsg(email) : 'E-mail'"
       @click="copy(email)"
     />
     <VPButton
       theme="alt"
       class="button"
-      :text="text === phone ? `Copied ${phone}` : formattedPhone"
+      :text="text === phone ? copiedMsg(phone) : 'Phone'"
       @click="copy(phone)"
     />
     <VPButton
       theme="alt"
       class="button"
-      :text="text === discord ? `Copied ${discord}` : formattedDiscord"
+      :text="text === discord ? copiedMsg(discord) : 'Discord'"
       @click="copy(discord)"
     />
   </div>

index.md

@@ -14,8 +14,8 @@ features:
       technologies like React.js, Ruby on Rails, Phoenix (Elixir), and Golang.
   - title: Mobile
     details:
-      Extensive React-Native experience through production-level projects used by
-      thousands of users to this day.
+      Extensive React-Native experience through several green-field projects and an active app store
+      listing with thousands of daily active users.
   - title: DevOps
     details:
       A love of automation and a start in system administration helps me stay interested in

package.json

@@ -20,9 +20,9 @@
     "typescript": "^5.0.0"
   },
   "scripts": {
-    "dev": "bun vitepress dev",
-    "build": "bun vitepress build",
-    "preview": "bun vitepress preview",
+    "dev": "vitepress dev",
+    "build": "vitepress build",
+    "preview": "vitepress preview",
     "typecheck": "bunx vue-tsc",
     "format": "prettier -w .",
     "lint": "eslint .",

projects/lambdarouter.md

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import RepoButton from "./components/RepoButton.vue";
+import RepoButton from "../components/RepoButton.vue";
 </script>
 
 # lambdarouter

projects/mjfs-us-react.md

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import RepoButton from "./components/RepoButton.vue";
+import RepoButton from "../components/RepoButton.vue";
 </script>
 
 # mjfs.us (React.js version)

projects/mjfs-us.md

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import RepoButton from "./components/RepoButton.vue";
+import RepoButton from "../components/RepoButton.vue";
 </script>
 
 # mjfs.us
@@ -11,6 +11,7 @@ uploaded to S3 and distributed around the US by Cloudfront.
 
 So far I've really enjoyed writing the bulk of the content in Markdown, while being able to add in
 Vue single file components where desired. Vue feels very lightweight to write and use, even in this
-hybrid environment.
+hybrid environment. I've also been using this project a test-ground for [Bun](https://bun.sh/) as a
+package manager and dev environment. So far so good!
 
 <RepoButton href="https://github.com/mitchell/mjfs-us" />

projects/selfpass.md

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import RepoButton from "./components/RepoButton.vue";
+import RepoButton from "../components/RepoButton.vue";
 </script>
 
 # selfpass