Commit graph

11 commits

Author SHA1 Message Date
10bf4378b6
feat: enhance styling and layout with new global styles, scrollbar customization, and updated content
- Added Google Sans Code font to globals.css for improved typography.
- Introduced new CSS variables for theming in globals.css, enhancing dark mode support.
- Updated layout.tsx to include custom scrollbar styles from scrollbar.css.
- Modified page.tsx to improve the "About" section with more engaging content.
- Refactored NeoFetch component for better styling and layout consistency.
- Commented out scroll behavior in Top component for smoother navigation.
- Added new art.html file for visual representation in the NeoFetch component.
2025-10-26 20:31:38 +09:00
ea5262f7ed feat(ui): add AnimatedTextCycle component and framer-motion
- add src/components/ui/animated-text-cycle.tsx (animated word cycle using framer-motion)
- add framer-motion dependency to package.json and update bun.lock (includes motion-dom / motion-utils)
- update About link to use YouTube playlist URL
- remove unused background images (public/bg.avif, public/bg.png) and update public/char.avif
2025-10-23 21:29:11 +09:00
9e2577ea36 좀 깔끔해짐 2025-10-23 19:37:08 +09:00
96a43a9a3c feat(ui/ux): add timeline, hero, and NeoFetch components + data/hooks
- Add timeline route helper
  - src/app/timeline/route.ts
  - simple helper to navigate to #timeline

- Add NeoFetch component (client)
  - src/components/NeoFetch.tsx
  - Displays avatar iframe, uptime calculation, experience count, WakaTime stats, terminal/ip, locale and colour palette
  - Uses custom hooks useIpData and useWakaTimeData, and events data

- Add Top (hero) component (client)
  - src/components/Top.tsx
  - Full-screen hero with randomized background, parallax on mouse, device orientation & motion handlers, requestPermission trigger on image click
  - Includes Sidebar import and optimized Image usage

- Add Timeline UI component (client)
  - src/components/timeline.tsx
  - Year selector + filtered event list with links and icons
  - Handles initial selection and rendering grouped by year

- Add reusable Timeline primitives (client)
  - src/components/ui/timeline.tsx
  - Timeline context and composable parts: Timeline, TimelineItem, Indicator, Separator, Date, Title, Content, Header
  - Orientation support and controlled/uncontrolled API

- Add data & hooks
  - src/lib/events.ts
    - Seeded events array (education/awards/conference entries) used by timeline and NeoFetch
  - src/hooks/use-ip-data.ts
    - Fetches terminal/ip info from https://api.imnya.ng/ip
  - src/hooks/use-wakatime-data.ts
    - Fetches WakaTime summary from https://api.imnya.ng/wakatime

Notes:
- All new components are client-side ("use client")
- Adds device motion/orientation listeners with cleanup
- Provides basic error handling for network hooks
- Improves homepage/UX with interactive hero and timeline data visualization
2025-10-22 22:33:40 +09:00
fbd8fd0c6a Init shadcn, Make Sidebar 2025-10-09 01:43:14 +09:00
7fee80308c Init NextJS 2025-09-28 14:52:22 +09:00
3f1b62edf4 🌠 Vite is Gone! 2025-02-22 21:27:50 +09:00
암냥
167e9d6197
Create ads.txt 2025-02-19 21:44:13 +09:00
b6fcc88d65
background 2025-02-19 17:28:32 +09:00
imnyang
27bd642e50 fixed 2025-01-20 18:26:06 +09:00
e466796106 임시 커밋 ㅌㅌㅌ 2024-12-30 13:51:55 +09:00