소스 검색

Create homepage for woodworking stuff.

Lee Morgan 1 년 전
부모
커밋
05d3bcdff5
4개의 변경된 파일50개의 추가작업 그리고 1개의 파일을 삭제
  1. 3 1
      app.js
  2. BIN
      views/dark-wood.jpg
  3. BIN
      views/image/workbench.webp
  4. 47 0
      views/index.html

+ 3 - 1
app.js

@@ -5,6 +5,8 @@ const app = express();
 app.use(compression());
 const views = `${__dirname}/views/`;
 
+app.get("/", (req, res)=>res.sendFile(`${views}/index.html`));
+
 app.get("/workbench", (req, res)=>res.sendFile(`${views}/workbench/index.html`));
 
 app.get("/workbench.js", (req, res)=>res.sendFile(`${views}/workbench/index.js`));
@@ -12,7 +14,7 @@ app.get("/workbench.js", (req, res)=>res.sendFile(`${views}/workbench/index.js`)
 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("/wood-material.jpg", (req, res)=>res.sendFile(`${views}/dark-wood.jpg`));
+app.get("/image/workbench.webp", (req, res)=>res.sendFile(`${views}/image/workbench.webp`));
 
 app.get("/objects/board.js", (req, res)=>res.sendFile(`${views}/objects/board.js`));
 

BIN
views/dark-wood.jpg


BIN
views/image/workbench.webp


+ 47 - 0
views/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>Woodworking 3D</title>
+    <style>
+        *{margin:0;padding:0;box-sizing:border-box;}
+
+        .cards{
+            display: flex;
+            justify-content: space-around;
+            width: 100%;
+        } 
+        
+        .card{
+            height: 250px;
+            width: 250px;
+            border: 1px solid black;
+            border-radius: 10px;
+            padding: 15px;
+            color: black;
+            text-decoration: none;
+        }
+
+        h2{
+            text-align: center;
+        }
+
+        img{
+            max-width: 100%;
+            max-height: 100%;
+        }
+    </style>
+</head>
+<body>
+    <h1>Woodworking in 3D</h1>
+    <p>This is a just a collection of my completed or planned woodworking projects. I found that I needed to plan out the projects that I was going to do in order to avoid mistakes and unforeseen design issues. So I decided to plan them out first by building them in 3D. Check them out, or don't, whatever...</p>
+
+    <div class="cards">
+        <a class="card" href="/workbench">
+            <h2>Workbench</h2>
+
+            <img src="/image/workbench.webp"></img>
+        </a>
+    </div>
+</body>
+</html>