update astro dependency

Author: literallysofia

.prettierrc

@@ -1,155 +1,124 @@
-# Sofia Silva - Portfolio Website
+# literallysofia.github.io
 
-A personal portfolio website built with Astro + React, showcasing my work as a software engineer.
+Personal portfolio website built with [Astro](https://astro.build), showcasing my work as a software engineer and designer. ✨
 
-## Tech Stack
+🔗 **Live:** [literallysofia.github.io](https://literallysofia.github.io)
 
-- **Framework:** Astro 4.x
-- **UI Library:** React 18 (Islands Architecture)
-- **Styling:** Vanilla CSS with CSS Custom Properties
-- **Deployment:** GitHub Actions → GitHub Pages
-- **Image Optimization:** Astro Image + Sharp
+## 🛠️ Tech Stack
 
-## Key Features
+| Layer | Technology |
+|-------|-----------|
+| Framework | Astro 5.x |
+| Styling | Vanilla CSS + Custom Properties |
+| Images | Astro Image + Sharp |
+| Deployment | GitHub Actions → GitHub Pages |
 
-- ⚡ Fast static site generation with minimal JavaScript
-- 🎨 Dark/light mode toggle with localStorage persistence
-- 📱 Fully responsive design
-- ♿ Accessible navigation and smooth scrolling
-- 🖼️ Optimized images with automatic WebP conversion
-- 🎭 CSS animations (no heavy animation libraries)
-- 🔧 Type-safe content collections
+## ⚡ Features
 
-## Architecture Highlights
+- 🌗 Dark/light mode with `localStorage` persistence
+- 📱 Responsive design across all breakpoints
+- 🖼️ Optimized images with automatic WebP conversion and lazy loading
+- 🎨 CSS-only animations (no heavy libraries)
+- 🔒 Type-safe content collections with Zod schemas
+- 🔀 View transitions for smooth page navigation
+- 🔐 Optional password-protected access gate
+- 📄 Encrypted CV download (AES-256-GCM + PBKDF2)
+- 📜 Scroll-triggered timeline animations
 
-### Dependency Minimalism
-Only **5 production dependencies** (79% reduction from previous Gatsby build):
-- `astro`
-- `react`
-- `react-dom`
-- `sharp` (for image optimization)
-- `@astrojs/react` (dev dependency)
-
-### Component Strategy
-- **React Islands** (interactive): Header, MobileMenu, DarkModeToggle
-- **Astro Components** (static): Banner, About, Timeline, Portfolio, Footer
-- **SVG Icons** (inline): GitHub, LinkedIn, Behance, Link
-
-## Project Structure
+## 📁 Project Structure
 
 ```
 /
-├── public/              # Static assets (favicon, etc.)
+├── .github/workflows/
+│   └── deploy.yml              # GitHub Actions deployment
+├── public/                     # Static assets (favicon, encrypted CV)
+├── scripts/
+│   └── encrypt-cv.mjs          # CV encryption utility
 ├── src/
-│   ├── assets/         # Images (processed by Astro)
+│   ├── assets/                 # Images (processed by Astro)
 │   ├── components/
-│   │   ├── react/      # React island components
-│   │   ├── icons/      # SVG icon components
-│   │   └── *.astro     # Static Astro components
-│   ├── content/        # Content collections (markdown)
-│   │   ├── hero/
-│   │   ├── about/
-│   │   ├── experience/
-│   │   ├── extra-curricular/
-│   │   └── portfolio/
+│   │   ├── *.astro             # Astro components
+│   │   └── icons/              # SVG icon components
+│   ├── content/                # Content collections
+│   │   ├── hero/               # Homepage hero
+│   │   ├── about/              # Education, languages
+│   │   ├── experience/         # Work timeline
+│   │   ├── extra-curricular/   # Volunteering, speaking
+│   │   ├── portfolio/          # Side projects
+│   │   └── *.md                 # Collection markdown files
 │   ├── layouts/
-│   │   └── Layout.astro
+│   │   └── Layout.astro        # Base layout
 │   ├── pages/
-│   │   ├── index.astro
-│   │   └── 404.astro
-│   ├── styles/         # Vanilla CSS modules
-│   └── config.ts       # Site configuration
+│   │   ├── index.astro         # Home
+│   │   ├── about.astro         # About
+│   │   ├── work.astro          # Work experience
+│   │   ├── misc.astro          # Extra-curricular & projects
+│   │   └── 404.astro           # Not found
+│   ├── styles/                 # CSS modules
+│   │   ├── theme.css           # Design tokens & dark/light mode
+│   │   ├── global.css          # Global styles
+│   │   ├── animations.css      # Animation definitions
+│   │   └── ...                 # Component styles
+│   ├── content.config.ts       # Collection schemas (glob loaders)
+│   └── config.ts               # Site metadata
+├── astro.config.mjs
+├── tsconfig.json
 └── package.json
 ```
 
-## Development
+## 🚀 Development
 
 ### Prerequisites
-- Node.js 18.x or higher
-- npm 9.x or higher
+
+- Node.js 18+
+- npm 9+
 
 ### Setup
 
 ```bash
 # Install dependencies
 npm install
 
-# Start development server
-npm run dev
+# Copy environment variables
+cp .env.example .env
 
-# Build for production
-npm run build
-
-# Preview production build
-npm run preview
+# Start dev server
+npm run dev
 ```
 
-### Content Management
-
-Content is managed through Astro Content Collections in the `src/content/` directory. Each collection has:
-- Type-safe schemas defined in `src/content/config.ts`
-- Markdown files with frontmatter for structured data
-- Automatic validation and TypeScript types
+### 📋 Available Scripts
 
-To update content:
-1. Edit the markdown files in `src/content/{collection}/index.md`
-2. Follow the existing frontmatter structure
-3. Run `npm run dev` to see changes instantly
+| Script | Description |
+|--------|------------|
+| `npm run dev` | Start development server |
+| `npm run build` | Type-check and build for production |
+| `npm run preview` | Preview production build locally |
+| `npm run encrypt-cv` | Encrypt CV PDF (requires `CV_PASSWORD` env var) |
 
-## Deployment
+### 🔑 Environment Variables
 
-The site automatically deploys to GitHub Pages via GitHub Actions when you push to the `source` branch.
+See `.env.example` for available options:
 
-### GitHub Pages Setup
+- `PUBLIC_SITE_PASSWORD` — password for the access gate
+- `PUBLIC_ENABLE_PASSWORD_GATE` — force-enable gate in dev mode
+- `CV_PASSWORD` — password for CV encryption/decryption
 
-1. Go to repository Settings → Pages
-2. Set Source to "GitHub Actions"
-3. Push to `source` branch to trigger deployment
+### ✏️ Content Management
 
-The workflow is defined in `.github/workflows/deploy.yml`.
+Content lives in `src/content/` as Markdown files with typed frontmatter. Schemas are defined in `src/content.config.ts`.
 
-## Styling
+To update content, edit the Markdown files under the relevant collection directory and changes will reflect immediately in dev mode.
 
-Uses vanilla CSS with CSS Custom Properties for:
-- Zero build dependencies for styles
-- Future-proof CSS that works forever
-- Easy theme customization via CSS variables
-- Responsive design with standard media queries
+## 🌐 Deployment
 
-Theme variables are defined in `src/styles/theme.css`:
-```css
-:root {
-  --font-playfair: "Playfair Display", serif;
-  --color-primary: #c38352;
-  --color-secondary: #71a7b2;
-  /* ... */
-}
-```
-
-## Browser Support
+Pushes to the `source` branch trigger a GitHub Actions workflow that builds and deploys to GitHub Pages.
 
-- Chrome/Edge (last 2 versions)
-- Firefox (last 2 versions)
-- Safari (last 2 versions)
-- Mobile browsers (iOS Safari, Chrome Mobile)
+To set up:
 
-## Performance
+1. Go to repository **Settings** → **Pages**
+2. Set Source to **GitHub Actions**
+3. Add `PUBLIC_SITE_PASSWORD` as a repository secret (if using the password gate)
 
-- Lighthouse scores: 95+ performance, 100 accessibility/best-practices/SEO
-- Minimal JavaScript (< 150KB total, mostly React islands)
-- Optimized images with responsive srcsets
-- Fast initial page load with static HTML
-
-## License
+## 📝 License
 
 MIT
-
-## Contact
-
-- Email: sofialcfsilva@gmail.com
-- GitHub: [@literallysofia](https://github.com/literallysofia)
-- LinkedIn: [sofialcfsilva](https://www.linkedin.com/in/sofialcfsilva)
-
----
-
-Built with [Astro](https://astro.build) and ❤️

README.md

@@ -1,8 +1,6 @@
 import { defineConfig } from 'astro/config';
-import react from '@astrojs/react';
 
 // https://astro.build/config
 export default defineConfig({
   site: 'https://literallysofia.github.io',
-  integrations: [react()],
 });