52 lines
1.1 KiB
Markdown
52 lines
1.1 KiB
Markdown
# RetroWave Studio 2010
|
|
|
|
RetroWave Studio 2010 is a deliberately nostalgic website that recreates the look and feel of a classic 2010-era web presence.
|
|
|
|
It uses Vite for the build pipeline and keeps the visual language on purpose: glossy panels, blue gradients, sidebar widgets, and a centered portal-style layout.
|
|
|
|
## Development
|
|
|
|
Install dependencies first:
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
Start the local dev server:
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
Create a production build:
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
Preview the production build locally:
|
|
|
|
```bash
|
|
npm run preview
|
|
```
|
|
|
|
## Build Details
|
|
|
|
The production build runs HTML minification through `html-minifier-terser` via the Vite config.
|
|
|
|
## Project Structure
|
|
|
|
- `index.html` - Vite entry document
|
|
- `vite.config.js` - Vite configuration and HTML minification hook
|
|
- `src/main.js` - application bootstrap
|
|
- `src/styles.css` - all page styling
|
|
|
|
## Design Direction
|
|
|
|
- Glossy UI panels
|
|
- Blue gradient navigation and buttons
|
|
- Sidebar-style information boxes
|
|
- A fixed-width, portal-like composition
|
|
|
|
The result is intentionally not modern-minimal. It is meant to feel like a polished website from the late 2000s and early 2010s.
|