Initial site: Elle Sam - storytelling meets neuroaesthetics

Immersive single-page site with neural network canvas animation,
scroll reveal effects, and Traefik-ready Docker deployment.

Sections: Hero, About, Services, Approach, Work (Cineasthesia +
Out The Box Creative), Manifesto, Connect.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Dockerfile

@@ -0,0 +1,4 @@
+FROM nginx:alpine
+COPY index.html /usr/share/nginx/html/index.html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80

docker-compose.yml

@@ -0,0 +1,24 @@
+services:
+  elle-o-elle:
+    build: .
+    container_name: elle-o-elle
+    restart: unless-stopped
+    networks:
+      - traefik
+    labels:
+      - "traefik.enable=true"
+      - "traefik.http.routers.elle-o-elle.rule=Host(`elle-o-elle.lol`) || Host(`www.elle-o-elle.lol`)"
+      - "traefik.http.routers.elle-o-elle.entrypoints=websecure"
+      - "traefik.http.routers.elle-o-elle.tls.certresolver=cloudflare"
+      - "traefik.http.routers.elle-o-elle.tls.domains[0].main=elle-o-elle.lol"
+      - "traefik.http.routers.elle-o-elle.tls.domains[0].sans=*.elle-o-elle.lol"
+      - "traefik.http.services.elle-o-elle.loadbalancer.server.port=80"
+      # Redirect www to apex
+      - "traefik.http.middlewares.elle-www-redirect.redirectregex.regex=^https://www\\.elle-o-elle\\.lol/(.*)"
+      - "traefik.http.middlewares.elle-www-redirect.redirectregex.replacement=https://elle-o-elle.lol/$${1}"
+      - "traefik.http.middlewares.elle-www-redirect.redirectregex.permanent=true"
+      - "traefik.http.routers.elle-o-elle.middlewares=elle-www-redirect"
+
+networks:
+  traefik:
+    external: true

nginx.conf

@@ -0,0 +1,28 @@
+server {
+    listen 80;
+    server_name elle-o-elle.lol www.elle-o-elle.lol;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Cache static assets
+    location ~* \.(css|js|jpg|jpeg|png|gif|ico|svg|woff|woff2)$ {
+        expires 30d;
+        add_header Cache-Control "public, immutable";
+    }
+
+    # Security headers
+    add_header X-Frame-Options "SAMEORIGIN" always;
+    add_header X-Content-Type-Options "nosniff" always;
+    add_header X-XSS-Protection "1; mode=block" always;
+    add_header Referrer-Policy "strict-origin-when-cross-origin" always;
+
+    # Gzip
+    gzip on;
+    gzip_types text/plain text/css application/javascript text/html;
+    gzip_min_length 256;
+}