Sito Personale di Carmine Pola

Questo repository contiene il codice sorgente del sito web personale di Carmine Pola, sviluppatore software e consulente IT.

Caratteristiche

• Design moderno e responsive: Interfaccia elegante con tema scuro e animazioni fluide
• Ottimizzato per le performance: Lazy loading per le immagini e compressione Gzip
• Accessibilità: Attributi ARIA e contrasto migliorato per una migliore usabilità
• Sicurezza: Header di sicurezza configurati per proteggere contro vulnerabilità comuni
• SEO ottimizzato: Metadati strutturati con Schema.org
• Containerizzato: Distribuzione semplificata con Docker e Nginx

Tecnologie Utilizzate

• Frontend: HTML5, CSS3, JavaScript (vanilla)
• Styling: CSS personalizzato con variabili CSS e animazioni avanzate
• Server: Nginx
• Containerizzazione: Docker

Struttura del Progetto

.
├── website/
│   ├── index.html          # Pagina principale
│   ├── 404.html            # Pagina di errore 404
│   ├── 50x.html            # Pagina di errore 50x
│   ├── css/
│   │   └── my.css          # Foglio di stile principale
│   ├── js/
│   │   └── my.js           # Script JavaScript
│   └── assets/             # Risorse statiche
├── default.conf            # Configurazione Nginx
├── Dockerfile              # Configurazione Docker
└── README.md               # Documentazione

Installazione e Esecuzione

Prerequisiti

• Docker
• Docker Compose (opzionale)

Esecuzione con Docker

1. Clona il repository:

   git clone https://github.com/carminepola/carminepola.git
   cd carminepola
   

2. Costruisci l'immagine Docker:

   docker build -t carminepola-website .
   

3. Esegui il container:

   docker run -d -p 8080:80 carminepola-website
   

4. Visita il sito all'indirizzo http://localhost:8080

Esecuzione con Docker Compose

1. Crea un file docker-compose.yml:

   version: "3"
   services:
     website:
       build: .
       ports:
         - "8080:80"
       restart: unless-stopped
   

2. Esegui:

   docker-compose up -d
   

Personalizzazione

Modifica dei Contenuti

I contenuti principali possono essere modificati nel file website/index.html.

Personalizzazione dello Stile

Lo stile può essere personalizzato modificando le variabili CSS nel file website/css/my.css:

• --primary: Colore primario
• --secondary: Colore secondario
• --background: Colore di sfondo
• --text-primary: Colore del testo principale

Aggiunta di Nuove Sezioni

Per aggiungere nuove sezioni:

1. Aggiungi un nuovo elemento <section> in index.html
2. Aggiungi gli stili corrispondenti in my.css
3. Aggiungi la navigazione alla sezione nel menu di navigazione

Ottimizzazioni Implementate

Performance

• Lazy loading per le immagini
• Compressione Gzip per i file statici
• Cache HTTP per le risorse statiche

Accessibilità

• Attributi ARIA per una migliore navigazione con screen reader
• Contrasto migliorato per una migliore leggibilità
• Altezza minima per gli elementi interattivi (44px)
• Area cliccabile aumentata per i link di navigazione

Sicurezza

• Header di sicurezza configurati:
  • X-Frame-Options
  • X-XSS-Protection
  • X-Content-Type-Options
  • Referrer-Policy
  • Content-Security-Policy
  • Strict-Transport-Security

Licenza

Copyright © 2025 Carmine Pola. Tutti i diritti riservati.

Contatto

• Email: sito@carminepola.it
• LinkedIn: https://www.linkedin.com/in/polacarmine
• GitHub: https://github.com/carminepola