diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..a5295fa --- /dev/null +++ b/Dockerfile @@ -0,0 +1,4 @@ +FROM caddy + +COPY src /usr/share/caddy/ + diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..f172372 --- /dev/null +++ b/docker-compose.yml @@ -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 diff --git a/src/about.html b/src/about.html new file mode 100644 index 0000000..52bc508 --- /dev/null +++ b/src/about.html @@ -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()">☰</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> \ No newline at end of file diff --git a/src/favicon.png b/src/favicon.png new file mode 100644 index 0000000..e68f9a2 Binary files /dev/null and b/src/favicon.png differ diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..b17e272 --- /dev/null +++ b/src/index.html @@ -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()">☰</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> \ No newline at end of file diff --git a/src/main.css b/src/main.css new file mode 100644 index 0000000..d7d1bd2 --- /dev/null +++ b/src/main.css @@ -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; +} \ No newline at end of file diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..e8fd503 --- /dev/null +++ b/src/main.js @@ -0,0 +1,4 @@ +function toggle() { + var nav = document.getElementById("nav"); + nav.classList.toggle("hidden"); +} \ No newline at end of file diff --git a/src/projects.html b/src/projects.html new file mode 100644 index 0000000..f9a2e71 --- /dev/null +++ b/src/projects.html @@ -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()">☰</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> \ No newline at end of file