Commit Graph

12 Commits

Author SHA1 Message Date
shakespeare.diy 9918ca4dfe Simplify image blend to mix-blend-difference, remove custom CSS
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-18 03:02:54 -06:00
shakespeare.diy 01bdb9322d Replace intro art with custom mew_boy illustration, update blend logic
- Swapped to provided gray-on-white line art
- Light/pink: darken blend (gray lines show naturally)
- Dark/black: lighten + invert (lines become light on dark bg)

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-18 03:01:19 -06:00
shakespeare.diy c60768215d Theme-aware blend for intro art: darken on light/pink, lighten on dark/black
- Added .blend-art CSS utility that inverts + darkens on light backgrounds
  and lightens on dark backgrounds
- Works across all four themes (light, dark, black, pink)

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-18 02:58:25 -06:00
shakespeare.diy 63b8301a01 Hide all scrollbars globally
Replace the show-on-hover scrollbar styles with scrollbar-width: none
and ::-webkit-scrollbar { display: none } so no visual scrollbar
ever appears on the feed or anywhere else in the app.

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-17 19:50:17 -06:00
shakespeare.diy 5c916947b9 Brighten destructive color on dark and black themes for better readability
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-17 03:31:17 -06:00
shakespeare.diy 16d9c3ef1a Update theme system: Mew→dark, enhance pink theme, add theme icons and logo filters
- Rename "mew" theme to "dark" (Mew=dark, Light=light remain)
- Make pink theme more vibrant with increased saturation and adjusted hues
- Convert theme selector to dropdown menu with icons (Moon, Sun, Zap, Heart)
- Add CSS filters to MewLogo for pink and light themes with smooth transitions
- Keep Black and Pink themes as requested

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-17 00:10:34 -06:00
shakespeare.diy c743c7d458 Remove ... icon, add theme toggle, fix logout error
- Removed MoreHorizontal icon from account switcher trigger
- Fixed logout minified React error by properly closing popover before navigation
- Added theme toggle to account popover with Mew, Light, Black, Pink options
- Added Pink (pastel pink) theme CSS variables
- Updated Theme type to support 'light', 'dark', 'black', 'pink', 'system'

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-16 23:39:29 -06:00
shakespeare.diy 5270a5b7e8 Add subtle scrollbars that only appear on hover
- Scrollbars are hidden by default (transparent thumb and track)
- Thin 6px scrollbar appears with 25% opacity on container hover
- Thumb brightens to 40% on direct hover for feedback
- Works across both webkit and Firefox (scrollbar-width/scrollbar-color)

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-16 22:49:19 -06:00
shakespeare.diy b88b75a90b Fix search spinner animation and remove debounce delay
- Replace Loader2 icon with inline SVG spinner using explicit @keyframes
  spin to avoid tailwindcss-animate conflicts
- Remove 250ms debounce so search fires immediately on input
- Add @keyframes spin to index.css for reliable rotation animation

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-16 22:47:30 -06:00
shakespeare.diy be5cb2180f Add responsive mobile layout with bottom nav, drawer menu, and FAB compose
Mobile UI (< md breakpoint):
- MobileTopBar: user avatar (opens drawer) + centered Mew logo
- MobileDrawer: left slide-out sheet with user profile, follower stats,
  menu items (Profile, Wallet, Bookmarks, Mutes, Preferences, Domain blocks,
  Logout), and expandable Switch accounts section
- MobileBottomNav: fixed bottom bar with Home, Notifications, Search, Vines
- FloatingComposeButton: purple FAB in bottom-right corner opens compose dialog
- Feed goes full-width on mobile, max-w-[600px] only on md+
- Left sidebar hidden on mobile, right sidebar hidden below lg
- Pages with their own headers use hideMobileTopBar to avoid double headers
- Safe area bottom padding for iOS devices
- Added routes for /bookmarks, /mutes, /domain-blocks placeholders

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-16 17:13:25 -06:00
shakespeare.diy 4f1b4800d0 Build Mew: a full-featured kind 1 Nostr client
- Dark theme with purple accent colors matching the reference design
- Three-column layout: left sidebar, main feed, right sidebar
- Left sidebar: Mew logo, search, navigation (Home, Notifications, Search, Vines, Profile, Wallet, Settings, More), compose button, user profile/login
- Main feed: compose box, Follows/Global tabs, live note cards with avatars, author info, NIP-05 verification, relative timestamps, image attachments, and action buttons (reply, repost, like, zap, more)
- Right sidebar: trending hashtags with sparklines, latest accounts, footer
- Full routing: home, profile, notifications, search, hashtags, settings (profile/relays), placeholder pages
- NIP-19 routing with automatic profile redirect
- Custom hooks: useFeed, useTrendingTags, useLatestAccounts, useEventStats
- NoteContent renders mentions, links, and hashtags as clickable elements
- Inter Variable font, skeleton loading states, responsive layout

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-16 17:05:32 -06:00
shakespeare.diy 98ff1e09e0 New project created with Shakespeare
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-02-16 16:54:01 -06:00