shakespeare.diy
4f1b4800d0
- 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>
15 lines
666 B
HTML
15 lines
666 B
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<title>Mew</title>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="content-security-policy" content="default-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; frame-src 'self' https:; font-src 'self'; base-uri 'self'; manifest-src 'self'; connect-src 'self' blob: https: wss:; img-src 'self' data: blob: https:; media-src 'self' https:">
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|