Adrian Miesikowski - Personal Website

Futuristic personal website for AI Agent Developer with bilingual support (English/Polish).

Features

• Bilingual Support: Switch between English and Polish languages
• Futuristic design with vibrant colors (cyan, orange, green)
• Animated particle background
• Interactive SVG icons
• Contact form with PHP backend
• Responsive design
• Smooth scrolling
• Language preference saved in localStorage

Language Switcher

The website supports both English and Polish languages. Users can switch languages using the language switcher in the top-right corner:

• EN: English
• PL: Polish (Polski)

The selected language is saved to browser localStorage and persists across sessions. All content including form placeholders, buttons, and notifications are translated.

Supported Languages

• English (en) - Default
• Polish (pl)

Docker Setup

Prerequisites

• Docker
• Docker Compose

Running with Docker

1. Build and start the container:

docker-compose up -d

2. Access the website at:

http://localhost:8080

3. Stop the container:

docker-compose down

Development Mode

To run with live file changes:

docker-compose up

The volume mount in docker-compose.yml ensures changes to files are reflected immediately.

Local Development (without Docker)

Requirements:

• PHP 7.4 or higher
• Web server (Apache/Nginx) or PHP built-in server

Run with PHP built-in server:

php -S localhost:8080

Project Structure

.
├── src/
│   ├── index.html          # Main HTML file with data-i18n attributes
│   ├── css/
│   │   └── styles.css     # Stylesheet with language switcher styles
│   ├── js/
│   │   ├── script.js      # Main JavaScript
│   │   └── translations.js # Language translations and switcher logic
│   └── api/
│       └── send-email.php # Email backend
├── Dockerfile              # Docker configuration
├── docker-compose.yml      # Docker Compose setup
├── .htaccess               # Apache configuration
└── README.md               # This file

Translation System

The website uses a custom translation system:

1. HTML: Elements with data-i18n attributes are automatically translated
2. JavaScript: Translation keys are defined in translations.js
3. localStorage: User's language preference is saved and loaded automatically
4. Dynamic Updates: All content updates instantly when language is changed

Example translation key structure:

{
  en: {
    hero: {
      subtitle: "AI Agent Developer"
    }
  },
  pl: {
    hero: {
      subtitle: "Deweloper Agentów AI"
    }
  }
}

Contact

Email: kontakt@szmyt151.pl LinkedIn: Adrian Miesikowski