From f56da3602ef68ce2f2f3a3c3b384e02deb3d08fb Mon Sep 17 00:00:00 2001
From: mitchell <m@mjfs.us>
Date: Fri, 21 Jun 2024 23:18:40 -0400
Subject: [PATCH] Reorganize project, minor copy improvements, and minor
 refactors

---
 .vitepress/config.ts                          | 18 +++++++++---------
 README.md                                     | 18 +++++++++++++++++-
 components/ContactButtons.vue                 |  8 +++++---
 index.md                                      |  4 ++--
 hypremium.md => jobs/hypremium.md             |  0
 mystro.md => jobs/mystro.md                   |  0
 rotabull.md => jobs/rotabull.md               |  0
 tv-time.md => jobs/tv-time.md                 |  0
 package.json                                  |  6 +++---
 lambdarouter.md => projects/lambdarouter.md   |  2 +-
 mjfs-us-react.md => projects/mjfs-us-react.md |  2 +-
 mjfs-us.md => projects/mjfs-us.md             |  5 +++--
 selfpass.md => projects/selfpass.md           |  2 +-
 13 files changed, 42 insertions(+), 23 deletions(-)
 rename hypremium.md => jobs/hypremium.md (100%)
 rename mystro.md => jobs/mystro.md (100%)
 rename rotabull.md => jobs/rotabull.md (100%)
 rename tv-time.md => jobs/tv-time.md (100%)
 rename lambdarouter.md => projects/lambdarouter.md (91%)
 rename mjfs-us-react.md => projects/mjfs-us-react.md (90%)
 rename mjfs-us.md => projects/mjfs-us.md (76%)
 rename selfpass.md => projects/selfpass.md (92%)

diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 9b3c2ad..6f8cc37 100644
--- a/.vitepress/config.ts
+++ b/.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" },
         ],
       },
     ],
diff --git a/README.md b/README.md
index 3fe1a9f..ed77b53 100644
--- a/README.md
+++ b/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
+```
diff --git a/components/ContactButtons.vue b/components/ContactButtons.vue
index 736b359..0364f5b 100644
--- a/components/ContactButtons.vue
+++ b/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>
diff --git a/index.md b/index.md
index ede8165..d4e6056 100644
--- a/index.md
+++ b/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
diff --git a/hypremium.md b/jobs/hypremium.md
similarity index 100%
rename from hypremium.md
rename to jobs/hypremium.md
diff --git a/mystro.md b/jobs/mystro.md
similarity index 100%
rename from mystro.md
rename to jobs/mystro.md
diff --git a/rotabull.md b/jobs/rotabull.md
similarity index 100%
rename from rotabull.md
rename to jobs/rotabull.md
diff --git a/tv-time.md b/jobs/tv-time.md
similarity index 100%
rename from tv-time.md
rename to jobs/tv-time.md
diff --git a/package.json b/package.json
index 2cd5e79..5fce912 100644
--- a/package.json
+++ b/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 .",
diff --git a/lambdarouter.md b/projects/lambdarouter.md
similarity index 91%
rename from lambdarouter.md
rename to projects/lambdarouter.md
index 35ba786..faacb03 100644
--- a/lambdarouter.md
+++ b/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
diff --git a/mjfs-us-react.md b/projects/mjfs-us-react.md
similarity index 90%
rename from mjfs-us-react.md
rename to projects/mjfs-us-react.md
index 7888bff..4e29258 100644
--- a/mjfs-us-react.md
+++ b/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)
diff --git a/mjfs-us.md b/projects/mjfs-us.md
similarity index 76%
rename from mjfs-us.md
rename to projects/mjfs-us.md
index 746c9e5..efdff7d 100644
--- a/mjfs-us.md
+++ b/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" />
diff --git a/selfpass.md b/projects/selfpass.md
similarity index 92%
rename from selfpass.md
rename to projects/selfpass.md
index 67625a1..a62c22e 100644
--- a/selfpass.md
+++ b/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