updated projects
This commit is contained in:
Tyler Koenig
BIN
images/headshot-tyler_koenig.png
Normal file
BIN
images/headshot-tyler_koenig.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1001 KiB |
608
index.html
608
index.html
@@ -1,199 +1,415 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
<link rel="preconnect" href="https://fonts.gstatic.com" />
|
||||||
<link
|
<link
|
||||||
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap"
|
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
/>
|
/>
|
||||||
<script src="https://use.fontawesome.com/e427b1b41a.js"></script>
|
<script src="https://use.fontawesome.com/e427b1b41a.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||||
<title>Tyler Koenig</title>
|
<title>Tyler Koenig</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
<nav>
|
<nav>
|
||||||
<a href="index.html">TYLER KOENIG</a>
|
<a href="index.html">TYLER KOENIG</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#bio" target="_self">ABOUT</a></li>
|
<li><a href="#bio" target="_self">ABOUT</a></li>
|
||||||
<li><a href="#contact" target="_self">CONTACT</a></li>
|
<li><a href="#contact" target="_self">CONTACT</a></li>
|
||||||
<li><a href="#projects" target="_self">PROJECTS</a></li>
|
<li><a href="#projects" target="_self">PROJECTS</a></li>
|
||||||
</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>
|
||||||
<h2>
|
<h2>
|
||||||
Warehouse Associate at Amazon
|
Warehouse Associate at Amazon
|
||||||
<br />
|
<br />
|
||||||
Student at We Can Code IT, Web Developer in the making!
|
Student at We Can Code IT, Web Developer in the making!
|
||||||
</h2>
|
</h2>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<section id="aboutMe">
|
<section id="aboutMe">
|
||||||
<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
|
||||||
Bootcamp. Always interested in a challenge!
|
front-end web development through We Can Code IT
|
||||||
</p>
|
Bootcamp. Always interested in a challenge!
|
||||||
<h4>skills</h4>
|
</p>
|
||||||
<ul>
|
<h4>skills</h4>
|
||||||
<li>adaptability</li>
|
<ul>
|
||||||
<li>attention to detail</li>
|
<li>adaptability</li>
|
||||||
<li>html/css</li>
|
<li>attention to detail</li>
|
||||||
<li>github</li>
|
<li>html/css</li>
|
||||||
<li>java</li>
|
<li>github</li>
|
||||||
<li>microsoft office</li>
|
<li>java</li>
|
||||||
<li>remote teamwork</li>
|
<li>microsoft office</li>
|
||||||
<li>test-driven development</li>
|
<li>remote teamwork</li>
|
||||||
<li>time management</li>
|
<li>test-driven development</li>
|
||||||
</ul>
|
<li>time management</li>
|
||||||
</div>
|
</ul>
|
||||||
<div id="contact">
|
</div>
|
||||||
<h3>contact</h3>
|
<div id="contact">
|
||||||
<ul class="contactLinks">
|
<h3>contact</h3>
|
||||||
<li>
|
<ul class="contactLinks">
|
||||||
<a
|
<li>
|
||||||
href="https://github.com/lerko96"
|
<a
|
||||||
target="_blank"
|
href="https://github.com/lerko96"
|
||||||
title="github"
|
target="_blank"
|
||||||
>
|
title="github"
|
||||||
github <i class="fa fa-github fa-lg" aria-hidden="true"></i>
|
>
|
||||||
</a>
|
github
|
||||||
</li>
|
<i
|
||||||
<li>
|
class="fa fa-github fa-lg"
|
||||||
<a
|
aria-hidden="true"
|
||||||
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
></i>
|
||||||
target="_blank"
|
</a>
|
||||||
title="LinkedIn"
|
</li>
|
||||||
>
|
<li>
|
||||||
linkedin
|
<a
|
||||||
<i class="fa fa-linkedin-square fa-lg" aria-hidden="true"></i>
|
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
||||||
</a>
|
target="_blank"
|
||||||
</li>
|
title="LinkedIn"
|
||||||
<li>
|
>
|
||||||
<a
|
linkedin
|
||||||
href="mailto:tylerkng96@icloud.com"
|
<i
|
||||||
target="_blank"
|
class="fa fa-linkedin-square fa-lg"
|
||||||
title="tylerkng96@icloud.com"
|
aria-hidden="true"
|
||||||
>email
|
></i>
|
||||||
<i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i>
|
</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
<li>
|
||||||
</ul>
|
<a
|
||||||
</div>
|
href="mailto:tylerkng96@icloud.com"
|
||||||
</section>
|
target="_blank"
|
||||||
<section id="projects">
|
title="tylerkng96@icloud.com"
|
||||||
<h2>projects.</h2>
|
>email
|
||||||
<div>
|
<i
|
||||||
<article class="project-item">
|
class="fa fa-envelope-o fa-lg"
|
||||||
<div>
|
aria-hidden="true"
|
||||||
<h3>
|
></i>
|
||||||
<a
|
</a>
|
||||||
href="https://github.com/2021-Spring-Part-Time/virtual-pets-amok-lerko96"
|
</li>
|
||||||
target="_blank"
|
</ul>
|
||||||
>virtual-pets-amok</a
|
</div>
|
||||||
>
|
</section>
|
||||||
</h3>
|
<section id="project-wrapper">
|
||||||
</div>
|
<h2>projects.</h2>
|
||||||
<div id="project-container">
|
<div>
|
||||||
<img src="/images/amok.png" alt="virtual-pet-amok-console" />
|
<article class="project-item">
|
||||||
<div class="project-skills">
|
<div>
|
||||||
<h4>skills</h4>
|
<h3>
|
||||||
<ul>
|
<a
|
||||||
<li>TDD</li>
|
href="https://github.com/pt-spring-2021-team-project-spa/team-2-spa-repo"
|
||||||
<li>polymorphism</li>
|
target="_blank"
|
||||||
<li>encapsulation</li>
|
>Mystery Educator</a
|
||||||
<li>interface (implements)</li>
|
>
|
||||||
<li>abstract class (extends)</li>
|
</h3>
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
<div id="project-container">
|
||||||
</div>
|
<div class="container-right">
|
||||||
</article>
|
<img
|
||||||
<article class="project-item">
|
src="/images/amok.png"
|
||||||
<div>
|
alt="virtual-pet-amok-console"
|
||||||
<h3>
|
/>
|
||||||
<a
|
<div class="project-desc">
|
||||||
href="https://github.com/2021-Spring-Part-Time/virtual-pet-shelter-lerko96"
|
<p>
|
||||||
target="_blank"
|
Designed a single page application
|
||||||
>
|
that brings back unique data from
|
||||||
virtual-pet-shelter</a
|
MET Museum and NASA APIs.
|
||||||
>
|
</p>
|
||||||
</h3>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="project-container">
|
<div class="project-skills">
|
||||||
<img
|
<h4>skills</h4>
|
||||||
src="/images/shelter.png"
|
<ul>
|
||||||
alt="virtual-pet-shelter-console"
|
<li>JavaScript</li>
|
||||||
/>
|
<li>HTML</li>
|
||||||
<div class="project-skills">
|
<li>CSS</li>
|
||||||
<h4>skills</h4>
|
<li>VS Code</li>
|
||||||
<ul>
|
<li>Github</li>
|
||||||
<li>TDD</li>
|
<li>TDD</li>
|
||||||
<li>constructor() {...}</li>
|
<li>OOP</li>
|
||||||
<li>getter() {...}</li>
|
</ul>
|
||||||
<li>map<> = hashmap<>()></li>
|
</div>
|
||||||
<li>collections<></li>
|
</div>
|
||||||
</ul>
|
</article>
|
||||||
</div>
|
|
||||||
</div>
|
<article class="project-item">
|
||||||
</article>
|
<div>
|
||||||
<article class="project-item">
|
<h3>
|
||||||
<div>
|
<a
|
||||||
<h3>
|
href="https://github.com/2021-Spring-Part-Time/donut-clicker-lerko96"
|
||||||
<a
|
target="_blank"
|
||||||
href="https://github.com/2021-Spring-Part-Time/virtual-pet-lerko96"
|
>Donut Clicker</a
|
||||||
target="_blank"
|
>
|
||||||
>
|
</h3>
|
||||||
virtual-pet</a
|
</div>
|
||||||
>
|
<div id="project-container">
|
||||||
</h3>
|
<div class="container-right">
|
||||||
</div>
|
<img
|
||||||
<div id="project-container">
|
src="/images/amok.png"
|
||||||
<img src="/images/pet.png" alt="virtual-pet-console" />
|
alt="virtual-pet-amok-console"
|
||||||
<div class="project-skills">
|
/>
|
||||||
<h4>skills</h4>
|
<div class="project-desc">
|
||||||
<ul>
|
<p>
|
||||||
<li>game loop</li>
|
Designed a single page application
|
||||||
<li>user input</li>
|
that lets users make virtual donuts
|
||||||
<li>classes</li>
|
and buy upgrades for the game.
|
||||||
<li>instance variables</li>
|
</p>
|
||||||
<li>methods</li>
|
</div>
|
||||||
<li>clean code</li>
|
</div>
|
||||||
</ul>
|
<div class="project-skills">
|
||||||
</div>
|
<h4>skills</h4>
|
||||||
</div>
|
<ul>
|
||||||
</article>
|
<li>JavaScript</li>
|
||||||
</div>
|
<li>HTML</li>
|
||||||
</section>
|
<li>CSS</li>
|
||||||
</main>
|
<li>VS Code</li>
|
||||||
<footer>
|
<li>Github</li>
|
||||||
<span id="copyright">© 2021 Tyler Koenig</span>
|
<li>TDD</li>
|
||||||
<div id="footLinks">
|
<li>OOP</li>
|
||||||
<a href="https://github.com/lerko96" target="_blank" title="github"
|
</ul>
|
||||||
><i class="fa fa-github fa-2x" aria-hidden="true"></i
|
</div>
|
||||||
></a>
|
</div>
|
||||||
<a
|
</article>
|
||||||
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
<article class="project-item">
|
||||||
target="_blank"
|
<div>
|
||||||
title="LinkedIn"
|
<h3>
|
||||||
><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i
|
<a
|
||||||
></a>
|
href="https://github.com/pt-spring-2021-team-project-fullstack/team-4-trek"
|
||||||
<a href="mailto:tylerkng96@icloud.com" target="_blank" title="email"
|
target="_blank"
|
||||||
><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i
|
>Trekking Website</a
|
||||||
></a>
|
>
|
||||||
</div>
|
</h3>
|
||||||
</footer>
|
</div>
|
||||||
</div>
|
<div id="project-container">
|
||||||
</body>
|
<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">
|
||||||
|
<div>
|
||||||
|
<h3>
|
||||||
|
<a
|
||||||
|
href="https://github.com/2021-Spring-Part-Time/virtual-pets-amok-lerko96"
|
||||||
|
target="_blank"
|
||||||
|
>virtual-pets-amok</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>
|
||||||
|
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">
|
||||||
|
<h4>skills</h4>
|
||||||
|
<ul>
|
||||||
|
<li>TDD</li>
|
||||||
|
<li>polymorphism</li>
|
||||||
|
<li>encapsulation</li>
|
||||||
|
<li>interface (implements)</li>
|
||||||
|
<li>abstract class (extends)</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="project-item">
|
||||||
|
<div>
|
||||||
|
<h3>
|
||||||
|
<a
|
||||||
|
href="https://github.com/2021-Spring-Part-Time/virtual-pet-shelter-lerko96"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
virtual-pet-shelter</a
|
||||||
|
>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div id="project-container">
|
||||||
|
<div class="container-right">
|
||||||
|
<img
|
||||||
|
src="/images/shelter.png"
|
||||||
|
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">
|
||||||
|
<h4>skills</h4>
|
||||||
|
<ul>
|
||||||
|
<li>TDD</li>
|
||||||
|
<li>constructor() {...}</li>
|
||||||
|
<li>getter() {...}</li>
|
||||||
|
<li>map<> = hashmap<>()></li>
|
||||||
|
<li>collections<></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="project-item">
|
||||||
|
<div>
|
||||||
|
<h3>
|
||||||
|
<a
|
||||||
|
href="https://github.com/2021-Spring-Part-Time/virtual-pet-lerko96"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
Virtual Pet</a
|
||||||
|
>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
<div id="project-container">
|
||||||
|
<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">
|
||||||
|
<h4>skills</h4>
|
||||||
|
<ul>
|
||||||
|
<li>game loop</li>
|
||||||
|
<li>user input</li>
|
||||||
|
<li>classes</li>
|
||||||
|
<li>instance variables</li>
|
||||||
|
<li>methods</li>
|
||||||
|
<li>clean code</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<span id="copyright">© 2021 Tyler Koenig</span>
|
||||||
|
<div id="footLinks">
|
||||||
|
<a
|
||||||
|
href="https://github.com/lerko96"
|
||||||
|
target="_blank"
|
||||||
|
title="github"
|
||||||
|
><i class="fa fa-github fa-2x" aria-hidden="true"></i
|
||||||
|
></a>
|
||||||
|
<a
|
||||||
|
href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
|
||||||
|
target="_blank"
|
||||||
|
title="LinkedIn"
|
||||||
|
><i
|
||||||
|
class="fa fa-linkedin-square fa-2x"
|
||||||
|
aria-hidden="true"
|
||||||
|
></i
|
||||||
|
></a>
|
||||||
|
<a
|
||||||
|
href="mailto:tylerkng96@icloud.com"
|
||||||
|
target="_blank"
|
||||||
|
title="email"
|
||||||
|
><i
|
||||||
|
class="fa fa-envelope-o fa-2x"
|
||||||
|
aria-hidden="true"
|
||||||
|
></i
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
32
style.css
32
style.css
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user