feat(moment): add Moments link to navigation & homepage, update related icon styles

Author: mk965

components/home-page/links.tsx

@@ -22,6 +22,9 @@ const LINKS = [
     emoji: 'dna',
     event: 'home-link-snippets',
   },
+  ...(SITE_METADATA.momentApi
+    ? [{ title: `My moment`, href: `/moment`, emoji: 'snowboarder', event: 'home-link-moment' }]
+    : []),
   {
     title: `About me & this blog`,
     href: `/about`,

css/twemoji.css

@@ -379,3 +379,6 @@
 .twa-link {
   background-image: url('https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f517.svg');
 }
+.twa-snowboarder {
+  background-image: url('https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/1f3c2.svg');
+}

data/navigation.ts

@@ -3,9 +3,7 @@ import { SITE_METADATA } from './site-metadata'
 export const HEADER_NAV_LINKS = [
   { href: '/blog', title: 'Blog', emoji: 'writing-hand' },
   { href: '/snippets', title: 'Snippets', emoji: 'dna' },
-  ...(SITE_METADATA.momentApi
-    ? [{ href: '/moment', title: 'Moment', emoji: 'speech-balloon' }]
-    : []),
+  ...(SITE_METADATA.momentApi ? [{ href: '/moment', title: 'Moment', emoji: 'snowboarder' }] : []),
   { href: '/projects', title: 'Projects', emoji: 'man-technologist' },
   { href: '/about', title: 'About', emoji: 'smiling-face-with-sunglasses' },
 ]
@@ -26,6 +24,7 @@ export const FOOTER_NAV_LINKS = [
 
 export const FOOTER_PERSONAL_STUFF = [
   { href: '/about', title: 'About' },
+  { href: '/moment', title: 'Moment' },
   { href: '/friends', title: 'Friends' },
   // { href: SITE_METADATA.analytics.umamiAnalytics.shareUrl, title: 'Blog stats' },
 ]

json/tag-data.json

@@ -2,24 +2,20 @@
   "2023": 1,
   "2024": 1,
   "fe": 13,
-  "javascript": 6,
-  "flat": 1,
-  "react": 3,
-  "react-router-dom": 1,
-  "vue": 5,
-  "vue3": 2,
   "vue": 5,
   "vue3": 2,
   "deno": 1,
+  "react": 3,
+  "react-router-dom": 1,
+  "javascript": 6,
+  "flat": 1,
   "nextjs": 2,
   "database": 1,
   "mysql": 1,
   "nestjs": 1,
   "pinia": 2,
   "starapi": 1,
   "api": 1,
-  "javascript": 6,
-  "flat": 1,
   "css": 3,
   "flex": 1,
   "font-family": 1,
@@ -32,35 +28,31 @@
   "canvas": 2,
   "record-screen": 1,
   "html2canvas": 1,
+  "video": 1,
+  "android": 1,
+  "webview": 2,
+  "visualization": 1,
   "life": 4,
+  "year-end": 2,
+  "summary": 2,
   "diary": 1,
   "leap-day": 1,
   "websites": 1,
   "collect": 1,
-  "year-end": 2,
-  "summary": 2,
   "optimization": 1,
   "webworker": 1,
-  "video": 1,
-  "android": 1,
-  "webview": 2,
-  "visualization": 1,
-  "blog": 1,
-  "code-life": 1,
   "travel": 1,
   "japan": 1,
-  "diary": 1,
-  "leap-day": 1,
-  "websites": 1,
-  "collect": 1,
+  "blog": 1,
+  "code-life": 1,
   "ai": 4,
-  "deepseek": 1,
-  "llm": 4,
-  "ollama": 1,
-  "dify": 1,
   "mcp": 3,
+  "llm": 4,
   "harmonyos": 1,
   "app": 1,
+  "deepseek": 1,
+  "ollama": 1,
+  "dify": 1,
   "typescript": 3,
   "string": 1,
   "casing": 1,