Add patio table.

app.js

@@ -17,7 +17,7 @@ app.get("/three.js", (req, res)=>res.sendFile(`${__dirname}/threejs/three.min.js
 app.get("/orbit-controls.js", (req, res)=>res.sendFile(`${__dirname}/threejs/orbitControls.min.js`));
 app.get("/css-2d-renderer.js", (req, res)=>res.sendFile(`${__dirname}/threejs/CSS2DRenderer.min.js`));
 
-app.get("/image/workbench.webp", (req, res)=>res.sendFile(`${views}/image/workbench.webp`));
+app.get("/image/:img", (req, res)=>res.sendFile(`${views}/image/${req.params.img}`));
 
 app.get("/objects/setup.js", (req, res)=>res.sendFile(`${views}/objects/setup.js`));
 app.get("/objects/board.js", (req, res)=>res.sendFile(`${views}/objects/Board.js`));

views/index.html

@@ -10,9 +10,14 @@
             display: flex;
             justify-content: space-around;
             width: 100%;
+            margin-top: 35px;
         } 
         
         .card{
+            display: flex;
+            flex-direction: column;
+            justify-content: space-around;
+            align-items: center;
             height: 250px;
             width: 250px;
             border: 1px solid black;
@@ -28,7 +33,7 @@
 
         img{
             max-width: 100%;
-            max-height: 100%;
+            max-height: 75%;
         }
     </style>
 </head>
@@ -40,8 +45,15 @@
         <a class="card" href="/workbench">
             <h2>Workbench</h2>
 
-            <img src="/image/workbench.webp"></img>
+            <img src="/image/workbench.webp">
+        </a>
+
+        <a class="card" href="/patio-table">
+            <h2>Patio Table</h2>
+
+            <img src="/image/patioTable.webp">
         </a>
     </div>
+
 </body>
 </html>

views/patioTable/patioTable2.js

@@ -6,8 +6,8 @@ const boards = [];
 
 createLegs();
 createTop();
-//createBorder();
-//createInnerSupport();
+createBorder();
+createInnerSupport();
 
 function createLegs(){
     let legs = [];
@@ -67,11 +67,11 @@ function createTop(){
     board12.translate(3, 16, 0);
     board12.rotate(0, 0, 90);
 
-    /*const geometry = new three.CylinderGeometry(1, 1, 64, 32);
+    const geometry = new three.CylinderGeometry(1, 1, 64, 32);
     const material = new three.MeshBasicMaterial({color: 0xffffff});
     const cylinder = new three.Mesh(geometry, material);
     cylinder.position.y += 16;
-    scene.add(cylinder);*/
+    scene.add(cylinder);
 }
 
 function createBorder(){