lerko/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

updated projects

Browse Source
This commit is contained in:
Tyler Koenig
2021-08-22 12:14:28 -04:00
parent 8424c312f0
commit f52fcb190b
3 changed files with 430 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/headshot-tyler_koenig.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1001 KiB

248
index.html
View File

@@ -25,7 +25,7 @@
</ul> </ul>
</nav> </nav>
<header> <header>
<img src="/images/profile.png" alt="tyler" /> <img src="/images/headshot-tyler_koenig.png" alt="tyler" />
<h1> <h1>
<a href="index.html">Tyler Koenig</a> <a href="index.html">Tyler Koenig</a>
</h1> </h1>
@@ -40,10 +40,11 @@
<div id="bio"> <div id="bio">
<h2>about me</h2> <h2>about me</h2>
<p> <p>
I'm Tyler Koenig, a lifelong student. Graduated with an Associate I'm Tyler Koenig, a lifelong student. Graduated with
of Arts from Lorain County Community College in 2018. Inbound an Associate of Arts from Lorain County Community
associate at Amazon CLE-3 since December 2019. Currently learning College in 2018. Inbound associate at Amazon CLE-3
Java and front-end web development through We Can Code IT since December 2019. Currently learning Java and
front-end web development through We Can Code IT
Bootcamp. Always interested in a challenge! Bootcamp. Always interested in a challenge!
</p> </p>
<h4>skills</h4> <h4>skills</h4>
@@ -68,7 +69,11 @@
target="_blank" target="_blank"
title="github" title="github"
> >
github <i class="fa fa-github fa-lg" aria-hidden="true"></i> github
<i
class="fa fa-github fa-lg"
aria-hidden="true"
></i>
</a> </a>
</li> </li>
<li> <li>
@@ -78,7 +83,10 @@
title="LinkedIn" title="LinkedIn"
> >
linkedin linkedin
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true"></i> <i
class="fa fa-linkedin-square fa-lg"
aria-hidden="true"
></i>
</a> </a>
</li> </li>
<li> <li>
@@ -87,15 +95,174 @@
target="_blank" target="_blank"
title="tylerkng96@icloud.com" title="tylerkng96@icloud.com"
>email >email
<i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i> <i
class="fa fa-envelope-o fa-lg"
aria-hidden="true"
></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</section> </section>
<section id="projects"> <section id="project-wrapper">
<h2>projects.</h2> <h2>projects.</h2>
<div> <div>
<article class="project-item">
<div>
<h3>
<a
href="https://github.com/pt-spring-2021-team-project-spa/team-2-spa-repo"
target="_blank"
>Mystery Educator</a
>
</h3>
</div>
<div id="project-container">
<div class="container-right">
<img
src="/images/amok.png"
alt="virtual-pet-amok-console"
/>
<div class="project-desc">
<p>
Designed a single page application
that brings back unique data from
MET Museum and NASA APIs.
</p>
</div>
</div>
<div class="project-skills">
<h4>skills</h4>
<ul>
<li>JavaScript</li>
<li>HTML</li>
<li>CSS</li>
<li>VS Code</li>
<li>Github</li>
<li>TDD</li>
<li>OOP</li>
</ul>
</div>
</div>
</article>
<article class="project-item">
<div>
<h3>
<a
href="https://github.com/2021-Spring-Part-Time/donut-clicker-lerko96"
target="_blank"
>Donut Clicker</a
>
</h3>
</div>
<div id="project-container">
<div class="container-right">
<img
src="/images/amok.png"
alt="virtual-pet-amok-console"
/>
<div class="project-desc">
<p>
Designed a single page application
that lets users make virtual donuts
and buy upgrades for the game.
</p>
</div>
</div>
<div class="project-skills">
<h4>skills</h4>
<ul>
<li>JavaScript</li>
<li>HTML</li>
<li>CSS</li>
<li>VS Code</li>
<li>Github</li>
<li>TDD</li>
<li>OOP</li>
</ul>
</div>
</div>
</article>
<article class="project-item">
<div>
<h3>
<a
href="https://github.com/pt-spring-2021-team-project-fullstack/team-4-trek"
target="_blank"
>Trekking Website</a
>
</h3>
</div>
<div id="project-container">
<div class="container-right">
<img
src="/images/amok.png"
alt="virtual-pet-amok-console"
/>
<div class="project-desc">
<p>
Designed an MVC website that lets
users find treks located by region
and continent.
</p>
</div>
</div>
<div class="project-skills">
<h4>skills</h4>
<ul>
<li>Java</li>
<li>SpringJPA</li>
<li>HTML</li>
<li>CSS</li>
<li>IntelliJ</li>
<li>VS Code</li>
<li>Github</li>
<li>TDD</li>
<li>OOP</li>
</ul>
</div>
</div>
</article>
<article class="project-item">
<div>
<h3>
<a
href="https://github.com/2021-Spring-Part-Time/reviews-mvc-lerko96"
target="_blank"
>Reviews Site</a
>
</h3>
</div>
<div id="project-container">
<div class="container-right">
<img
src="/images/amok.png"
alt="virtual-pet-amok-console"
/>
<div class="project-desc">
<p>
Designed a movie reviews website
using thymeleaf templates.
</p>
</div>
</div>
<div class="project-skills">
<h4>skills</h4>
<ul>
<li>Java</li>
<li>Thymeleaf</li>
<li>HTML</li>
<li>CSS</li>
<li>IntelliJ</li>
<li>Github</li>
<li>TDD</li>
<li>OOP</li>
</ul>
</div>
</div>
</article>
<article class="project-item"> <article class="project-item">
<div> <div>
<h3> <h3>
@@ -107,7 +274,20 @@
</h3> </h3>
</div> </div>
<div id="project-container"> <div id="project-container">
<img src="/images/amok.png" alt="virtual-pet-amok-console" /> <div class="container-right">
<img
src="/images/amok.png"
alt="virtual-pet-amok-console"
/>
<div class="project-desc">
<p>
Console App that builds off of
virtual-pet-shelter. This add's
robotic pets to the shelter, with
their own robotic needs.
</p>
</div>
</div>
<div class="project-skills"> <div class="project-skills">
<h4>skills</h4> <h4>skills</h4>
<ul> <ul>
@@ -132,10 +312,20 @@
</h3> </h3>
</div> </div>
<div id="project-container"> <div id="project-container">
<div class="container-right">
<img <img
src="/images/shelter.png" src="/images/shelter.png"
alt="virtual-pet-shelter-console" alt="virtual-pet-shelter-console"
/> />
<div class="project-desc">
<p>
Built a console application allowing
users to take care of multiple pets.
Added the ability to admit pets, or
adopt.
</p>
</div>
</div>
<div class="project-skills"> <div class="project-skills">
<h4>skills</h4> <h4>skills</h4>
<ul> <ul>
@@ -155,12 +345,26 @@
href="https://github.com/2021-Spring-Part-Time/virtual-pet-lerko96" href="https://github.com/2021-Spring-Part-Time/virtual-pet-lerko96"
target="_blank" target="_blank"
> >
virtual-pet</a Virtual Pet</a
> >
</h3> </h3>
</div> </div>
<div id="project-container"> <div id="project-container">
<img src="/images/pet.png" alt="virtual-pet-console" /> <div class="container-right">
<img
src="/images/pet.png"
alt="virtual-pet-console"
/>
<div class="project-desc">
<p>
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.
</p>
</div>
</div>
<div class="project-skills"> <div class="project-skills">
<h4>skills</h4> <h4>skills</h4>
<ul> <ul>
@@ -180,17 +384,29 @@
<footer> <footer>
<span id="copyright">&copy; 2021 Tyler Koenig</span> <span id="copyright">&copy; 2021 Tyler Koenig</span>
<div id="footLinks"> <div id="footLinks">
<a href="https://github.com/lerko96" target="_blank" title="github" <a
href="https://github.com/lerko96"
target="_blank"
title="github"
><i class="fa fa-github fa-2x" aria-hidden="true"></i ><i class="fa fa-github fa-2x" aria-hidden="true"></i
></a> ></a>
<a <a
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/" href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
target="_blank" target="_blank"
title="LinkedIn" title="LinkedIn"
><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i ><i
class="fa fa-linkedin-square fa-2x"
aria-hidden="true"
></i
></a> ></a>
<a href="mailto:tylerkng96@icloud.com" target="_blank" title="email" <a
><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i href="mailto:tylerkng96@icloud.com"
target="_blank"
title="email"
><i
class="fa fa-envelope-o fa-2x"
aria-hidden="true"
></i
></a> ></a>
</div> </div>
</footer> </footer>

32
style.css
View File

@@ -2,7 +2,7 @@ body {
box-sizing: border-box; box-sizing: border-box;
color: #c9cacc; color: #c9cacc;
background-color: #272727; background-color: #272727;
font-size: 15px; font-size: 16px;
font-family: 'Source Code Pro', monospace, Arial, Helvetica, sans-serif; font-family: 'Source Code Pro', monospace, Arial, Helvetica, sans-serif;
font-weight: 400; font-weight: 400;
line-height: 1.725; line-height: 1.725;
@@ -146,21 +146,28 @@ h4 {
font-weight: 600; font-weight: 600;
} }
#projects { #project-wrapper {
display: flex;
flex-direction: column;
} }
#projects h2 { #project-wrapper h2 {
margin: 0; margin: 0;
padding: 0;
padding: 1.5rem 1.5rem 0 1.5rem; padding: 1.5rem 1.5rem 0 1.5rem;
font-size: 2rem; 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 { .project-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 1rem auto; margin: 1.5rem;
text-align: center; text-align: center;
font-weight: 200; font-weight: 200;
letter-spacing: 0.01rem; letter-spacing: 0.01rem;
@@ -175,12 +182,9 @@ h4 {
color: #29f3c3; color: #29f3c3;
} }
#projects h3 { .project-desc {
font-size: 1.5rem; margin: 0;
text-align: left; padding: 0 .8rem;
margin: 0 auto;
padding: 1.5rem;
letter-spacing: 0.01rem;
} }
.project-skills { .project-skills {
@@ -196,7 +200,7 @@ h4 {
.project-skills h4 { .project-skills h4 {
font-size: 1.5rem; font-size: 1.5rem;
flex: 1; /* flex: 1; */
} }
.project-skills li { .project-skills li {
@@ -205,7 +209,7 @@ h4 {
} }
.project-skills ul { .project-skills ul {
flex: 2; /* flex: 9; */
line-height: 2rem; line-height: 2rem;
text-align: start; text-align: start;
} }