From 5c72c3cbc0d300986ddca27b14d6bde519536843 Mon Sep 17 00:00:00 2001
From: leca <leca@foxarmy.org>
Date: Fri, 31 Jan 2025 01:02:29 +0300
Subject: [PATCH] fixed not displaying minecraft player model without cape

---
 docker-compose.yml   |  6 +++---
 public/css/index.css | 10 ++++++++--
 public/js/skin3d.js  | 15 ++++++++-------
 views/index.pug      |  1 +
 4 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index d71b800..747f655 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -4,7 +4,7 @@ services:
     env_file:
         - .env
     ports:
-      - 8080:3000
+      - 8081:3000
     depends_on:
       - database
     restart: on-failure
@@ -14,8 +14,8 @@ services:
 
   database:
     image: 'postgres:15'
-    ports:
-      - 5432:5432
+#    ports:
+#      - 5432:5432
     volumes:
       - ./data/db:/var/lib/postgresql/data
     environment:
diff --git a/public/css/index.css b/public/css/index.css
index 40a1ed7..d4aeb78 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -39,6 +39,8 @@ canvas {
     padding-right: 0;
     margin-left: auto;
     margin-right: auto;
+    width: auto;
+    height: auto;
     display: block;
 }
 
@@ -53,8 +55,12 @@ canvas {
 }
 
 .content-container {
-    margin-left: 33%;
-    margin-right: 33%;
+    /* margin-left: 15%; */
+    /* width: 50%; */
+    width: 65%;
+    margin-left: 17.5%;
+    margin-right: 17.5%;
+    /* margin-right: 33%; */
     /* background-color: #1b4c4ccc; */
     background-color: #b3b7b7cc;
     padding-left: 3%;
diff --git a/public/js/skin3d.js b/public/js/skin3d.js
index acbc8eb..3eae225 100644
--- a/public/js/skin3d.js
+++ b/public/js/skin3d.js
@@ -1,9 +1,12 @@
 window.onload = async function() {
-    document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
-    document.getElementById("cape").checked = true;
-    document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );  
-    document.getElementById("elytra").checked = false;
-
+	if (document.getElementById("cape")) {
+    	document.getElementById("cape").addEventListener("click", () => { set_cape_type("cape") }, false);
+    	document.getElementById("cape").checked = true;
+	} 
+	if (document.getElementById("elytra")) {
+		document.getElementById("elytra").addEventListener("click", () => { set_cape_type("elytra") }, false );  
+		document.getElementById("elytra").checked = false;
+	}
 
 	const username = await (await (fetch("/api/getUsername"))).text();
 
@@ -15,8 +18,6 @@ window.onload = async function() {
 	    cape: `https://launcher.foxarmy.org/cloaks/${username}.png`
 	});
 	
-	skinViewer.width = 300;
-	skinViewer.height = 400;
 	skinViewer.nameTag = username;
 	skinViewer.loadPanorama("images/panorama.jpeg");
 	skinViewer.fov = 120;
diff --git a/views/index.pug b/views/index.pug
index de580b6..59c500d 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -1,5 +1,6 @@
 html
     head
+        meta(name="viewport" content="width=device-width, initial-scale=1.0") 
         title Личный кабинет
         link(href="css/index.css" rel="stylesheet")
     script(type="module" src="js/skinview3d.bundle.js")