ward/ward-truyen-network-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Ward Truyen 2024-07-29 14:47:25 +02:00
commit 1d20240af4
4 changed files with 103 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Dockerfile Normal file
View File

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

9
compose.yml Normal file
View File

@ -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"

65
src/css/main.css Normal file
View File

@ -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;
}
}

21
src/index.html Normal file
View File

@ -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>