astro.config.mjs

@@ -1,10 +1,9 @@
 import { defineConfig } from "astro/config";
+import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
 import tailwind from "@astrojs/tailwind";
-import mdx from "@astrojs/mdx";
 
-// https://astro.build/config
 export default defineConfig({
   site: "https://astro-nano-demo.vercel.app",
-  integrations: [sitemap(), tailwind(), mdx()]
-});
+  integrations: [mdx(), sitemap(), tailwind()],
+});

package.json

@@ -13,29 +13,25 @@
     "lint:fix": "eslint . --fix"
   },
   "dependencies": {
-    "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.0.6",
+    "@astrojs/check": "^0.5.9",
+    "@astrojs/mdx": "^2.2.0",
     "@astrojs/rss": "^4.0.5",
-    "@astrojs/sitemap": "^3.2.1",
-    "@astrojs/tailwind": "^5.1.4",
+    "@astrojs/sitemap": "^3.1.1",
+    "@astrojs/tailwind": "^5.1.0",
     "@fontsource/inter": "^5.0.17",
     "@fontsource/lora": "^5.0.16",
-    "@tailwindcss/typography": "^0.5.16",
+    "@tailwindcss/typography": "^0.5.10",
     "@typescript-eslint/eslint-plugin": "^7.3.1",
     "@typescript-eslint/parser": "^7.3.1",
-    "astro": "^5.1.7",
-    "astro-embed": "^0.9.0",
-    "astro-light-box": "^0.1.1",
+    "astro": "^4.5.6",
     "canvas-confetti": "^1.9.3",
     "clsx": "^2.1.0",
-    "devicons-astro": "^0.3.3",
     "eslint": "^8.57.0",
     "eslint-plugin-astro": "^0.32.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
-    "rehype": "^13.0.2",
     "sharp": "^0.33.3",
     "tailwind-merge": "^2.2.2",
-    "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.3"
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.4.2"
   }
 }

src/components/Container.astro

@@ -1,4 +1,5 @@
 ---
+
 ---
 
 <div class="mx-auto max-w-screen-sm px-5">

src/components/Header.astro

@@ -1,7 +1,7 @@
 ---
 import Container from "@components/Container.astro";
 import Link from "@components/Link.astro";
-import { SITE, SOCIALS } from "@consts";
+import { SITE } from "@consts";
 ---
 
 <header>
@@ -31,9 +31,9 @@ import { SITE, SOCIALS } from "@consts";
         <span>
           {`/`}
         </span>
-        <Link href={SOCIALS.find(social => social.NAME === "cv")?.HREF || ""} external={true}>
-         cv
-        </Link>
+        <!-- <Link href="/lab">
+          lab
+        </Link> -->
       </nav>
     </div>
   </Container>

src/components/WideContainer.astro

@@ -1,6 +0,0 @@
----
----
-
-<div class="mx-auto max-w-screen-xl px-5">
-  <slot />
-</div>

src/consts.ts

@@ -36,9 +36,5 @@ export const SOCIALS: Socials = [
   { 
     NAME: "linkedin",
     HREF: "https://www.linkedin.com/in/michael-rausch-13445b8a/",
-  },
-  { 
-    NAME: "cv",
-    HREF: "https://standardresume.co/r/sQUNyo7W9NsmFFG8ZvU_B",
   }
 ];

src/content/projects/easysample/index.md

@@ -1,22 +0,0 @@
----
-title: "Tile Direct EasySample"
-description: "An AR cloud content management system"
-date: "2023"
-demoURL: ""
----
-
-TileDirect EasySample is a platform built to simplify how tile samples are managed and tracked. It lets sales teams check samples out to customers effortlessly, keeps tabs on inventory to prevent loss, and helps them follow up with customers at the right time—knowing exactly which tiles caught their attention. Customers can scan samples to explore more details online, see how tiles look in augmented reality, and get automated reminders for returns or care instructions.
-
-The front end is built with Next.js, using shadcn/ui for styling and modern React Redux to manage state. On the backend, I used .NET Core with a PostgreSQL database, structured around an event-driven architecture. It’s hosted on Vercel, fly.io and Amazon AWS. 
-
-<br/>
-
-![EasySample](/content/es1.png)
-
-<br/>
-
-![EasySample](/content/es2.png)
-
-<br/>
-
-![EasySample](/content/es3.png)

src/content/projects/quickview/index.md

@@ -0,0 +1,14 @@
+---
+title: "QuickView Cloud"
+description: "An AR cloud content management system"
+date: "2024"
+demoURL: "https://actuality.nz"
+---
+
+![UC Online](/content/quickview.png)
+
+## Technologies
+- NodeJS
+- Firebase
+- React
+- UIKit

src/content/projects/quickview/index.mdx

@@ -1,16 +0,0 @@
----
-title: "QuickView Cloud"
-description: "An AR cloud content management system"
-date: "2024"
-demoURL: "/quickviewdemo"
----
-import { Tweet, Vimeo, YouTube, LinkPreview } from 'astro-embed';
-import DevIcon from 'devicons-astro';
-
-<YouTube id="tRZPLgZB_II" />
-
-QuickView transforms product information into interactive augmented reality (AR) experiences that can be seamlessly embedded in websites, apps, and marketing materials, allowing users to visualize products in their own spaces.
-
-QuickView is built with a modern tech stack, including React, Redux, Node.js, Go, Firebase, and Pixar Universal Scene Description (USDZ).
-
-![QuickView](/content/quickview.png)

src/content/redirects/cv/index.md

@@ -1,4 +0,0 @@
----
-title: "CV"
-redirect: "https://standardresume.co/r/sQUNyo7W9NsmFFG8ZvU_B"
----

src/content/work/Standard.md

@@ -1,7 +0,0 @@
----
-company: "Standard"
-role: "Software Engineer / Director"
-dateStart: "01/01/2019"
-dateEnd: "Mothballed"
----
-

src/lib/utils.ts

@@ -14,7 +14,6 @@ export function formatDate(date: Date) {
 }
 
 export function readingTime(html: string) {
-  if (!html) return "1 min read";
   const textOnly = html.replace(/<[^>]+>/g, "");
   const wordCount = textOnly.split(/\s+/).length;
   const readingTimeMinutes = ((wordCount / 200) + 1).toFixed();

src/pages/index.astro

@@ -50,26 +50,23 @@ const work = await Promise.all(
         </article>
       </section>
 
-      { blog.length > 1 && 
-        <section class="animate space-y-6">
-          <div class="flex flex-wrap gap-y-2 items-center justify-between">
-            <h5 class="font-semibold text-black dark:text-white">
-              Latest posts
-            </h5>
-            <Link href="/blog">
-              See all posts
-            </Link>
-          </div>
-          <ul class="flex flex-col gap-4">
-            {blog.map(post => (
-              <li>
-                <ArrowCard entry={post} />
-              </li>
-            ))}
-          </ul>
-        </section>
-      }
-
+      <section class="animate space-y-6">
+        <div class="flex flex-wrap gap-y-2 items-center justify-between">
+          <h5 class="font-semibold text-black dark:text-white">
+            Latest posts
+          </h5>
+          <Link href="/blog">
+            See all posts
+          </Link>
+        </div>
+        <ul class="flex flex-col gap-4">
+          {blog.map(post => (
+            <li>
+              <ArrowCard entry={post} />
+            </li>
+          ))}
+        </ul>
+      </section>
 
       <section class="animate space-y-6">
         <div class="flex flex-wrap gap-y-2 items-center justify-between">

src/pages/quickviewdemo/index.astro

@@ -1,11 +0,0 @@
----
-import PageLayout from "@layouts/PageLayout.astro";
-import WideContainer from "@components/WideContainer.astro";
----
-
-<PageLayout title={"QuickView Demo"} description={""}>
-    <WideContainer>
-        <iframe src="https://embedv1.quickview.co/?pid=dLFJz4mIGby5aV4kFORL" style="border: 1px solid #f0f0f0; width: 100%; min-height: 700px; border-radius: 20px;"></iframe>
-    </WideContainer>
-</PageLayout>
-