73 lines
2.0 KiB
Markdown
73 lines
2.0 KiB
Markdown
# pvrz — Personal Website
|
|
|
|
A minimal personal site built with plain HTML/CSS/JS. No build step required.
|
|
|
|
## 📁 File Structure
|
|
|
|
```
|
|
pvrz-site/
|
|
├── index.html ← Landing page
|
|
├── links.html ← Social & project links
|
|
├── styles.css ← Shared stylesheet
|
|
├── main.js ← Landing page interactions
|
|
└── README.md
|
|
```
|
|
|
|
## ✏️ Customization
|
|
|
|
### Update your handles
|
|
|
|
**`links.html`** — Replace all `pvrz` handle references with yours:
|
|
- `https://x.com/pvrz` → your X/Twitter
|
|
- `https://github.com/pvrz` → your GitHub
|
|
- `https://youtube.com/@pvrz` → your YouTube
|
|
- `https://instagram.com/pvrz` → your Instagram
|
|
- `https://twitch.tv/pvrz` → your Twitch
|
|
- `https://discord.gg/pvrz` → your Discord
|
|
- `https://linkedin.com/in/pvrz` → your LinkedIn
|
|
- `https://pvrz.substack.com` → your Substack
|
|
- `https://medium.com/@pvrz` → your Medium
|
|
- Fill in the **Project** cards with your actual project links + names
|
|
|
|
**`index.html` + `links.html`** — Update footer social links.
|
|
|
|
---
|
|
|
|
## 🚀 Deploy to GitHub + Cloudflare Pages
|
|
|
|
### 1. Push to GitHub
|
|
|
|
```bash
|
|
git init
|
|
git add .
|
|
git commit -m "init pvrz site"
|
|
git remote add origin https://github.com/YOUR_USERNAME/pvrz-site.git
|
|
git push -u origin main
|
|
```
|
|
|
|
### 2. Connect Cloudflare Pages
|
|
|
|
1. Go to [Cloudflare Dashboard](https://dash.cloudflare.com) → **Pages**
|
|
2. Click **Create a project** → **Connect to Git**
|
|
3. Select your `pvrz-site` repo
|
|
4. Settings:
|
|
- **Build command:** *(leave blank — no build step needed)*
|
|
- **Build output directory:** `/` (root)
|
|
5. Click **Save and Deploy**
|
|
|
|
Your site will be live at `https://pvrz-site.pages.dev` in ~30 seconds.
|
|
|
|
### 3. Custom Domain (optional)
|
|
|
|
In Cloudflare Pages → your project → **Custom domains** → add your domain.
|
|
|
|
---
|
|
|
|
## 🎨 Design
|
|
|
|
Built to mirror Claude's warm cream/coral color palette:
|
|
- Background: `#F7F4EE`
|
|
- Accent: `#C96442`
|
|
- Font: Instrument Serif (display) + DM Sans (body)
|
|
- Icons: Font Awesome 6
|