Linus OlofssonandClaude Opus 5.5
4f1b468f75
- www -> apex 301, old URLs (/my-people, /animales-and-nature, /celebrations-with-family, /northen-lights) -> /portfolio 301, trailing slash and .html -> clean URL 301. - try_files $uri $uri.html, otherwise 404.html with status 404. - /_astro/*: public, max-age=31536000, immutable (path-based map, no duplicate Cache-Control headers); HTML must-revalidate. - HSTS, Referrer-Policy, Permissions-Policy, X-Frame-Options, CSP that allows the Meta Pixel and the stats beacon to customer.imagesbyolofsson.se. - deploy/caddy-site.snippet: the same rules as importable Caddy snippets. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01WvE3C43Uwtv2vtnoFBLDw7
Images by Olofsson
A modern, responsive photography portfolio website built with Astro, Tailwind CSS, and advanced animations.
More |
At |
Imagesbyolofsson.se |
Features
Modern design with minimalist aesthetics and focus on imagery. Advanced animations including wave effects, 3D scroll transforms, and smoke particles. Fully responsive across all devices with optimized performance.
Quick Start
Prerequisites
Node.js 18.0 or higher
Installation
git clone https://github.com/Images-by-Olofsson/homepage.git
cd homepage
npm install
Development
npm run dev
Build
npm run build
npm run preview
Project Structure
src/
├── assets/
├── components/
│ ├── WaveBackground.astro
│ ├── ThreeDScroll.astro
│ ├── FloatingOrbs.astro
│ └── Welcome.astro
├── layouts/
│ ├── MainLayout.astro
│ └── Layout.astro
├── pages/
│ ├── index.astro
│ ├── portfolio.astro
│ ├── about.astro
│ └── contact.astro
└── styles/
└── global.css
Technologies
Astro, Tailwind CSS, TypeScript, Exifr
License
MIT License - see LICENSE file for details
Built by Linus Olofsson