Skip to content

Commit 05fc863

Browse files
SamSam
authored andcommitted
📼 Update README theme from cyberpunk to retro VHS aesthetic
1 parent f2bc8f0 commit 05fc863

1 file changed

Lines changed: 16 additions & 16 deletions

File tree

‎README.md‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,35 @@
1-
# 🎬 CINEHUB
1+
# 📼 CINEHUB
22

33
<div align="center">
44

5-
![CineHub Logo](https://readme-typing-svg.herokuapp.com?font=VT323&size=60&duration=3000&pause=500&color=ff4500&center=true&vCenter=true&multiline=true&width=800&height=100&lines=CINEHUB;RETRO+FLUENT+MOVIE+DISCOVERY)
5+
![CineHub Logo](https://readme-typing-svg.herokuapp.com?font=VT323&size=60&duration=3000&pause=500&color=ff4500&center=true&vCenter=true&multiline=true&width=800&height=100&lines=CINEHUB;RETRO+VHS+MOVIE+DISCOVERY)
66

7-
[![Live Demo](https://img.shields.io/badge/🚀-LIVE_DEMO-ff4500?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTNMMTQgOEwxIDEzVjFaTTEgMXYxMkgxNFYxSDFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+&logoColor=white)](https://sam97300.github.io/Cine-Hub/)
7+
[![Live Demo](https://img.shields.io/badge/�-LIVE_DEMO-ff4500?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTNMMTQgOEwxIDEzVjFaTTEgMXYxMkgxNFYxSDFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+&logoColor=white)](https://sam97300.github.io/Cine-Hub/)
88
[![GitHub stars](https://img.shields.io/github/stars/Sam97300/Cine-Hub?style=for-the-badge&logo=github&color=ffb700)](https://github.com/Sam97300/Cine-Hub)
99
[![React](https://img.shields.io/badge/REACT-19.2.0-61dafb?style=for-the-badge&logo=react&logoColor=black)](https://react.dev/)
1010
[![Vite](https://img.shields.io/badge/VITE-7.2.4-646cff?style=for-the-badge&logo=vite&logoColor=white)](https://vite.dev/)
1111

1212
---
1313

14-
*A cyberpunk movie discovery experience with retro-fluent aesthetics*
14+
*A nostalgic movie discovery experience with retro VHS aesthetics*
1515

1616
</div>
1717

1818
## 🌟 Overview
1919

20-
CineHub is a cutting-edge movie discovery platform that brings together the nostalgia of retro computing with modern web technologies. Dive into a universe of cinema through a beautifully crafted interface featuring:
20+
CineHub is a vintage-inspired movie discovery platform that brings back the nostalgia of VHS era with modern web technologies. Dive into a universe of cinema through a beautifully crafted interface featuring:
2121

2222
- 🎭 **Trending Movies Stream** - Real-time trending data from TMDB
2323
- 🔍 **Smart Search Autocomplete** - Instant movie discovery
2424
- 📊 **Detailed Analytics** - Movie statistics and insights
2525
- 👤 **Personal Profiles** - Track your watchlist and preferences
26-
- 🎨 **Cyberpunk UI** - Retro-fluent design with CRT effects
26+
- 📼 **Retro VHS UI** - Vintage design with tracking effects and artifacts
2727

2828
## 🚀 Live Experience
2929

3030
> **🔗 [**LIVE DEMO**](https://sam97300.github.io/Cine-Hub/)**
3131
>
32-
> Experience the full cyberpunk movie discovery journey
32+
> Experience the full retro VHS movie discovery journey
3333
3434
---
3535

@@ -40,10 +40,10 @@ CineHub is a cutting-edge movie discovery platform that brings together the nost
4040
- **Advanced Search** - Intelligent autocomplete with instant results
4141
- **Detailed Views** - Comprehensive movie information including cast, crew, and statistics
4242

43-
### 🎨 **Retro-Fluent Design**
44-
- **CRT Effects** - Authentic scanlines and grain effects
43+
### 📼 **Retro VHS Design**
44+
- **Tracking Effects** - Authentic VHS tracking lines and distortion
4545
- **Glass Morphism** - Modern glass panels with backdrop blur
46-
- **Cyberpunk Color Scheme** - Orange accent (#ff4500) with cyan highlights
46+
- **Vintage Color Scheme** - Orange accent (#ff4500) with warm highlights
4747
- **Smooth Animations** - Hover effects, transitions, and micro-interactions
4848

4949
### 📱 **Modern Architecture**
@@ -123,8 +123,8 @@ npm run deploy # Deploy to GitHub Pages
123123
:root {
124124
--bg: #0b0b0b; /* Deep black background */
125125
--panel: rgba(18, 18, 18, 0.6); /* Glass panels */
126-
--accent: #ff4500; /* Cyberpunk orange */
127-
--cyan: #ffb700; /* Retro cyan */
126+
--accent: #ff4500; /* VHS orange */
127+
--cyan: #ffb700; /* Vintage yellow */
128128
--text: #eaeaea; /* Light text */
129129
--muted: #9a9a9a; /* Muted text */
130130
}
@@ -135,7 +135,7 @@ npm run deploy # Deploy to GitHub Pages
135135
- **Body**: Inter (modern, clean sans-serif)
136136

137137
### Effects
138-
- **Scanlines**: Authentic CRT monitor effect
138+
- **Tracking Lines**: Authentic VHS tracking effect
139139
- **Grain**: Subtle noise texture
140140
- **Glass Morphism**: Backdrop blur with transparency
141141
- **Hover Animations**: Smooth transitions and transforms
@@ -146,7 +146,7 @@ npm run deploy # Deploy to GitHub Pages
146146

147147
<div align="center">
148148

149-
![CineHub Interface](https://readme-typing-svg.herokuapp.com?font=VT323&size=20&duration=2000&pause=1000&color=ffb700&center=true&vCenter=true&lines=🎬+CYBERPUNK+MOVIE+DISCOVERY;🚀+RETRO+FLUENT+INTERFACE;✨+MODERN+WEB+TECHNOLOGIES)
149+
![CineHub Interface](https://readme-typing-svg.herokuapp.com?font=VT323&size=20&duration=2000&pause=1000&color=ffb700&center=true&vCenter=true&lines=📼+RETRO+VHS+MOVIE+DISCOVERY;🎬+VINTAGE+INTERFACE;✨+MODERN+WEB+TECHNOLOGIES)
150150

151151
</div>
152152

@@ -202,7 +202,7 @@ We welcome contributions! Here's how to get started:
202202
- Follow the existing code style and patterns
203203
- Ensure all animations are smooth and performant
204204
- Test responsive behavior on multiple devices
205-
- Maintain the cyberpunk aesthetic consistency
205+
- Maintain the retro VHS aesthetic consistency
206206

207207
---
208208

@@ -223,7 +223,7 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
223223

224224
<div align="center">
225225

226-
![CineHub](https://readme-typing-svg.herokuapp.com?font=VT323&size=24&duration=4000&pause=1000&color=ff4500&center=true&vCenter=true&lines=🎬+CINEHUB+🎬;RETRO+FLUENT+MOVIE+DISCOVERY;THANKS+FOR+VISITING!)
226+
![CineHub](https://readme-typing-svg.herokuapp.com?font=VT323&size=24&duration=4000&pause=1000&color=ff4500&center=true&vCenter=true&lines=📼+CINEHUB+📼;RETRO+VHS+MOVIE+DISCOVERY;THANKS+FOR+VISITING!)
227227

228228
[![Back to top](https://img.shields.io/badge/BACK_TO_TOP-ff4500?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTJMMTMgN0w4IDJMMyA3TDggMTJaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+&logoColor=white)](#-cinehub)
229229

0 commit comments

Comments
 (0)