Updates

william-maillard · Sep 25, 2023 · fb04938 · fb04938
1 parent 5c9ed05
commit fb04938
Show file tree

Hide file tree

Showing 8 changed files with 62 additions and 16 deletions.
diff --git a/Dessin-1.0.jar b/Dessin-1.0.jar
diff --git a/Dessin-1.0.jar.js b/Dessin-1.0.jar.js
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -0,0 +1,23 @@
+body {
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    background-color: #f0f0f0;
+
+    background-image: url(../img/bacground.jpg);
+    background-size: 100vw 100vh;
+    background-repeat: repeat-x;
+}
+
+#cheerpjDisplay {
+    background-color: rgba(255, 255, 255, 0.5);
+    color: #fff;
+    padding: 20px;
+    position: absolute;
+    border-radius: 20px;
+    border: none;
+    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.5);;
+}
diff --git a/assets/img/bacground.jpg b/assets/img/bacground.jpg
diff --git a/assets/img/favicon.ico b/assets/img/favicon.ico
diff --git a/assets/img/favicon.png b/assets/img/favicon.png
diff --git a/assets/js/center_element.js b/assets/js/center_element.js
@@ -0,0 +1,21 @@
+// Get the element
+function center(id) {
+    const element = document.getElementById(id);
+
+    // Get the width and height of the element
+    const elementWidth = element.offsetWidth;
+    const elementHeight = element.offsetHeight;
+
+    // Calculate the center of the window
+    const windowWidth = window.innerWidth;
+    const windowHeight = window.innerHeight;
+    const centerX = (windowWidth - elementWidth) / 2;
+    const centerY = (windowHeight - elementHeight) / 2;
+
+    // Set the element's position to be centered
+    element.style.left = `${centerX}px`;
+    element.style.top = `${centerY}px`;
+}
+
+
+center('cheerpjDisplay')
diff --git a/index.html b/index.html
@@ -3,8 +3,10 @@
 
 <head>
     <meta charset="utf-8" />
-    <title>CheerpJ test</title>
+    <title>Drawing App</title>
     <script src="https://cjrtnc.leaningtech.com/2.3/loader.js"></script>
+    <link rel="shortcut icon" href="/drawing_app/assets/img/favicon.ico" type="image/x-icon">
+    <link rel="stylesheet" href="/drawing_app/assets/css/main.css">
 </head>
 
 <body></body>