Skip to content

feat: add 2026 fortune telling web app and disable CustomOgImages plugin#16

Open
thelyver wants to merge 2 commits intov4from
claude/fortune-telling-site-CIVuB
Open

feat: add 2026 fortune telling web app and disable CustomOgImages plugin#16
thelyver wants to merge 2 commits intov4from
claude/fortune-telling-site-CIVuB

Conversation

@thelyver
Copy link
Copy Markdown
Owner

Description

This PR adds a new interactive fortune telling web application for 2026 and temporarily disables the CustomOgImages plugin due to network issues.

Changes

  1. New Fortune Telling App (content/fortune/index.html and quartz/static/fortune/index.html)

    • Created a responsive web application featuring "2026년 신년운세" (2026 New Year Fortune)
    • Users can input their name, gender, and age to receive personalized fortune readings
    • Features five fortune categories: overall (종합운), love (애정운), career (직업운), wealth (재물운), and health (건강운)
    • Includes themed messages from "낭만백수 강프로" (Kangpro the Romantic Unemployed)
    • Deterministic fortune generation using a simple hash function ensures consistent results for the same user input
    • Fully responsive design with smooth animations and modern UI styling
    • Supports keyboard input (Enter key to submit)
  2. Plugin Configuration (quartz.config.ts)

    • Temporarily disabled Plugin.CustomOgImages() due to network issues
    • Added explanatory comment for future reference

Technical Details

  • The fortune app uses a seed-based approach (hashing user input) to generate consistent, personalized fortunes
  • Includes 8 variations each for overall, love, and career fortunes, and 5 variations each for wealth and health
  • 12 different motivational messages from Kangpro to encourage users
  • Mobile-first responsive design with media queries for devices ≤480px
  • No external dependencies required; pure HTML/CSS/JavaScript implementation

Test Plan

N/A - This is a new feature addition with no automated tests. The app can be manually tested by:

  1. Navigating to the fortune page
  2. Entering different user information (name, gender, age)
  3. Verifying that the same input always produces the same fortune output
  4. Testing on mobile and desktop viewports

https://claude.ai/code/session_012rToAi52AMCrcf1GfQBwvk

- Create mobile-optimized fortune telling page at /fortune/
- Features: name, gender, age input for personalized 2026 fortune
- Includes 5 fortune categories: overall, love, career, wealth, health
- 12 witty messages from 낭만백수 강프로 about AI and 2026
- Hash-based fortune generation for consistency
- Temporarily disable CustomOgImages plugin due to network issues
- Add content/fortune/index.html source file
- Update package-lock.json after npm install
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants