Add 3D Application Corresponding to Existing 2D Application

Makefile

@@ -40,7 +40,7 @@ fclean-local: fclean
 	docker run --rm -v /home/${USER}/data:/parentdir alpine sh -c "rm -rf /parentdir/userdata_db"
 	docker run --rm -v /home/${USER}/data:/parentdir alpine sh -c "rm -rf /parentdir/avatars"
 
-fclean-local-run: fclean-local run
+dev: fclean-local run
 
 
 .PHONY: all up run down clean fclean re reset

src/nginx/Dockerfile

@@ -2,4 +2,22 @@ FROM nginx
 
 RUN rm -f /etc/nginx/conf.d/*
 
+# Create necessary directories
+RUN mkdir -p /usr/share/nginx/html/static/images \
+    && mkdir -p /usr/share/nginx/html/static/js \
+    && mkdir -p /usr/share/nginx/html/static/css
+
+# Copy configuration
 COPY ./config /etc/nginx/conf.d/
+
+# Copy static files individually to ensure they exist
+COPY ./static/index.html /usr/share/nginx/html/static/
+COPY ./static/js/*.js /usr/share/nginx/html/static/js/
+COPY ./static/css/*.css /usr/share/nginx/html/static/css/
+COPY ./static/images/42_logo.png /usr/share/nginx/html/static/images/
+
+# Set permissions
+RUN chmod -R 755 /usr/share/nginx/html/static
+
+# Debug: List contents to verify
+RUN ls -la /usr/share/nginx/html/static/images/

src/nginx/config/transcendence.conf

@@ -59,4 +59,18 @@ server {
         proxy_set_header X-Forwarded-Port $server_port; #not sure if we need it
         proxy_set_header Host $host; #not sure if we need it
     }
+
+
+    location /static/ {
+        # Use root instead of alias to make path resolution more straightforward
+        root /usr/share/nginx/html;
+
+        # Add debug logging
+        access_log /var/log/nginx/static_access.log;
+        error_log /var/log/nginx/static_error.log debug;
+
+        autoindex on;
+        add_header 'Access-Control-Allow-Origin' '*';
+        try_files $uri $uri/ =404;
+    }
 }

src/nginx/static/css/game_3d.css

@@ -1,5 +1,6 @@
 #three-canvas {
-    width: 50%;
+    width: 1000px;
+    height: 500px;
     aspect-ratio: 2 / 1;
 	background-color: rgb(228, 18, 210);
 	border-color: crimson;