init
This commit is contained in:
9
compose/nginx/docker-compose.yaml
Normal file
9
compose/nginx/docker-compose.yaml
Normal file
@ -0,0 +1,9 @@
|
||||
version: "3"
|
||||
services:
|
||||
website:
|
||||
image: nginx:alpine
|
||||
ports:
|
||||
- "8080:80"
|
||||
restart: always
|
||||
volumes:
|
||||
- ./src/:/usr/share/nginx/html
|
||||
22
compose/nginx/src/contact.html
Normal file
22
compose/nginx/src/contact.html
Normal file
@ -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>
|
||||
20
compose/nginx/src/gigachad.html
Normal file
20
compose/nginx/src/gigachad.html
Normal file
@ -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>
|
||||
20
compose/nginx/src/index.html
Normal file
20
compose/nginx/src/index.html
Normal file
@ -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>
|
||||
5
compose/nginx/src/main.js
Normal file
5
compose/nginx/src/main.js
Normal file
@ -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"
|
||||
BIN
compose/nginx/src/maxresdefault.jpg
Normal file
BIN
compose/nginx/src/maxresdefault.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
14
compose/nginx/src/resume.html
Normal file
14
compose/nginx/src/resume.html
Normal file
@ -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>
|
||||
BIN
compose/nginx/src/resume.pdf
Normal file
BIN
compose/nginx/src/resume.pdf
Normal file
Binary file not shown.
43
compose/nginx/src/style.css
Normal file
43
compose/nginx/src/style.css
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user