Initial commit

2024-07-29 14:47:25 +02:00 · 2024-07-29 14:47:25 +02:00 · 1d20240af4
commit 1d20240af4
4 changed files with 103 additions and 0 deletions
--- a/8
+++ b/8
@ -0,0 +1,8 @@
+FROM node:lts-alpine3.20
+
+WORKDIR /app
+COPY src/ .
+
+RUN npm install --global serve
+EXPOSE 3000
+CMD [ "serve", "." ]
--- a/compose.yml
+++ b/compose.yml
@ -0,0 +1,9 @@
+services:                                                                                                     
+  siteward:                                                                                                        
+    build: .                                                                                                  
+    labels:                                                                                                   
+      - "traefik.http.routers.siteward.rule=Host(`ward.truyen.network`) && PathPrefix(`/`)"                                           
+      - "traefik.http.routers.siteward.entrypoints=websecure"
+#     - "traefik.http.routers.siteward.tls=true"
+#     - "traefik.http.routers.siteward.tls.certresolver=letsencrypt"
+      - "traefik.enable=true"
--- a/src/css/main.css
+++ b/src/css/main.css
@ -0,0 +1,65 @@
+/* Author:      Ward Truyen
+ * Version:     1.0.0
+ */
+
+:root {
+  color-scheme: light dark;
+}
+
+html,
+body {
+  margin: 0px;
+  padding: 0px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  /* colors */
+  background-image: linear-gradient(-30deg, #C0E0FF6F 70%, #FFE0C04F);
+}
+
+main {
+  margin: auto;
+  width: 80%;
+  padding: 10px;
+  min-height: 40%;
+  /* colors */
+  border: 1px solid darkblue;
+  background-color: white;
+    box-shadow: 3px 3px 3px #30303090;
+}
+
+main h1 {
+  font-family: "Raleway", sans-serif;
+  font-size: 4em;
+  margin-top: 4px;
+  margin-bottom: 8px;
+  text-decoration: underline;
+  text-shadow: 0px 0px 4px white, 2px 2px 6px;
+}
+
+main p,
+main a {
+  padding-left: 1em;
+}
+
+.text-red {
+  color: red;
+}
+
+@media(prefers-color-scheme: dark) {
+
+  html,
+  body {
+    background-image: linear-gradient(-10deg, #1010206F 60%, #5050506F);
+  }
+
+  main {
+    border: 1px solid darkgray;
+    background-color: black;
+    box-shadow: 3px 3px 5px #101010C0;
+  }
+  
+  main h1 {
+  text-shadow: 0px 0px 3px blue, 2px 2px 6px;
+  }
+}
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Ward Truyen home</title>
+  <link rel="stylesheet" href="css/main.css" />
+</head>
+
+<body>
+
+  <main>
+    <h1>Ward Truyen home</h1>
+    <h2>Status:</h2>
+    <p class="text-red">Under construction</p>
+    <h2>Links</h2>
+    <a href="https://truyen.network">truyen.network</a>
+  </main>
+
+</body>
+
+</html>