From 9aa904e18a3a28776bf6bac90e1ad91a30d36a6f Mon Sep 17 00:00:00 2001 From: Arthur DANJOU Date: Sun, 6 Apr 2025 19:25:14 +0200 Subject: [PATCH] Refactor: Update image paths in writings and enhance Activity component - Changed image source paths in multiple markdown files to point to the correct 'writings' directory. - Updated the Activity component to specify the type for fetched activity data. --- app/components/home/Activity.vue | 3 ++- content/writings/how-my-website-works.md | 24 +++++++++++++++++--- content/writings/neural-network.md | 4 ++-- content/writings/what-is-machine-learning.md | 6 ++--- 4 files changed, 28 insertions(+), 9 deletions(-) diff --git a/app/components/home/Activity.vue b/app/components/home/Activity.vue index 125bfbf..63d8777 100644 --- a/app/components/home/Activity.vue +++ b/app/components/home/Activity.vue @@ -3,7 +3,8 @@ import type { UseTimeAgoMessages } from '@vueuse/core' import type { Activity } from '~~/types' import { activityMessages, IDEs } from '~~/types' -const { data: activity, refresh } = await useAsyncData('activity', () => $fetch('/api/activity')) +const { data: activity, refresh } = await useAsyncData('activity', () => $fetch('/api/activity')) + useIntervalFn(async () => await refresh(), 5000) const codingActivity = computed(() => { const activities = activity.value!.data.activities.filter(activity => IDEs.some(ide => ide.name === activity.name)) diff --git a/content/writings/how-my-website-works.md b/content/writings/how-my-website-works.md index 78a3503..33cc395 100644 --- a/content/writings/how-my-website-works.md +++ b/content/writings/how-my-website-works.md @@ -12,7 +12,13 @@ My personal website is an overengineered playground where I tinker, explore new While it's still fresh in my mind, I wanted to document how this version of the site works, the tools I used to build it, and the challenges I overcame to bring it to its current state. -![Website](/portfolio/website-work/website.png) +::prose-img +--- +src: /writings/website-work/website.png +label: Website +caption: Website screenshot +--- +:: ## 1 - Ideas and Goals @@ -62,7 +68,13 @@ Nuxt UI aims to provide everything you need for the UI when building a Nuxt app, #### NuxtHub & Cloudflare workers -![NuxtHub](/portfolio/website-work/nuxt-hub.png) +::prose-img +--- +src: /writings/website-work/nuxt-hub.png +label: NuxtHub +caption: NuxtHub screenshot +--- +:: NuxtHub is an innovative deployment and management platform tailored for Nuxt, leveraging the power of Cloudflare. Deploy your application effortlessly with database, key-value, and blob storage—all configured seamlessly within your Cloudflare account. @@ -80,7 +92,13 @@ One word : `If you know SQL — you know Drizzle.` #### Nuxt Studio -![Nuxt Studio](/portfolio/website-work/nuxt-studio.png) +::prose-img +--- +src: /writings/website-work/nuxt-studio.png +label: Nuxt Studio +caption: Nuxt Studio screenshot +--- +:: Nuxt Studio introduces a fresh editing experience for your Nuxt Content website, providing limitless customization and a user-friendly interface. Edit your website effortlessly with our editor reminiscent of Notion, fostering seamless collaboration between developers and copywriters. It offers a rich text editor, markdown support, and a live preview, enabling you to create and edit content with ease. diff --git a/content/writings/neural-network.md b/content/writings/neural-network.md index dfb61ef..754f3a4 100644 --- a/content/writings/neural-network.md +++ b/content/writings/neural-network.md @@ -36,7 +36,7 @@ $$ ::prose-img --- -src: /portfolio/neural-network/neural-network-viz.png +src: /writings/neural-network/neural-network-viz.png label: Neural Network Structure caption: Neural Network Structure --- @@ -102,7 +102,7 @@ The gradient of a function is the vector whose elements are its partial derivati ::prose-img --- -src: /portfolio/neural-network/gradient-descent.png +src: /writings/neural-network/gradient-descent.png label: Gradient Descent caption: Gradient Descent --- diff --git a/content/writings/what-is-machine-learning.md b/content/writings/what-is-machine-learning.md index 30d083b..724ef7c 100644 --- a/content/writings/what-is-machine-learning.md +++ b/content/writings/what-is-machine-learning.md @@ -37,7 +37,7 @@ To start, it is important to understand the three main categories of machine lea ::prose-img --- -src: /portfolio/ML/types.png +src: /writings/ML/types.png label: ML Model Types caption: The different types of machine learning models --- @@ -79,7 +79,7 @@ A machine learning project generally follows these steps: ::prose-img --- -src: /portfolio/ML/model.png +src: /writings/ML/model.png label: Modelization in Progress caption: Modelization in Progress --- @@ -100,7 +100,7 @@ A $$R^2$$ close to 1 indicates a good fit. ::prose-img --- -src: /portfolio/ML/r2.png +src: /writings/ML/r2.png label: R² Score caption: R² Score ---