Initial commit: IndeeHub decentralized streaming platform
Built a complete Netflix-style streaming interface for IndeeHub's decentralized media platform with real film content. Features: - Vue 3 + TypeScript + Vite setup with hot module reloading - Netflix-inspired UI with hero section and horizontal scrolling content rows - Glass morphism design system with custom Tailwind configuration - 20+ real IndeeHub films organized into 6 categories (Bitcoin, Documentaries, Drama, etc.) - Full-featured video player component with custom controls - Mobile-responsive design with bottom navigation - Nostr integration ready (nostr-tools, relay pool, NIP-71 support) - Pinia state management for content - MCP tools configured (Filesystem, Memory, Nostr, Puppeteer) Components: - Browse.vue: Main streaming interface with hero and content rows - ContentRow.vue: Horizontal scrolling film cards with navigation arrows - VideoPlayer.vue: Custom video player with play/pause, seek, volume, fullscreen - MobileNav.vue: Bottom tab navigation for mobile devices Tech Stack: - Frontend: Vue 3 (Composition API), TypeScript - Build: Vite 7 - Styling: Tailwind CSS with custom theme - State: Pinia 3 - Router: Vue Router 4.6 - Protocol: Nostr (nostr-tools 2.22) Design: - 4px grid spacing system - Glass morphism UI components - Netflix-style hero section with featured content - Smooth animations and hover effects - Mobile-first responsive breakpoints - Dark theme with custom color palette Content: - 20+ IndeeHub films with titles, descriptions, categories - Bitcoin documentaries: God Bless Bitcoin, Dirty Coin, Searching for Satoshi - Independent films and documentaries - Working Unsplash CDN images for thumbnails and backdrops Ready for deployment to Umbrel, Start9, and Archy nodes. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
45
assets/README.md
Normal file
45
assets/README.md
Normal file
@@ -0,0 +1,45 @@
|
||||
# IndeedHub Prototype - Assets
|
||||
|
||||
## Logo
|
||||
|
||||
### Main Logo
|
||||
- **Location:** `assets/images/logo.svg`
|
||||
- **Size:** 67x47px
|
||||
- **Format:** SVG (scalable vector)
|
||||
- **Colors:**
|
||||
- Red: #F0003D
|
||||
- Orange: #FA4727
|
||||
- Blue: #6B90F4
|
||||
- Accent: #F70D37
|
||||
|
||||
### Design Elements
|
||||
- Geometric ascending bars (growth/progress visualization)
|
||||
- Gradient transitions (red → orange → blue)
|
||||
- Clean sans-serif typography
|
||||
- Red dot accent point
|
||||
- Text: "IndeedHub.studio"
|
||||
|
||||
### Usage Guidelines
|
||||
- Use SVG format for web (scalable, crisp at any size)
|
||||
- Maintain minimum size of 67px width for legibility
|
||||
- Preserve gradient colors - do not flatten
|
||||
- Keep text and icon together as a unit
|
||||
|
||||
### File Structure
|
||||
```
|
||||
assets/
|
||||
└── images/
|
||||
└── logo.svg # Main logo file
|
||||
```
|
||||
|
||||
### Future Assets
|
||||
When adding more assets, organize by type:
|
||||
- `assets/images/` - Logos, icons, graphics
|
||||
- `assets/fonts/` - Custom fonts
|
||||
- `assets/icons/` - UI icons, favicons
|
||||
- `assets/videos/` - Video content
|
||||
- `assets/documents/` - PDFs, documentation
|
||||
|
||||
---
|
||||
|
||||
*Logo added: February 2, 2026*
|
||||
Reference in New Issue
Block a user