chore: Added website

docker/compose.yml

@@ -0,0 +1,17 @@
+services:                                                                                                     
+  ward:                                                                                                        
+    build: ward                                                                                                  
+    labels:                                                                                                   
+      - "traefik.http.routers.sampleweb.rule=Host(`ward.truyen.network`) && PathPrefix(`/`)"                                           
+      - "traefik.http.routers.sampleweb.entrypoints=websecure"
+#     - "traefik.http.routers.sampleweb.tls=true"
+#     - "traefik.http.routers.sampleweb.tls.certresolver=letsencrypt"
+      - "traefik.enable=true"
+  root:                                                                                                        
+    build: root                                                                                                  
+    labels:                                                                                                   
+      - "traefik.http.routers.sampleweb.rule=Host(`truyen.network`) && PathPrefix(`/`)"                                           
+      - "traefik.http.routers.sampleweb.entrypoints=websecure"
+#     - "traefik.http.routers.sampleweb.tls=true"
+#     - "traefik.http.routers.sampleweb.tls.certresolver=letsencrypt"
+      - "traefik.enable=true"

docker/root/Dockerfile

@@ -1,9 +1,9 @@
 FROM node:lts-alpine3.20
 
 WORKDIR /app
-COPY . .
+COPY ../../src/root .
 
 RUN npm install --global serve
 EXPOSE 3000
-CMD [ "serve", "src/" ]
+CMD [ "serve", "." ]
 #http://localhost:3000

docker/ward/Dockerfile

@@ -0,0 +1,9 @@
+FROM node:lts-alpine3.20
+
+WORKDIR /app
+COPY ../../src/ward .
+
+RUN npm install --global serve
+EXPOSE 3000
+CMD [ "serve", "." ]
+#http://localhost:3000

makefile

@@ -2,14 +2,20 @@
 #
 imageName := sample-site:v1
 
-default: docker
+default: debug
 
-test:
+debug:
-	@echo test1: $?
+	serve src/
-	@echo test2: $0
-	@echo test3: $(imageName)
 
-docker: docker-build docker-run
+docker: docker-compose
+
+docker-compose: docker-compose-up
+
+docker-compose-up:
+	docker compose -f docker/compose/yml up -d
+
+docker-compose-down:
+	docker compose -f docker/compose/yml down
 
 docker-build:
 	docker build -t $(imageName) .
@@ -17,3 +23,4 @@ docker-build:
 docker-run:
 	docker run -dp 127.0.0.1:3000:3000 $(imageName)
 
+## docker-sources: https://docs.docker.com/compose/gettingstarted/

src/root/css/main.css

@@ -0,0 +1,81 @@
+/* Author:      Ward Truyen
+ * Version:     1.3.0
+ */
+
+html,
+body {
+  margin: 0px;
+  padding: 0px;
+  background-image: linear-gradient(30deg, #FF72736F 70%, #FF72732F);
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+main {
+  margin: auto;
+  width: 80%;
+  border: 2px solid darkgreen;
+  padding: 10px;
+  background-color: white;
+  box-shadow: 3px 3px 3px black;
+}
+
+h1 {
+  margin-top: 4px;
+  margin-bottom: 8px;
+  text-decoration: underline;
+}
+
+header {
+  padding: 2px 16px 4px 16px;
+  /* width: 100%; */
+  border-bottom: 1px solid black;
+  /* background-image: linear-gradient(#0000008f, #0000004f); */
+  background-color: #80808080;
+  /* linear-gradient(#0000008f, #0000004f);*/
+  /* margin-top: 16px; */
+  text-shadow: 1px 1px 1px #0000004f;
+}
+
+header a {
+  /* border: solid 1px black; */
+  padding: 2px;
+  margin: 1px;
+}
+
+footer {
+  padding: 8px 16px 4px 16px;
+  /* width: 100%; */
+  border-top: 1px solid black;
+  /* background-color: #0000004f; */
+  background-image: linear-gradient(#0000008f, #0000004f);
+  /* margin-top: 16px; */
+  margin-top: auto;
+  text-shadow: 1px 1px 1px #0000004f;
+}
+
+footer h1,
+footer h2,
+footer h3,
+footer p {
+  display: inline;
+  margin: 0px;
+}
+
+.float-right {
+  float: right;
+}
+
+.text-red {
+  color: red;
+}
+
+.button-red {
+  background-color: red;
+}
+
+.button-black {
+  background-color: black;
+  color: white;
+}

src/root/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>WTerminal home</title>
+  <link rel="stylesheet" href="css/main.css" />
+</head>
+
+<body>
+
+  <main>
+      <h1>Truyen home</h1>
+        <p>Under construction</p>
+  </main>
+
+  <footer>
+    <p class="float-right">Author: Ward Truyen</p>
+  </footer>
+</body>
+
+</html>