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

updated skills

Browse Source
This commit is contained in:
Tyler Koenig
2021-08-25 17:10:09 -04:00
parent 1aa594e3dc
commit 5829e0ef7a
2 changed files with 57 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
index.html
View File

@@ -10,6 +10,9 @@
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"
/> />
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
</style>
<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>
@@ -24,6 +27,7 @@
<li> <li>
<a href="#project-wrapper" target="_self">PROJECTS</a> <a href="#project-wrapper" target="_self">PROJECTS</a>
</li> </li>
<li><a href="#skills" target="_self">SKILLS</a></li>
</ul> </ul>
</nav> </nav>
<header> <header>
@@ -49,18 +53,6 @@
front-end web development through We Can Code IT 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>
<ul>
<li>adaptability</li>
<li>attention to detail</li>
<li>html/css</li>
<li>github</li>
<li>java</li>
<li>microsoft office</li>
<li>remote teamwork</li>
<li>test-driven development</li>
<li>time management</li>
</ul>
</div> </div>
<div id="contact"> <div id="contact">
<h3>contact</h3> <h3>contact</h3>
@@ -106,8 +98,30 @@
</ul> </ul>
</div> </div>
</section> </section>
<section id="skills">
<h4>skills</h4>
<ul class="skills">
<li>Java</li>
<li>Spring</li>
<li>Thymeleaf</li>
<li>JavaScript</li>
<li>MVC</li>
<li>HTML</li>
<li>CSS</li>
<li>Test Driven Development</li>
<li>Agile (Scrum)</li>
<li>Object Oriented Programming</li>
<li>JSON</li>
<li>React</li>
<li>REST APIs</li>
<li>Responsive Design</li>
<li>Relational Databases</li>
<li>Source Control/ Github</li>
</ul>
</section>
<section id="project-wrapper"> <section id="project-wrapper">
<h2>projects.</h2> <h2>projects</h2>
<div> <div>
<article class="project-item"> <article class="project-item">
<div> <div>
@@ -238,7 +252,7 @@
</div> </div>
<div id="project-container"> <div id="project-container">
<div class="container-right"> <div class="container-right">
<img src="/images/review-site.png" alt=""> <img src="/images/review-site.png" alt="" />
<div class="project-desc"> <div class="project-desc">
<p> <p>
Designed a movie reviews website Designed a movie reviews website

35
style.css
View File

@@ -93,7 +93,8 @@ h4 {
letter-spacing: 0.01rem; letter-spacing: 0.01rem;
} }
#bio { #bio,
#skills {
padding: 1.5rem; padding: 1.5rem;
text-align: start; text-align: start;
} }
@@ -102,20 +103,38 @@ h4 {
font-size: 2.2rem; font-size: 2.2rem;
} }
#bio h4 { #skills h4 {
color: #666; color: #666;
font-size: 1.5rem; font-size: 1.5rem;
margin: 0 auto 20px; margin: 0 auto 20px;
} }
#skills ul {
#bio ul {
line-height: 1.35rem; line-height: 1.35rem;
font-weight: 200; font-weight: 200;
text-align: center;
align-items: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
.skills {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 10px 75px;
grid-auto-flow: row;
grid-template-areas:
'. .'
'. .'
'. .'
'. .'
'. .'
'. .'
'. .'
'. .';
}
#contact { #contact {
margin-top: 1rem; margin-top: 1rem;
padding: 1.5rem; padding: 1.5rem;
@@ -151,11 +170,11 @@ h4 {
} }
#project-wrapper { #project-wrapper {
margin-top: 2.5rem;
} }
#project-wrapper 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;
} }
@@ -188,7 +207,7 @@ h4 {
.project-desc { .project-desc {
margin: 0; margin: 0;
padding: 0 .8rem; padding: 0 0.8rem;
} }
.project-skills { .project-skills {
@@ -310,6 +329,10 @@ footer {
margin: auto 5px; margin: auto 5px;
} }
#skills {
padding: 0;
}
#project-container { #project-container {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;