Pavlos Papaefstathiou - Personal Landing Page

This is my personal landing page built with Astro, showcasing my work as a technology strategist, photographer, visual storyteller & electronic music enthusiast.

🎨 Design Features

• Minimalist Design: Clean black and white color palette with simple, elegant styling
• Contemporary Typography:
  • Instrument Serif (italic) for headings - large, elegant serif font
  • Noto Sans (light) for body text - clean, modern humanist sans-serif with excellent readability
• Full-Width Hero Video: Autoplaying profile video spanning the entire screen width
• Responsive Layout: Single-page scroll design optimized for all devices
• Light/Dark Mode: Automatic theme detection based on system preferences with manual toggle
• Privacy-First: No cookies, no localStorage - uses Simple Analytics for privacy-first visitor insights
• Custom Favicon: Retro-tech gradient π (pi) icon
• SEO Optimized: Comprehensive meta tags, Open Graph, Twitter Cards, JSON-LD structured data

🔗 Social Links

The page includes icon-only social links to:

• Photo Portfolio (36 Frames)
• Instagram
• Threads
• YouTube
• GitHub
• SoundCloud
• LinkedIn

🛠 Technical Stack

• Framework: Astro 5.14.4
• Fonts: Google Fonts (Instrument Serif & Noto Sans)
• Styling: Scoped CSS with CSS custom properties for theming
• Theme System: Session-only theme toggle (no persistent storage)
• Analytics: Simple Analytics (privacy-first, no cookies)
• SEO: Complete meta tags, Open Graph, Twitter Cards, canonical URLs, JSON-LD structured data

🚀 Commands

All commands are run from the root of the project:

Command	Action
npm install	Installs dependencies
npm run dev	Starts local dev server at localhost:4321
npm run build	Build your production site to ./dist/
npm run preview	Preview your build locally, before deploying
npm run astro ...	Run CLI commands like astro add, astro check

📁 Project Structure

/
├── src/
│   ├── assets/
│   │   └── pavlosp-profile-video.mp4
│   ├── layouts/
│   │   └── Layout.astro
│   └── pages/
│       └── index.astro
└── package.json

📝 Content

The landing page includes:

• Introduction and professional background
• Links to LGBT+ equality research and publications
• Passions and creative projects
• Social media and portfolio links

---

Built with care and attention to design, performance, and privacy.