-
Thoughts and reflections powered by GitHub Issues
-
- Learn more about this implementation:{' '}
+
Thoughts and reflections, powered by GitHub Issues
+
+ Learn more:{' '}
git-thoughts
@@ -118,5 +114,4 @@ export const metadata = {
description: 'Thoughts and reflections powered by GitHub Issues'
}
-// 确保页面使用 ISR
-export const revalidate = 3600 // 1小时 (3600秒)
+export const revalidate = 3600
diff --git a/src/app/page.js b/src/app/page.js
index 4f34c0c..02b0609 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -3,8 +3,10 @@ import { Suspense } from 'react'
import { FloatingHeader } from '@/components/floating-header'
import { PageTitle } from '@/components/page-title'
+import { PenflowSignature } from '@/components/penflow-signature'
import { ScreenLoadingSpinner } from '@/components/screen-loading-spinner'
import { ScrollArea } from '@/components/scroll-area'
+import { SunnyOverlay, SunnyToggle } from '@/components/sunny-mode'
import { Button } from '@/components/ui/button'
import { WritingList } from '@/components/writing-list'
import { getAllPosts } from '@/lib/contentful'
@@ -22,20 +24,23 @@ export default async function Home() {
return (
-
+
+
- Hi, I am Peng.G (熊布朗)
+ Hi, I am Zen(叶振幸).
- AI Product Manager & Software Architect👋
- Shipping AI-native products—RAG platforms, autonomous agents & LLM infra.
+ Open Source Intern , Mathematics & Applied Math Student 👋
- Born in China, shaped in Seoul, now building from Paris.
+ Bridging Mathematics & AI—Python & Deep Learning frameworks (MindSpore/PyTorch).
- Exploring GenAI × productivity; writing about it every week—let’s chat!
+ From Mathematical Modeling to AI-driven diagnostics.
+
+ Exploring Open Source × Deep Learning; Passionate about building open source projects—let's chat!
+
diff --git a/src/app/robots.js b/src/app/robots.js
index aa5af41..caaeaca 100644
--- a/src/app/robots.js
+++ b/src/app/robots.js
@@ -4,7 +4,7 @@ export default function robots() {
userAgent: '*',
allow: '/'
},
- sitemap: 'https://me.deeptoai.com/sitemap.xml',
- host: 'https://me.deeptoai.com'
+ sitemap: 'https://zenhungyep.com/sitemap.xml',
+ host: 'https://zenhungyep.com'
}
}
diff --git a/src/app/shared-metadata.js b/src/app/shared-metadata.js
index 65b0965..78b13da 100644
--- a/src/app/shared-metadata.js
+++ b/src/app/shared-metadata.js
@@ -1,5 +1,5 @@
export const sharedMetadata = {
- title: '熊布朗（Peng.G）',
+ title: 'Zen',
description:
"Paris-based AI Product Manager & vibecoder, shipping AI products and open-source projects with a maker's spirit.",
url: process.env.NEXT_PUBLIC_SITE_URL || 'https://me.deeptoai.com',
diff --git a/src/app/sitemap.js b/src/app/sitemap.js
index 4abf7ea..3aa88d2 100644
--- a/src/app/sitemap.js
+++ b/src/app/sitemap.js
@@ -16,7 +16,7 @@ export default async function sitemap() {
const sortedWritings = getSortedPosts(allPosts)
const writings = sortedWritings.map((post) => {
return {
- url: `https://me.deeptoai.com/writing/${post.slug}`,
+ url: `https://zenhungyep.com/writing/${post.slug}`,
lastModified: post.sys.publishedAt,
changeFrequency: 'yearly',
priority: 0.5
@@ -25,7 +25,7 @@ export default async function sitemap() {
const mappedBookmarks = (bookmarks || []).map((bookmark) => {
return {
- url: `https://me.deeptoai.com/bookmarks/${bookmark.slug}`,
+ url: `https://zenhungyep.com/bookmarks/${bookmark.slug}`,
lastModified: new Date(),
changeFrequency: 'daily',
priority: 1
@@ -45,7 +45,7 @@ export default async function sitemap() {
if (['bookmarks'].includes(page.slug)) priority = 1
return {
- url: `https://me.deeptoai.com/${page.slug}`,
+ url: `https://zenhungyep.com/${page.slug}`,
lastModified,
changeFrequency,
priority
@@ -54,13 +54,13 @@ export default async function sitemap() {
return [
{
- url: 'https://me.deeptoai.com',
+ url: 'https://zenhungyep.com',
lastModified: new Date(),
changeFrequency: 'yearly',
priority: 1
},
{
- url: 'https://me.deeptoai.com/musings',
+ url: 'https://zenhungyep.com/musings',
lastModified: new Date(),
changeFrequency: 'daily',
priority: 0.8
@@ -74,7 +74,7 @@ export default async function sitemap() {
// 返回基本的 sitemap，不包含书签
return [
{
- url: 'https://me.deeptoai.com',
+ url: 'https://zenhungyep.com',
lastModified: new Date(),
changeFrequency: 'yearly',
priority: 1
diff --git a/src/app/visual/opengraph-image.js b/src/app/visual/opengraph-image.js
deleted file mode 100644
index f1d540f..0000000
--- a/src/app/visual/opengraph-image.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import { ImageResponse } from 'next/og'
-
-export const runtime = 'edge'
-export const alt = 'Visual - Photography & AI Generated Art'
-export const size = {
- width: 1200,
- height: 630
-}
-export const contentType = 'image/png'
-
-export default async function Image() {
- return new ImageResponse(
- (
-
-
-
- Visual Explorer
-
-
- Photography & AI Generated Art Collection
-
-
-
- ),
- {
- ...size
- }
- )
-}
diff --git a/src/app/visual/opengraph-image/route.js b/src/app/visual/opengraph-image/route.js
new file mode 100644
index 0000000..d80cb19
--- /dev/null
+++ b/src/app/visual/opengraph-image/route.js
@@ -0,0 +1,39 @@
+import { ImageResponse } from 'next/og'
+
+export const runtime = 'edge'
+export const alt = 'Visual - Photography & AI Generated Art'
+export const size = {
+ width: 1200,
+ height: 630
+}
+export const contentType = 'image/png'
+
+export default async function Image() {
+ return new ImageResponse(
+ (
+
+
+
+ Visual Explorer
+
+
Photography & AI Generated Art Collection
+
+
+ ),
+ {
+ ...size
+ }
+ )
+}
diff --git a/src/app/writing.xml/route.js b/src/app/writing.xml/route.js
index 392db06..574cb25 100644
--- a/src/app/writing.xml/route.js
+++ b/src/app/writing.xml/route.js
@@ -9,10 +9,10 @@ export async function GET() {
const allPosts = await getAllPosts()
const sortedPosts = getSortedPosts(allPosts)
const date = new Date()
- const siteURL = 'https://me.deeptoai.com'
+ const siteURL = 'https://zenhungyep.com'
const author = {
- name: '熊布朗 (Peng.G)',
- link: 'https://me.deeptoai.com'
+ name: 'Zen',
+ link: 'https://zenhungyep.com'
}
const feed = new Feed({
diff --git a/src/app/writing/[slug]/og.png/route.js b/src/app/writing/[slug]/og.png/route.js
deleted file mode 100644
index 3b8f358..0000000
--- a/src/app/writing/[slug]/og.png/route.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import { draftMode } from 'next/headers'
-import { ImageResponse } from 'next/og'
-
-import { sharedMetadata } from '@/app/shared-metadata'
-import { OpenGraphImage } from '@/components/og-image'
-import { getAllPostSlugs, getWritingSeo } from '@/lib/contentful'
-import { getBoldFont, getRegularFont } from '@/lib/fonts'
-import { isDevelopment } from '@/lib/utils'
-
-export const dynamic = 'force-static'
-
-export const size = {
- width: sharedMetadata.ogImage.width,
- height: sharedMetadata.ogImage.height
-}
-
-export async function generateStaticParams() {
- const allPosts = await getAllPostSlugs()
- return allPosts.map((post) => ({ slug: post.slug }))
-}
-
-export async function GET(_, props) {
- const params = await props.params
- const { isEnabled } = await draftMode()
- const { slug } = params
-
- try {
- const [seoData, regularFontData, boldFontData] = await Promise.all([
- getWritingSeo(slug, isDevelopment ? true : isEnabled),
- getRegularFont(),
- getBoldFont()
- ])
-
- if (!seoData || !seoData.seo) {
- // Return a default OG image for posts that don't have SEO data
- return new ImageResponse(
, {
- ...size,
- fonts: [
- {
- name: 'Geist Sans',
- data: regularFontData,
- style: 'normal',
- weight: 400
- },
- {
- name: 'Geist Sans',
- data: boldFontData,
- style: 'normal',
- weight: 500
- }
- ]
- })
- }
-
- const {
- seo: { title, ogImageTitle, ogImageSubtitle }
- } = seoData
-
- return new ImageResponse(
- (
-
- ),
- {
- ...size,
- fonts: [
- {
- name: 'Geist Sans',
- data: regularFontData,
- style: 'normal',
- weight: 400
- },
- {
- name: 'Geist Sans',
- data: boldFontData,
- style: 'normal',
- weight: 500
- }
- ]
- }
- )
- } catch (error) {
- console.error('Error generating OG image for slug:', slug, error)
-
- // Return a simple fallback OG image if everything fails
- const [regularFontData, boldFontData] = await Promise.all([getRegularFont(), getBoldFont()])
-
- return new ImageResponse(
, {
- ...size,
- fonts: [
- {
- name: 'Geist Sans',
- data: regularFontData,
- style: 'normal',
- weight: 400
- },
- {
- name: 'Geist Sans',
- data: boldFontData,
- style: 'normal',
- weight: 500
- }
- ]
- })
- }
-}
diff --git a/src/app/writing/[slug]/opengraph-image.js b/src/app/writing/[slug]/opengraph-image.js
new file mode 100644
index 0000000..4798b89
--- /dev/null
+++ b/src/app/writing/[slug]/opengraph-image.js
@@ -0,0 +1,57 @@
+import { draftMode } from 'next/headers'
+import { ImageResponse } from 'next/og'
+
+import { sharedMetadata } from '@/app/shared-metadata'
+import { OpenGraphImage } from '@/components/og-image'
+import { getAllPostSlugs, getWritingSeo } from '@/lib/contentful'
+import { getBoldFont, getRegularFont } from '@/lib/fonts'
+import { isDevelopment } from '@/lib/utils'
+
+export const size = {
+ width: sharedMetadata.ogImage.width,
+ height: sharedMetadata.ogImage.height
+}
+
+export async function generateStaticParams() {
+ const allPosts = await getAllPostSlugs()
+ return allPosts.map((post) => ({ slug: post.slug }))
+}
+
+export default async function OpenGraphImagePage({ params }) {
+ const { isEnabled } = await draftMode()
+ const { slug } = await params
+ const [seoData, regularFontData, boldFontData] = await Promise.all([
+ getWritingSeo(slug, isDevelopment ? true : isEnabled),
+ getRegularFont(),
+ getBoldFont()
+ ])
+
+ const {
+ seo: { title, ogImageTitle, ogImageSubtitle }
+ } = seoData
+
+ return new ImageResponse(
+
,
+ {
+ ...size,
+ fonts: [
+ {
+ name: 'Geist Sans',
+ data: regularFontData,
+ style: 'normal',
+ weight: 400
+ },
+ {
+ name: 'Geist Sans',
+ data: boldFontData,
+ style: 'normal',
+ weight: 500
+ }
+ ]
+ }
+ )
+}
diff --git a/src/app/writing/[slug]/page.js b/src/app/writing/[slug]/page.js
index ca6a264..8f76473 100644
--- a/src/app/writing/[slug]/page.js
+++ b/src/app/writing/[slug]/page.js
@@ -66,9 +66,9 @@ export default async function WritingSlug(props) {
dateModified,
author: {
'@type': 'Person',
- name: '熊布朗 (Peng.G)'
+ name: '叶振幸 (Zen)'
},
- url: `https://me.deeptoai.com/writing/${slug}`
+ url: `https://zenhungyep.com/writing/${slug}`
}
return (
@@ -86,7 +86,7 @@ export default async function WritingSlug(props) {
{dateString}
}
- className="mb-6 flex flex-col gap-3"
+ className="mb-6 flex flex-col gap-2"
/>
@@ -106,7 +106,7 @@ export async function generateMetadata(props) {
if (!seoData) {
return {
title: 'Blog Post',
- description: 'A blog post by 熊布朗 (Peng.G)'
+ description: 'A blog post by 叶振幸 (Zen)'
}
}
diff --git a/src/components/bookmark-card.js b/src/components/bookmark-card.js
index 26ec6ea..557498e 100644
--- a/src/components/bookmark-card.js
+++ b/src/components/bookmark-card.js
@@ -27,6 +27,7 @@ export const BookmarkCard = ({ bookmark, order }) => {
width={1200}
height={630}
loading={order < 2 ? 'eager' : 'lazy'}
+ decoding="async"
className="animate-reveal aspect-1200/630 rounded-lg border bg-cover bg-center bg-no-repeat object-cover"
onError={(e) => {
e.target.onerror = null
@@ -46,7 +47,7 @@ export const BookmarkCard = ({ bookmark, order }) => {
{/* Tags */}
{bookmark.tags && bookmark.tags.length > 0 && (
-
+
{bookmark.tags.map((tag) => (
diff --git a/src/components/contentful/code-block.js b/src/components/contentful/code-block.js
index 174bba0..3503f26 100644
--- a/src/components/contentful/code-block.js
+++ b/src/components/contentful/code-block.js
@@ -19,7 +19,7 @@ export const CodeBlock = memo(({ title, code }) => {
return (
<>
-
+
diff --git a/src/components/contentful/rich-text.js b/src/components/contentful/rich-text.js
index 0056dd6..6d3e048 100644
--- a/src/components/contentful/rich-text.js
+++ b/src/components/contentful/rich-text.js
@@ -76,6 +76,7 @@ function options(links) {
height={asset.height || 300}
alt={asset.description || asset.title}
loading={isEagerLoading ? 'eager' : 'lazy'}
+ decoding="async"
className="animate-reveal"
// eslint-disable-next-line react/no-unknown-property
nopin="nopin"
diff --git a/src/components/easter-egg.js b/src/components/easter-egg.js
index 0387bc1..a92bb6d 100644
--- a/src/components/easter-egg.js
+++ b/src/components/easter-egg.js
@@ -9,15 +9,6 @@ export const EasterEgg = ({ tools = [] }) => {
const [displayText, setDisplayText] = useState('')
const [isAnimating, setIsAnimating] = useState(false)
- useEffect(() => {
- const listener = new KonamiListener(() => {
- startTerminalAnimation()
- })
-
- listener.start()
- return () => listener.stop()
- }, [tools, startTerminalAnimation])
-
const startTerminalAnimation = useCallback(() => {
setIsActive(true)
setIsAnimating(true)
@@ -32,6 +23,15 @@ export const EasterEgg = ({ tools = [] }) => {
}, 500)
}, [tools])
+ useEffect(() => {
+ const listener = new KonamiListener(() => {
+ startTerminalAnimation()
+ })
+
+ listener.start()
+ return () => listener.stop()
+ }, [tools, startTerminalAnimation])
+
const animateTools = (allTools) => {
if (!allTools || allTools.length === 0) {
setDisplayText((prev) => prev + 'No tools found...\n')
diff --git a/src/components/easter-egg/index.js b/src/components/easter-egg/index.js
new file mode 100644
index 0000000..334a3e7
--- /dev/null
+++ b/src/components/easter-egg/index.js
@@ -0,0 +1,8 @@
+/**
+ * [INPUT]: 依赖 useSunnyMode hook
+ * [OUTPUT]: SunnyToggle + SunnyOverlay + SunnyModeWrapper 组件
+ * [POS]: easter-egg/ 的主入口，导出阳光模式彩蛋组件
+ * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
+ */
+export { SunnyToggle, SunnyOverlay } from './sunny-mode'
+export { SunnyModeWrapper } from './sunny-mode-wrapper'
diff --git a/src/components/easter-egg/sunny-mode-wrapper.js b/src/components/easter-egg/sunny-mode-wrapper.js
new file mode 100644
index 0000000..82f42f1
--- /dev/null
+++ b/src/components/easter-egg/sunny-mode-wrapper.js
@@ -0,0 +1,27 @@
+'use client'
+
+/**
+ * [INPUT]: 依赖 useSunnyMode hook, SunnyToggle, SunnyOverlay 组件
+ * [OUTPUT]: 包装 musings 页面的阳光模式客户端组件
+ * [POS]: easter-egg/ 的客户端包装器，整合 SunnyOverlay 和 SunnyToggle 到 musings 页面
+ * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
+ */
+import { useSunnyMode } from '@/hooks/use-sunny-mode'
+import { SunnyOverlay, SunnyToggle } from './sunny-mode'
+
+export function SunnyModeWrapper({ children }) {
+ const { active, toggle } = useSunnyMode()
+
+ return (
+ <>
+
+
+ {/* Floating sunny mode toggle in top-right corner */}
+
+
+
+ {children}
+
+
+
+ {active ? 'the sun is peeking through ☀' : '← psst… try flipping this'}
+
+
+ )
+}
+
+/**
+ * Fixed overlay with horizontal blinds effect
+ * Creates a 3D shutter animation with ambient audio
+ * Self-contained: reads sunny mode state via useSunnyMode internally
+ */
+export function SunnyOverlay() {
+ const { active } = useSunnyMode()
+ const audioRef = useRef(null)
+
+ // Audio playback control
+ useEffect(() => {
+ if (!active) return
+
+ // Create audio element
+ audioRef.current = new Audio(BGM_SRC)
+ audioRef.current.volume = 0.4
+ audioRef.current.loop = true
+ audioRef.current.play().catch(() => {
+ // Autoplay might be blocked by browser
+ })
+
+ return () => {
+ if (audioRef.current) {
+ audioRef.current.pause()
+ audioRef.current = null
+ }
+ }
+ }, [active])
+
+ if (!active) return null
+
+ // Generate 23 horizontal blinds with 60px gaps
+ const blinds = Array.from({ length: SHUTTER_COUNT }, (_, i) => i)
+
+ return (
+ <>
+ {/* SVG filter definition for wind animation */}
+
+
+ {/* Overlay container */}
+
+ {/* Main overlay panel with blinds */}
+
+ {/* Decorative leaves with wind animation */}
+
+
+ {/* 23 horizontal blinds */}
+
+
+ {blinds.map((i) => (
+
+ ))}
+
+ {/* Vertical slats */}
+
+
+
+
-
-
- {goBackLink ? (
-
- ) : (
- memoizedMobileDrawer
- )}
-
- {scrollTitle && (
-
- {scrollTitle}
-
- )}
- {title && memoizedBalancer}
-
- {(isWritingIndexPage || isBookmarksIndexPage) && (
-
- )}
- {isBookmarkPath && memoizedSubmitBookmarkDrawer}
-
-
-
+ {/* Left: hamburger or back button (fixed width) */}
+
+ {goBackLink ? (
+
+ ) : (
+ memoizedMobileDrawer
+ )}
+
+
+ {/* Center: title (flex-1, truncated) */}
+
+ {scrollTitle && (
+
+ {scrollTitle}
+
+ )}
+ {title && !scrollTitle && memoizedBalancer}
+
+
+ {/* Right: action buttons (fixed width) */}
+
+ {(isWritingIndexPage || isBookmarksIndexPage) && (
+
+ )}
+ {isBookmarkPath && memoizedSubmitBookmarkDrawer}
{/* This is a hack to show writing views with framer motion reveal effect */}
- {scrollTitle && isWritingPath &&
{children}
}
+ {scrollTitle && isWritingPath && children}
diff --git a/src/components/friend-card.js b/src/components/friend-card.js
new file mode 100644
index 0000000..f31284f
--- /dev/null
+++ b/src/components/friend-card.js
@@ -0,0 +1,178 @@
+'use client'
+
+/**
+ * [INPUT]: 依赖 friends.json 的友链数据，GitHub Contributions API
+ * [OUTPUT]: 对外提供 FriendCard 组件，工牌风格友链卡片
+ * [POS]: components/ 的友链展示组件，被 friends/page.js 使用
+ * [PROTOCOL]: 变更时更新此头部，然后检查 CLAUDE.md
+ */
+
+import { useEffect, useState } from 'react'
+
+const LEVEL_COLORS = ['#ebedf0', '#c6e48b', '#7bc96f', '#239a3b', '#196127']
+const MONTHS = ['JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC']
+
+function GithubHeatmap({ github }) {
+ const [data, setData] = useState(null)
+
+ useEffect(() => {
+ if (!github) return
+ fetch(`https://github-contributions-api.jogruber.de/v4/${github}?y=last`)
+ .then((res) => res.json())
+ .then((raw) => {
+ const contributions = raw.contributions || []
+ if (!contributions.length) return
+
+ const ascending = [...contributions].sort((a, b) => new Date(a.date) - new Date(b.date))
+ const weeks = []
+ let week = []
+ ascending.forEach((day, i) => {
+ const dow = new Date(day.date).getDay()
+ if (dow === 0 && week.length > 0) {
+ weeks.push(week)
+ week = []
+ }
+ week.push(day)
+ if (i === ascending.length - 1) weeks.push(week)
+ })
+ weeks.reverse()
+
+ let currentMonth = -1
+ const monthMarks = []
+ weeks.forEach((w, wi) => {
+ const month = new Date(w[0].date).getMonth()
+ if (month !== currentMonth) {
+ monthMarks.push({ month, weekIndex: wi })
+ currentMonth = month
+ }
+ })
+
+ setData({ weeks, monthMarks })
+ })
+ .catch(() => {})
+ }, [github])
+
+ if (!data) return null
+
+ const numWeeks = data.weeks.length
+
+ return (
+
+
+ {data.monthMarks.map(({ month, weekIndex }) => (
+
+ {MONTHS[month]}
+
+ ))}
+
+
+ {data.weeks.flatMap((week, wi) => {
+ const cells = week.map((day, di) => (
+
+ ))
+ const lastDow = new Date(week[week.length - 1].date).getDay()
+ for (let i = lastDow + 1; i < 7; i++) {
+ cells.push(
+
+ )
+ }
+ return cells
+ })}
+
+
+ )
+}
+
+function Label({ children }) {
+ return (
+
+ {children}
+
+ )
+}
+
+export function FriendCard({ friend }) {
+ const { name, url, avatar, signature, github } = friend
+
+ return (
+
+ 
+
+
+
+
+
+
+
+ {name}
+
+
+
+
+
+
+ {signature || name}
+
+
+
+
+ {avatar ? (
+
+ ) : (
+
+ {name.charAt(0).toUpperCase()}
+
+ )}
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/components/gradient-bg.js b/src/components/gradient-bg.js
index e1bcac4..a23d516 100644
--- a/src/components/gradient-bg.js
+++ b/src/components/gradient-bg.js
@@ -1,6 +1,6 @@
export const GradientBg = () => (
)
diff --git a/src/components/journey-card.js b/src/components/journey-card.js
index cb611a0..dad5c7a 100644
--- a/src/components/journey-card.js
+++ b/src/components/journey-card.js
@@ -19,6 +19,7 @@ export const JourneyCard = memo(({ title, description, image, index }) => {
width={image.width}
height={image.height}
loading={index < 1 ? 'eager' : 'lazy'}
+ decoding="async"
className="animate-reveal"
// eslint-disable-next-line react/no-unknown-property
nopin="nopin"
diff --git a/src/components/markdown-renderer.js b/src/components/markdown-renderer.js
index 0ef815d..99ff5c7 100644
--- a/src/components/markdown-renderer.js
+++ b/src/components/markdown-renderer.js
@@ -12,7 +12,7 @@ export const MarkdownRenderer = ({ options, ...rest }) => {
// Extract `className` prop to make Link component work properly
// eslint-disable-next-line no-unused-vars
a: ({ className, ...rest }) =>
,
- p: ({ children }) =>
{children}
,
+ p: ({ children }) =>
{children}
,
img: ({ alt, src }) => (
![]()
{
width={400}
height={300}
loading="lazy"
+ decoding="async"
className="animate-reveal aspect-auto w-full object-cover"
// eslint-disable-next-line react/no-unknown-property
nopin="nopin"
diff --git a/src/components/menu-content.js b/src/components/menu-content.js
index a671d9c..ab933de 100644
--- a/src/components/menu-content.js
+++ b/src/components/menu-content.js
@@ -1,28 +1,30 @@
import Link from 'next/link'
+import { VinylPlayer } from '@/components/vinyl-player'
import { NavigationLink } from '@/components/navigation-link'
import { LINKS, PROFILES } from '@/lib/constants'
+import { UsersIcon } from 'lucide-react'
export const MenuContent = () => (
- 熊布朗 (Peng.G)
- AI Product Manager
+ Zen
+ Open Source enthusiasts
-
+
{LINKS.map((link, linkIndex) => (
(
))}
+
Online
-
+
{Object.values(PROFILES).map((profile) => (
))}
diff --git a/src/components/mobile-drawer.js b/src/components/mobile-drawer.js
index b464c97..b1e8b2e 100644
--- a/src/components/mobile-drawer.js
+++ b/src/components/mobile-drawer.js
@@ -15,7 +15,7 @@ export function MobileDrawer() {
return (
-
diff --git a/src/components/musings-list.js b/src/components/musings-list.js
index c947db7..bb4a125 100644
--- a/src/components/musings-list.js
+++ b/src/components/musings-list.js
@@ -58,7 +58,7 @@ function MusingCard({ musing }) {
href={musing.url}
target="_blank"
rel="noopener noreferrer"
- className="flex items-center gap-1.5 rounded-full bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 transition-all hover:bg-gray-100 hover:text-gray-900"
+ className="flex items-center gap-2 rounded-full bg-gray-50 px-2 py-1 text-xs font-medium text-gray-600 transition-all hover:bg-gray-100 hover:text-gray-900"
>
Source
@@ -91,7 +91,7 @@ function MusingCard({ musing }) {
{/* Tags */}
{musing.tags && musing.tags.length > 0 && (
-
+
{musing.tags.map((tag) => (
{
return (
-
+
{
- {`deeptoai.com${url ? `/${url}` : ''}`}
+ {`zenhungyep.com${url ? `/${url}` : ''}`}
-
-
- {icon}
-
- {title}
-
+
+ {icon && {icon}}
+ {title}
- {description && (
-
{description}
- )}
-
+ {description &&
{description}}
+
)
}
diff --git a/src/components/penflow-signature.js b/src/components/penflow-signature.js
new file mode 100644
index 0000000..35e9b5c
--- /dev/null
+++ b/src/components/penflow-signature.js
@@ -0,0 +1,43 @@
+'use client'
+
+import { Penflow } from 'penflow/react'
+import { useEffect, useState } from 'react'
+import { useInView } from 'react-intersection-observer'
+
+export function PenflowSignature() {
+ const [playCount, setPlayCount] = useState(0)
+
+ const { ref, inView } = useInView({
+ root: null, // Use viewport as root initially
+ rootMargin: '0px',
+ triggerOnce: false,
+ fallbackInView: true
+ })
+
+ useEffect(() => {
+ if (inView) {
+ setPlayCount((count) => count + 1)
+ }
+ }, [inView])
+
+ return (
+
+
+ {inView ? (
+
+ ) : (
+
+ )}
+
+ )
+}
diff --git a/src/components/quick-post-button.js b/src/components/quick-post-button.js
index c081431..7f82c0f 100644
--- a/src/components/quick-post-button.js
+++ b/src/components/quick-post-button.js
@@ -232,7 +232,7 @@ export function QuickPostButton() {
+