This commit is contained in:
Jimmy 2021-11-06 22:40:57 +13:00
parent f476258091
commit 1d855b935a
8 changed files with 194 additions and 0 deletions

4
Dockerfile Normal file
View File

@ -0,0 +1,4 @@
FROM caddy
COPY src /usr/share/caddy/

19
docker-compose.yml Normal file
View File

@ -0,0 +1,19 @@
version: '3.7'
services:
hytalenz:
image: jimmy1248/hytalenz
labels:
caddy_0: hytalenz
caddy_0.reverse_proxy: "{{upstreams 80}}"
#caddy.tls: "admin@chch.tech"
caddy_0.tls: "internal"
#caddy_1: hytalenzb
#caddy_1.redir: https://hytalenz
networks:
- caddy
networks:
caddy:
name: caddy

31
src/about.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Jimmy Allen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<script src="main.js"></script>
</head>
<body>
<header>
<a id="nav-toggle" onclick="toggle()">&#9776;</a>
<nav id="nav" class="hidden">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="https://git.chch.tech/explore/repos">Git Repo</a></li>
<li><a href="https://chch.tech">Chch Tech</a></li>
</ul>
</nav>
</header>
<main>
</main>
</body>
</html>

BIN
src/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 145 KiB

34
src/index.html Normal file
View File

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Jimmy Allen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />\
<link rel="icon" href="favicon.png" type="image/png">
<script src="main.js"></script>
</head>
<body>
<header>
<a id="nav-toggle" onclick="toggle()">&#9776;</a>
<nav id="nav" class="hidden">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="https://git.chch.tech/explore/repos">Git Repo</a></li>
<li><a href="https://chch.tech">Chch Tech</a></li>
</ul>
</nav>
</header>
<main>
<h1>Jimmy Allen</h1>
<h2>Software Devloper & System Admin</h2>
</main>
</body>
</html>

70
src/main.css Normal file
View File

@ -0,0 +1,70 @@
body {
margin: auto;
width: 70em;
font-family: Arial, Helvetica, sans-serif;
background-color: #3c0924;
}
header {
position: fixed;
top: 0;
width: 70em;
}
#nav-toggle {
display: none;
}
nav ul {
background-color: rgb(41, 41, 41);
display: flex;
margin: 0;
}
nav li {
padding: 1em;
list-style-type: none;
}
nav a {
font-size: 1.5em;
color: rgb(206, 205, 192);
text-decoration: none;
}
nav a:hover {
color: grey;
}
main {
font-size: 1.5em;
text-align: center;
bottom: 4em;
}
main h1 {
text-align: center;
margin-top: 30%;
font-size: 6em;
color: rgb(206, 205, 192);
}
main iframe {
margin-top: 2em;
margin-bottom: 5em;
}
footer {
position: fixed;
bottom: 0;
width: 70em;
background-color: black;
}
footer p {
margin-left: 1em;
color: green;
text-align: center;
}

4
src/main.js Normal file
View File

@ -0,0 +1,4 @@
function toggle() {
var nav = document.getElementById("nav");
nav.classList.toggle("hidden");
}

32
src/projects.html Normal file
View File

@ -0,0 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Jimmy Allen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<script src="main.js"></script>
</head>
<body>
<header>
<a id="nav-toggle" onclick="toggle()">&#9776;</a>
<nav id="nav" class="hidden">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="https://git.chch.tech/explore/repos">Git Repo</a></li>
<li><a href="https://chch.tech">Chch Tech</a></li>
</ul>
</nav>
</header>
<main>
</main>
</body>
</html>