Personal Portfolio — GitHub Pages

Minimal scroll-driven portfolio site inspired by modern editorial design.

Deploy to GitHub Pages

1. Clone or push this folder to your SegawaBeer.github.io repository
2. Go to Settings → Pages in your GitHub repo
3. Select Deploy from a branch
4. Choose main branch and / (root) directory
5. Save

Your site will be live at https://SegawaBeer.github.io in a few minutes.

Local Preview

Open index.html directly in a browser, or use a local server:

# Python 3
python3 -m http.server 8000

# Node.js
npx serve .

Customize Content

Replace Placeholder Text

Open index.html and replace:

• Line 32: Your Name → your actual name
• Line 33: one-line positioning statement
• Lines 38-58: each <section class="panel statement"> = one value/principle
• Lines 65-72: about copy and contact links

Add/Remove Statement Panels

Each "statement" panel follows this pattern:

<section class="panel statement">
  <h2><span class="lead-in">The</span> <em>your statement here</em></h2>
</section>

Copy/paste to add more, or delete sections you don't need.

Adjust Colors

Edit style.css variables at the top:

:root {
  --bg: #0c0514;       /* background */
  --fg: #fdfcfa;       /* foreground text */
  --dim: rgba(...);    /* muted text */
  --glow: #9d7bff;     /* highlight/accent */
}

Tweak Animation

In script.js:

• Change count = 60 to increase/decrease particle density
• Adjust revealPoint (line if (rect.top < winH - 100)) to trigger reveals earlier/later

File Structure

.
├── index.html   # Main structure
├── style.css    # Styling
├── script.js    # Canvas + scroll animations
└── README.md    # This file

Browser Support

Works on all modern browsers. Smooth scroll and canvas animations are progressively enhanced.