Dockerize website

This commit is contained in:
ethanglide 2024-10-06 22:06:17 -04:00
parent 65234a190c
commit d92037f461
33 changed files with 32 additions and 23 deletions

1
.env.example Normal file
View File

@ -0,0 +1 @@
LOCAL_PORT=8080

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.env

2
Dockerfile Normal file
View File

@ -0,0 +1,2 @@
FROM nginx
COPY src /usr/share/nginx/html

5
docker-compose.yml Normal file
View File

@ -0,0 +1,5 @@
services:
web:
build: .
ports:
- "${LOCAL_PORT}:80"

View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="Pictures/thedeer.ico">
<link rel="icon" type="image/x-icon" href="pictures/thedeer.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
@ -13,18 +13,18 @@
<main>
<div class="header">
<div class="profile-name">
<img src="./Pictures/thedeer.ico" alt="Deer Profile Picture" class="profile-picture">
<img src="./pictures/thedeer.ico" alt="Deer Profile Picture" class="profile-picture">
<h1>Ethan Cook</h1>
</div>
<div class="social-media">
<a href="mailto:ecook2489@gmail.com" target="_blank">
<img src="./Pictures/gmail.svg" alt="gmail logo">
<img src="./pictures/gmail.svg" alt="gmail logo">
</a>
<a href="https://www.linkedin.com/in/ethan-cook-76b9b81a5/" target="_blank">
<img src="./Pictures/linkedin.svg" alt="linkedin logo">
<img src="./pictures/linkedin.svg" alt="linkedin logo">
</a>
<a href="https://git.thingsnstuff.xyz/ethanglide" target="_blank">
<img src="./Pictures/git.svg" alt="git logo">
<img src="./pictures/git.svg" alt="git logo">
</a>
</div>
</div>
@ -63,7 +63,7 @@
<div class="experience">
<div class="advertience-wrapper">
<div>
<img src="./Pictures/adverience.png" alt="adverience logo">
<img src="./pictures/adverience.png" alt="adverience logo">
</div>
</div>
<div class="experience-text">
@ -90,7 +90,7 @@ agency taking on several new clients, beating last year's profit records by 10%
<div class="experience">
<div class="square-wrapper">
<div>
<img src="./Pictures/jumpplus.jpeg" alt="jump+ logo">
<img src="./pictures/jumpplus.jpeg" alt="jump+ logo">
</div>
</div>
<div class="experience-text">
@ -169,7 +169,7 @@ and systems design for future additions and bug fixes
<div class="experience">
<div class="rectangular-wrapper">
<div>
<img src="./Pictures/grantors.png" alt="grantors web app dashboard">
<img src="./pictures/grantors.png" alt="grantors web app dashboard">
</div>
</div>
<div class="experience-text">
@ -196,7 +196,7 @@ and systems design for future additions and bug fixes
<div class="experience">
<div class="course-planner-wrapper">
<div>
<img src="./Pictures/courseplanner.jpg" alt="course planner demo">
<img src="./pictures/courseplanner.jpg" alt="course planner demo">
</div>
</div>
<div class="experience-text">
@ -223,7 +223,7 @@ and systems design for future additions and bug fixes
<div class="experience">
<div class="rectangular-wrapper">
<div>
<img src="./Pictures/telepuzzle.png" alt="telepuzzle demo">
<img src="./pictures/telepuzzle.png" alt="telepuzzle demo">
</div>
</div>
<div class="experience-text">
@ -247,7 +247,7 @@ and systems design for future additions and bug fixes
<div class="experience">
<div class="square-wrapper">
<div>
<img src="./Pictures/cpp-console-game.png" alt="cpp-console-game demo">
<img src="./pictures/cpp-console-game.png" alt="cpp-console-game demo">
</div>
</div>
<div class="experience-text">
@ -274,12 +274,12 @@ and systems design for future additions and bug fixes
<div style="display: flex; flex-wrap: wrap; gap: 2rem; justify-content: space-between; padding-right: 2rem;">
<div class="languages-images">
<div>
<img src="./Pictures/c.png" alt="c logo">
<img src="./Pictures/csharp.png" alt="c# logo">
<img src="./Pictures/python.webp" alt="python logo">
<img src="./Pictures/java.png" alt="java logo">
<img src="./Pictures/htmlcss.png" alt="html and css logo">
<img src="./Pictures/javascript.png" alt="javascript logo" style="overflow: hidden; border-radius: 0.5rem;">
<img src="./pictures/c.png" alt="c logo">
<img src="./pictures/csharp.png" alt="c# logo">
<img src="./pictures/python.webp" alt="python logo">
<img src="./pictures/java.png" alt="java logo">
<img src="./pictures/htmlcss.png" alt="html and css logo">
<img src="./pictures/javascript.png" alt="javascript logo" style="overflow: hidden; border-radius: 0.5rem;">
</div>
</div>
<div style="display: flex; flex-grow: 1; flex-wrap: wrap; justify-content: space-between;">
@ -302,12 +302,12 @@ and systems design for future additions and bug fixes
</div>
<div class="languages-images">
<div>
<img src="./Pictures/react.png" alt="react logo">
<img src="./Pictures/nextjs.svg" alt="next.js logo">
<img src="./Pictures/express.png" alt="express.js logo">
<img src="./Pictures/firebase.png" alt="firebase logo">
<img src="./Pictures/sql.svg" alt="sql logo">
<img src="./Pictures/unity.png" alt="unity logo">
<img src="./pictures/react.png" alt="react logo">
<img src="./pictures/nextjs.svg" alt="next.js logo">
<img src="./pictures/express.png" alt="express.js logo">
<img src="./pictures/firebase.png" alt="firebase logo">
<img src="./pictures/sql.svg" alt="sql logo">
<img src="./pictures/unity.png" alt="unity logo">
</div>
</div>
</div>

View File

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

View File

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

Before

Width:  |  Height:  |  Size: 157 KiB

After

Width:  |  Height:  |  Size: 157 KiB

View File

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

View File

Before

Width:  |  Height:  |  Size: 838 B

After

Width:  |  Height:  |  Size: 838 B

View File

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

View File

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 47 KiB

View File

Before

Width:  |  Height:  |  Size: 734 B

After

Width:  |  Height:  |  Size: 734 B

View File

Before

Width:  |  Height:  |  Size: 189 KiB

After

Width:  |  Height:  |  Size: 189 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

View File

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 23 KiB

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

View File

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

Before

Width:  |  Height:  |  Size: 885 B

After

Width:  |  Height:  |  Size: 885 B

View File

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 99 KiB

View File

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

View File

Before

Width:  |  Height:  |  Size: 186 KiB

After

Width:  |  Height:  |  Size: 186 KiB

View File

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

View File

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB

View File

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB

View File

Before

Width:  |  Height:  |  Size: 175 KiB

After

Width:  |  Height:  |  Size: 175 KiB

View File

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB