🕹️ PixelPen - Gaming Writer Portfolio

RETRO-STYLE PORTFOLIO FOR MODERN GAME WRITING
Where words meet 8-bit wonder

📟 PROJECT OVERVIEW

A fully interactive portfolio website showcasing video game journalism with a nostalgic 90s arcade aesthetic. Features CRT screen effects, pixel art elements, and retro UI components that pay homage to classic gaming while presenting modern writing samples.

Key Features:

• 🖤 Authentic CRT scanlines and glow effects
• 👾 Pixel-perfect responsive design
• 📜 Interactive game review showcase
• 🎮 Secret minigame easter egg
• 📟 Animated retro text elements

🧩 TECHNOLOGIES USED

HTML5 · CSS3 · JavaScript · Pixel Art · GitHub Pages

🎮 LIVE DEMO

Experience the portfolio live:

(https://worldsocoled.github.io/gaming-writer-portfolio/)

🕹️ CONTROLS & NAVIGATION

↑↓←→ - Navigate menu items ENTER - Select menu option ESC - Return to main menu

📂 PROJECT STRUCTURE

gaming-writer-portfolio/ ├── index.html # Main portfolio page ├── styles.css # Retro styling and CRT effects ├── script.js # Interactive elements & minigame ├── assets/ # Images and fonts │ ├── pixel-font.ttf │ ├── scanline.png │ └── avatar.png ├── reviews/ # Game writing samples │ ├── despelote.html │ ├── freeride.html │ └── ... └── README.md # This documentation

🔧 INSTALLATION

No installation required! Simply visit the GitHub Pages link above. To run locally:

git clone https://github.com/worldsocoled/gaming-writer-portfolio.git
cd gaming-writer-portfolio
# Open index.html in your browser

🖋️ WRITING SAMPLES INCLUDED

1. Despelote - "Kicking Dreams in Ecuador"

2. Look Outside - "Stories Beyond the Window"

3. Shotgun Cop Man - "Arresting with Style"

4. FREERIDE - "Freedom on Digital Rails"

5. Expedition 33 - "Expedition into JRPG Excellence"

6. Undertale Retrospective

🛠️ CUSTOMIZATION

To personalize this portfolio:

1. Update author info in index.html

2. Add your writing samples in /reviews/

3. Modify color scheme in styles.css: :root { --glow-color: #ff00ff; /* Neon pink / --scan-color: rgba(0,255,0,0.1); / CRT green / --pixel-border: #00ccff; / Cyber blue */ }

📜 LICENSE

MIT License - Feel free to level up and modify!