initHEADmaster

9 files changed, 133 insertions, 0 deletions

diff --git a/docker-compose-main/nginx/docker-compose.yaml b/docker-compose-main/nginx/docker-compose.yaml
new file mode 100644
index 0000000..d272c07
--- /dev/null
+++ b/docker-compose-main/nginx/docker-compose.yaml
@@ -0,0 +1,9 @@
+version: "4"
+services:
+  website:
+    image: nginx:alpine
+    ports:
+      - "8080:80"
+    restart: always
+    volumes:
+      - ./src/:/usr/share/nginx/html
diff --git a/docker-compose-main/nginx/src/contact.html b/docker-compose-main/nginx/src/contact.html
new file mode 100644
index 0000000..c5516f7
--- /dev/null
+++ b/docker-compose-main/nginx/src/contact.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css"/>
+</head>
+</body>
+    <div class="sidenav">
+        <a href="index.html">Home</a>
+        <a href="contact.html">Contact</a>
+        <a href="resume.pdf" target="blank">Resume</a>
+    </div>    
+    <div class="main">
+        <h1>Contact Info</h1>
+        <h2>Phone #: 425-553-7229</h2>
+        <h2>School email (2022-2026): nikjo04@uw.edu</h2>
+        <h2>Personal email: niklasjo2004@gmail.com</h2>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/docker-compose-main/nginx/src/gigachad.html b/docker-compose-main/nginx/src/gigachad.html
new file mode 100644
index 0000000..a0517d2
--- /dev/null
+++ b/docker-compose-main/nginx/src/gigachad.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css"/>
+</head>
+<body>
+  <div class="sidenav">
+    <a href="index.html">Home</a>
+    <a href="contact.html">Contact</a>
+    <a href="resume.pdf">Resume</a>
+  </div>
+  <div class="main">
+    <h1>This is my current physical appearance</h1>
+    <img src="maxresdefault.jpg">
+  </div>
+</body>
+</html>
diff --git a/docker-compose-main/nginx/src/index.html b/docker-compose-main/nginx/src/index.html
new file mode 100644
index 0000000..50e046c
--- /dev/null
+++ b/docker-compose-main/nginx/src/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="style.css" />
+    <script src="main.js"></script>
+  </head>
+  <body>
+    <div class="sidenav">
+      <a href="index.html">Home</a>
+      <a href="contact.html">Contact</a>
+      <a href="resume.pdf" target="blank">Resume</a>
+    </div>
+    <div class="main">
+      <h1>Nik Johnson</h1>
+      <h3>Atmospheric Sciences at UW Seattle | 2022-2026</h3> 
+    </div>
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/docker-compose-main/nginx/src/main.js b/docker-compose-main/nginx/src/main.js
new file mode 100644
index 0000000..04c5219
--- /dev/null
+++ b/docker-compose-main/nginx/src/main.js
@@ -0,0 +1,5 @@
+// document.getElementById("demo").innerHTML = x + y;
+
+// console.log(document.getElementById("balls"))
+// console.log(document.getElementsByClassName("main")[0]);
+// document.getElementsByClassName("main")[0].children[0].innerHTML = "BALLS BALLS BALLS"
\ No newline at end of file
diff --git a/docker-compose-main/nginx/src/maxresdefault.jpg b/docker-compose-main/nginx/src/maxresdefault.jpg
new file mode 100644
index 0000000..7e8de07
--- /dev/null
+++ b/docker-compose-main/nginx/src/maxresdefault.jpg
diff --git a/docker-compose-main/nginx/src/resume.html b/docker-compose-main/nginx/src/resume.html
new file mode 100644
index 0000000..af3167d
--- /dev/null
+++ b/docker-compose-main/nginx/src/resume.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+    <div class="main">
+        <iframe src="resume.pdf" width="100%" height="1000px"></iframe>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/docker-compose-main/nginx/src/resume.pdf b/docker-compose-main/nginx/src/resume.pdf
new file mode 100644
index 0000000..5397a2e
--- /dev/null
+++ b/docker-compose-main/nginx/src/resume.pdf
diff --git a/docker-compose-main/nginx/src/style.css b/docker-compose-main/nginx/src/style.css
new file mode 100644
index 0000000..bf08cbe
--- /dev/null
+++ b/docker-compose-main/nginx/src/style.css
@@ -0,0 +1,43 @@
+body {
+  font-family: 'Courier New';
+}
+
+.sidenav {
+  height: 100%;
+  width: 150px;
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  background-color: #111;
+  overflow-x: hidden;
+  padding-top: 20px;
+}
+
+.sidenav a {
+  padding: 6px 8px 6px 16px;
+  text-decoration: none;
+  font-size: 25px;
+  color: #818181;
+  display: block;
+}
+
+.sidenav a:hover {
+  color: #f1f1f1;
+}
+
+.main {
+  margin-left: 150px;
+  font-size: 28px;
+  padding: 0px 10px;
+}
+
+@media screen and (max-height: 450px) {
+  .sidenav {
+    padding-top: 15px;
+  }
+
+  .sidenav a {
+    font-size: 18px;
+  }
+}
\ No newline at end of file