Add project icon

.env.example

@@ -1,8 +1,7 @@
 # Generated by Shelve CLI
 NUXT_PUBLIC_STUDIO_TOKENS=your_value
-NUXT_PUBLIC_SITE_URL=your_value
 NUXT_PUBLIC_MEETING_LINK=your_value
 NUXT_PRIVATE_RESEND_API_KEY=your_value
 NUXT_PRIVATE_GITHUB_TOKEN=your_value
 NUXT_PRIVATE_NOTES_PASSWORD=your_value
-SHELVE_TOKEN=your_value
+SHELVE_TOKEN=your_value

app/components/OssInfo.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="mt-2 text-xs text-center text-gray-500 dark:text-gray-400">
+  <span class="mt-2 text-xs text-center text-tertiary">
     This website is fully open-source, you can find the source code on <NuxtLink to="https://github.com/HugoRCD/hr-folio" class="underline">GitHub</NuxtLink>
   </span>
 </template>

app/components/global/ProseIcon.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+const props = defineProps<{
+  name: string
+  class?: any
+}>()
+</script>
+
+<template>
+  <MIcon :name size="12px" class="text-font-primary" :class="props.class" />
+</template>

content/1.index.md

@@ -14,7 +14,7 @@ They say the devil is in the details. I say that's where the magic happens. Want
 ::
 
 ::section-item{:number="1" title="Works"}
-Currently building two tools I'm proud of: [_**Shelve**_](https://shelve.cloud), simplifying how teams share and manage environment variables, and [_**Mockline**_](https://mockline.dev), a component library that makes beautiful development effortless. Explore my work: [**_/works_**](/works)
+Currently building two tools I'm proud of: :prose-icon{name="custom:shelve"} [_**Shelve**_](https://shelve.cloud){.link}, simplifying how teams share and manage environment variables, and :prose-icon{name="custom:mockline"} [_**Mockline**_](https://mockline.dev){.link}, a component library that makes beautiful development effortless. Explore my work: [**_/works_**](/works){.link}
 ::
 
 ::section-item{:number="2" title="Writing"}

nuxt.config.ts

@@ -38,7 +38,6 @@ export default defineNuxtConfig({
 
   runtimeConfig: {
     public: {
-      siteUrl: '',
       meetingLink: '',
     },
     private: {
@@ -47,6 +46,21 @@ export default defineNuxtConfig({
     },
   },
 
+  icon: {
+    class: 'fill-current',
+    customCollections: [
+      {
+        prefix: 'custom',
+        dir: './app/assets/icons'
+      },
+    ],
+    clientBundle: {
+      scan: true,
+      includeCustomCollections: true
+    },
+    provider: 'iconify'
+  },
+
   colorMode: {
     classSuffix: '',
     preference: 'light',