Complete Berlin PHP website redesign implementation

Final implementation details:
- Config updates: Mastodon URL and branding asset paths
- Template refinements: Logo glow effects and responsive layout
- CSS improvements: Hero section animations and card layouts
- Documentation: Updated specs and AI documentation
- Assets: All branding files (logo, favicon, social banner)
- Content structure: Archive→Events migration completed

Author: Anne-Julia Seitz

config.toml

@@ -36,7 +36,7 @@ paths_keep_dates = true
 # Extra settings
 [extra]
 # Social media links
-mastodon_url = "https://mastodon.social/@berlinphp"
+mastodon_url = "https://phpc.social/@bephpug"
 twitter_url = "https://twitter.com/berlinphp"
 github_url = "https://github.com/berlinphp"
 flickr_url = "https://www.flickr.com/groups/bephpug/"
@@ -48,5 +48,8 @@ default_address = "Adalbertstraße 8, 10999 Berlin"
 # Analytics (optional)
 # google_analytics = "UA-XXXXXXXX-X"
 
-# OpenGraph and Twitter Cards
-og_image = "/images/berlinphp-og.png"
+# Branding assets
+logo = "/logo.svg"
+logo_outset = "/logo_outset.svg"
+social_banner = "/social-banner.png"
+favicon = "/favicon.ico"

docs/ai_docs/CLAUDE-ZOLA.md

@@ -60,9 +60,7 @@ rg --files -g "*.ts"
 ```
 src/
 ├── content/                   # Zola Content (Markdown + Assets)
-│   ├── _index.md              # Mainpage (default language)
-│   ├── _index.de.md           # Mainpage Deutsche Version  
-│   ├── _index.en.md           # Mainpage Englische Version
+│   ├── _index.md              # Homepage (English only)
 │   └── pages/                 # Static pages
 │       └── sub/               # UI Component Library
 ├── templates/                 # Zola HTML Templates
@@ -98,21 +96,27 @@ src/
 └── CLAUDE.md                 # Long Projekt Documentation for Claude Code
 ```
 
-## Features and Requirements
-
-### Sections
+## Sections
 https://www.getzola.org/documentation/content/section/
 
-### Translations
+## Translations
 https://www.getzola.org/documentation/content/multilingual/
 
-### Pagination
+- Check if user wants to add multiple languages first
+
+## Pagination
+https://www.getzola.org/documentation/templates/pagination/
 - If there is only one page, there should be no pagination.
 - If it is the first page, there should be no link to the previous page.
 - If it is the last page, there should be no link to the next page.
 - If there are multiple pages, the first page should have a link to the next page, and the last page should have a link to the previous page.
 - All pages should be visible in the pagination, with the current page highlighted.
 
+## Deployment
+
+### GitHub Pages
+https://www.getzola.org/documentation/deployment/github-pages/
+
 ## ⚠️ CRITICAL GUIDELINES (MUST FOLLOW ALL)
 
 1. **MAXIMUM 500 lines per file** - Split large pages into smaller components

docs/screenshots/Screenshot_2025-08-12_18-51-56.jpg

@@ -60,6 +60,8 @@ This specification outlines the migration of the Berlin PHP Usergroup website fr
 3. **Basic Styling & Layout**
    - Convert Jekyll layouts to Zola templates
    - Implement responsive design
+   - Integrate Berlin PHP logo and branding assets
+   - Configure favicon and social media meta tags
    - Preserve existing visual identity
 
 ### Phase 2: Content & Features (Medium Priority)
@@ -124,7 +126,11 @@ src/
 │   ├── lib/
 │   │   └── bulma.min.css      # Bulma CSS framework
 │   ├── styles.css             # Custom styling
-│   └── images/                # Site images
+│   ├── logo.svg               # Main Berlin PHP logo
+│   ├── logo_outset.svg        # Logo variant with outset
+│   ├── favicon.ico            # Website favicon
+│   ├── social-banner.png      # OpenGraph/Twitter social media banner
+│   └── images/                # Additional site images
 └── config.toml                # Zola configuration
 ```
 
@@ -238,6 +244,12 @@ Information about the speakers, their backgrounds, projects, etc.
 - All CSS/JS dependencies in `static/lib/`
 - Self-hosted assets only
 
+### Branding Assets
+- Berlin PHP logo (SVG format) for navigation and branding
+- Favicon (ICO format) for browser tabs
+- Social media banner (PNG format) for OpenGraph/Twitter cards
+- Logo variants available for different use cases
+
 ### Performance Targets
 - Static file generation under 5 seconds
 - Lighthouse performance score > 90
@@ -275,6 +287,9 @@ Information about the speakers, their backgrounds, projects, etc.
 - [ ] SEO metadata preserved
 - [ ] Schema markup functional
 - [ ] Performance benchmarks met
+- [ ] Logo integrated in navigation
+- [ ] Favicon properly configured
+- [ ] Social media meta tags with banner
 
 ### Content Requirements
 - [ ] All historical content migrated

docs/screenshots/Screenshot_2025-08-12_19-13-40.jpg

@@ -0,0 +1 @@
+www.bephpug.de