diff --git a/images/headshot-tyler_koenig.png b/images/headshot-tyler_koenig.png
new file mode 100644
index 00000000..402b2c73
Binary files /dev/null and b/images/headshot-tyler_koenig.png differ
diff --git a/index.html b/index.html
index 6e0f04bd..119b9336 100644
--- a/index.html
+++ b/index.html
@@ -1,199 +1,415 @@
-
-
-
-
-
-
-
-
-
- Tyler Koenig
-
-
-
-
- TYLER KOENIG
-
-
-
-
-
-
- Warehouse Associate at Amazon
-
- Student at We Can Code IT, Web Developer in the making!
-
-
-
-
-
-
about me
-
- I'm Tyler Koenig, a lifelong student. Graduated with an Associate
- of Arts from Lorain County Community College in 2018. Inbound
- associate at Amazon CLE-3 since December 2019. Currently learning
- Java and front-end web development through We Can Code IT
- Bootcamp. Always interested in a challenge!
-
-
skills
-
- adaptability
- attention to detail
- html/css
- github
- java
- microsoft office
- remote teamwork
- test-driven development
- time management
-
-
-
-
-
- projects.
-
-
-
-
-
-
-
skills
-
- TDD
- polymorphism
- encapsulation
- interface (implements)
- abstract class (extends)
-
-
-
-
-
-
-
-
-
-
skills
-
- TDD
- constructor() {...}
- getter() {...}
- map<> = hashmap<>()>
- collections<>
-
-
-
-
-
-
-
-
-
-
skills
-
- game loop
- user input
- classes
- instance variables
- methods
- clean code
-
-
-
-
-
-
-
-
- © 2021 Tyler Koenig
-
-
-
-
+
+
+
+
+
+
+
+
+
+ Tyler Koenig
+
+
+
+
+ TYLER KOENIG
+
+
+
+
+
+
+ Warehouse Associate at Amazon
+
+ Student at We Can Code IT, Web Developer in the making!
+
+
+
+
+
+
about me
+
+ I'm Tyler Koenig, a lifelong student. Graduated with
+ an Associate of Arts from Lorain County Community
+ College in 2018. Inbound associate at Amazon CLE-3
+ since December 2019. Currently learning Java and
+ front-end web development through We Can Code IT
+ Bootcamp. Always interested in a challenge!
+
+
skills
+
+ adaptability
+ attention to detail
+ html/css
+ github
+ java
+ microsoft office
+ remote teamwork
+ test-driven development
+ time management
+
+
+
+
+
+ projects.
+
+
+
+
+
+
+
+
+ Designed a single page application
+ that brings back unique data from
+ MET Museum and NASA APIs.
+
+
+
+
+
skills
+
+ JavaScript
+ HTML
+ CSS
+ VS Code
+ Github
+ TDD
+ OOP
+
+
+
+
+
+
+
+
+
+
+
+
+ Designed a single page application
+ that lets users make virtual donuts
+ and buy upgrades for the game.
+
+
+
+
+
skills
+
+ JavaScript
+ HTML
+ CSS
+ VS Code
+ Github
+ TDD
+ OOP
+
+
+
+
+
+
+
+
+
+
+
+ Designed an MVC website that lets
+ users find treks located by region
+ and continent.
+
+
+
+
+
skills
+
+ Java
+ SpringJPA
+ HTML
+ CSS
+ IntelliJ
+ VS Code
+ Github
+ TDD
+ OOP
+
+
+
+
+
+
+
+
+
+
+
+ Designed a movie reviews website
+ using thymeleaf templates.
+
+
+
+
+
skills
+
+ Java
+ Thymeleaf
+ HTML
+ CSS
+ IntelliJ
+ Github
+ TDD
+ OOP
+
+
+
+
+
+
+
+
+
+
+
+
+ Console App that builds off of
+ virtual-pet-shelter. This add's
+ robotic pets to the shelter, with
+ their own robotic needs.
+
+
+
+
+
skills
+
+ TDD
+ polymorphism
+ encapsulation
+ interface (implements)
+ abstract class (extends)
+
+
+
+
+
+
+
+
+
+
+
+ Built a console application allowing
+ users to take care of multiple pets.
+ Added the ability to admit pets, or
+ adopt.
+
+
+
+
+
skills
+
+ TDD
+ constructor() {...}
+ getter() {...}
+ map<> = hashmap<>()>
+ collections<>
+
+
+
+
+
+
+
+
+
+
+
+ Built a console application in Java
+ that allows the user to take care of
+ one virtual pet. This includes
+ keeping track of the pets' hunger,
+ thirst and bordedom.
+
+
+
+
+
skills
+
+ game loop
+ user input
+ classes
+ instance variables
+ methods
+ clean code
+
+
+
+
+
+
+
+
+ © 2021 Tyler Koenig
+
+
+
+
diff --git a/style.css b/style.css
index 5cf98d53..7595eaea 100644
--- a/style.css
+++ b/style.css
@@ -2,7 +2,7 @@ body {
box-sizing: border-box;
color: #c9cacc;
background-color: #272727;
- font-size: 15px;
+ font-size: 16px;
font-family: 'Source Code Pro', monospace, Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.725;
@@ -146,21 +146,28 @@ h4 {
font-weight: 600;
}
-#projects {
- display: flex;
- flex-direction: column;
+#project-wrapper {
}
-#projects h2 {
+#project-wrapper h2 {
margin: 0;
+ padding: 0;
padding: 1.5rem 1.5rem 0 1.5rem;
font-size: 2rem;
}
+#project-wrapper h3 {
+ font-size: 1.5rem;
+ text-align: left;
+ margin: 0 auto;
+ padding: 1.5rem;
+ letter-spacing: 0.01rem;
+}
+
.project-item {
display: flex;
flex-direction: column;
- margin: 1rem auto;
+ margin: 1.5rem;
text-align: center;
font-weight: 200;
letter-spacing: 0.01rem;
@@ -175,12 +182,9 @@ h4 {
color: #29f3c3;
}
-#projects h3 {
- font-size: 1.5rem;
- text-align: left;
- margin: 0 auto;
- padding: 1.5rem;
- letter-spacing: 0.01rem;
+.project-desc {
+ margin: 0;
+ padding: 0 .8rem;
}
.project-skills {
@@ -196,7 +200,7 @@ h4 {
.project-skills h4 {
font-size: 1.5rem;
- flex: 1;
+ /* flex: 1; */
}
.project-skills li {
@@ -205,7 +209,7 @@ h4 {
}
.project-skills ul {
- flex: 2;
+ /* flex: 9; */
line-height: 2rem;
text-align: start;
}