icons + style update

index.html

@@ -10,6 +10,7 @@
       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"
     />
+    <script src="https://use.fontawesome.com/e427b1b41a.js"></script>
     <link rel="stylesheet" type="text/css" href="style.css" />
     <title>Tyler Koenig</title>
   </head>
@@ -27,11 +28,11 @@
       <h1>
         <a href="index.html">Tyler Koenig</a>
       </h1>
-      <h2 class="intro">
+      <h3>
         Warehouse Associate at Amazon
         <p>Student at We Can Code IT</p>
         <p>Web Developer in the making!</p>
-      </h2>
+      </h3>
     </header>
     <main>
       <section id="aboutMe">
@@ -43,8 +44,11 @@
           </p>
           <h4>skills</h4>
           <ul>
-            <li>problem solver</li>
-            <li>microsoft office</li>
+            <li>problem solving</li>
+            <li>attention to detail</li>
+            <li>flexibility</li>
+            <li>time management</li>
+            <li>creativity</li>
           </ul>
         </div>
         <div id="contact">
@@ -55,16 +59,20 @@
                 href="https://github.com/lerko96"
                 target="_blank"
                 title="github"
-                >github</a
               >
+                github</a
+              >
+              <i class="fa fa-github fa-lg" aria-hidden="true"></i>
             </li>
             <li>
               <a
                 href="https://www.linkedin.com/in/tyler-koenig-72607a18b/"
                 target="_blank"
                 title="LinkedIn"
-                >linkedin</a
               >
+                linkedin</a
+              >
+              <i class="fa fa-linkedin-square fa-lg" aria-hidden="true"></i>
             </li>
             <li>
               <a
@@ -73,6 +81,7 @@
                 title="email"
                 >email</a
               >
+              <i class="fa fa-envelope-o fa-lg" aria-hidden="true"></i>
             </li>
           </ul>
         </div>
@@ -93,10 +102,11 @@
             <img src="/images/amok.png" alt="virtual-pet-amok-console" />
             <ul class="project-skills">
               <h4>skills</h4>
-              <li>Interface</li>
-              <li>Abstract Classes</li>
-              <li>Encapsulation</li>
               <li>TDD</li>
+              <li>polymorphism</li>
+              <li>encapsulation</li>
+              <li>interface (implements)</li>
+              <li>abstract class (extends)</li>
             </ul>
           </article>
           <article class="project-item">
@@ -112,10 +122,12 @@
             </div>
             <img src="/images/shelter.png" alt="virtual-pet-shelter-console" />
             <ul class="project-skills">
-              <h4>Skills</h4>
-              <li>abstract</li>
-              <li>encaps</li>
-              <li>tdd</li>
+              <h4>skills</h4>
+              <li>TDD</li>
+              <li>constructor() {...}</li>
+              <li>getter() {...}</li>
+              <li>map<> = hashmap<>()></li>
+              <li>collections<></li>
             </ul>
           </article>
           <article class="project-item">
@@ -131,7 +143,7 @@
             </div>
             <img src="/images/pet.png" alt="virtual-pet-console" />
             <ul class="project-skills">
-              <h4>Skills</h4>
+              <h4>skills</h4>
               <li>game loop</li>
               <li>user input</li>
               <li>classes</li>