Adds an image for linkedin's section

scourgemancer · Dec 12, 2018 · a080bc5 · a080bc5
1 parent 73045ef
commit a080bc5
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/LinkedIn.PNG b/LinkedIn.PNG
diff --git a/index.html b/index.html
@@ -16,6 +16,7 @@
     </div>
     <div id="linkedin">
       <a href="https://linkedin.com/in/Timothy-Geary">
+        <img src="LinkedIn.PNG"/>
         <p><b>LinkedIn</b></p>
       </a>
     </div>

diff --git a/styles.css b/styles.css
@@ -11,6 +11,7 @@ body {
 
 p {
   font-size: 2.5em;
+  z-index: 1;
 }
 
 #top-section {
@@ -48,6 +49,19 @@ p {
   overflow: hidden;
   max-height: 20vh;
 }
+#linkedin img {
+  transition-duration: 1s;
+  position: relative;
+  z-index: 2;
+  left: 100%;
+  width: 0%;
+  height: 100vw;
+}
+#linkedin:hover img {
+  transition-duration: 1s;
+  width: 100%;
+  left: 0;
+}
 
 #resume {
   height: 100%;