From 7f642ee905dbc4298ac9c15c2015a973ae33c43f Mon Sep 17 00:00:00 2001
From: Ece Mac <ecemac92@gmail.com>
Date: Fri, 19 Oct 2018 14:45:56 +0300
Subject: [PATCH 1/4] Added GitHub icon

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index f87d657..eceab50 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="stylesheets/core.css" media="screen">
     <link rel="stylesheet" href="stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)">
     <link rel="stylesheet" href="stylesheets/pygment_trac.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
 
     <script type="text/javascript" src="javascripts/modernizr.js"></script>
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
@@ -64,7 +65,7 @@ <h2>A Keyboard Utility For All Your Windows Presentation Needs</h2>
           <span class="left-tail"></span>
           <span class="right-tail"></span>
         </span>        
-        <a href="https://github.com/"><span style="margin-top:10px;" class="octocat"></span></a>
+        <a href="https://github.com/"><i class="fab fa-github"></i></a>
       </footer>
 
 

From 2329d544d6f8ec3f6bd04928edbf03b45ce6af4d Mon Sep 17 00:00:00 2001
From: Ece Mac <ecemac92@gmail.com>
Date: Fri, 19 Oct 2018 14:48:00 +0300
Subject: [PATCH 2/4] Added hover effect to GitHub icon

---
 stylesheets/screen.css | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index 138319f..de5b4c5 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -353,14 +353,17 @@ footer span.right-tail {
   right: -11px;
 }
 
-footer span.octocat {
-  background: transparent url(../images/octocat.png) 0 0 no-repeat;
-  display: block;
-  width: 30px;
-  height: 30px;
-  margin: 0 auto;
+footer .fa-github {
+  font-size:30px;
+  margin: 10px auto;
+  color:#949494;
+  opacity: 0.4;
+  transition:0.1s ease;
 }
 
+footer .fa-github:hover{
+  opacity:0.8;
+}
 /* content */
 
 body {

From 387d25e0a28a9acb57e79b0ea1f38a1698eaaaa5 Mon Sep 17 00:00:00 2001
From: Ece Mac <ecemac92@gmail.com>
Date: Fri, 19 Oct 2018 14:56:08 +0300
Subject: [PATCH 3/4] Added class to img div

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index eceab50..3ce02f3 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@ <h2>A Keyboard Utility For All Your Windows Presentation Needs</h2>
           <p class="bottom">3.20MB .application</p>
         </div>
 
-        <div>
+        <div class="screenshot">
           <img src="images/screenshot.gif" />
         </div>
 

From d6f0439706f30681b6f182bb0ba55e3f7d552e23 Mon Sep 17 00:00:00 2001
From: Ece Mac <ecemac92@gmail.com>
Date: Fri, 19 Oct 2018 14:57:30 +0300
Subject: [PATCH 4/4] Fixed margin-top of img

---
 stylesheets/screen.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/stylesheets/screen.css b/stylesheets/screen.css
index de5b4c5..cf2a641 100644
--- a/stylesheets/screen.css
+++ b/stylesheets/screen.css
@@ -258,6 +258,10 @@ section#downloads a.tgz:hover {
   background-position: -275px -197px;
 }
 
+section .screenshot{
+  margin-top:33px;
+}
+
 span.banner-fix {
   background: transparent url(../images/download-fallback-bg.png) center top no-repeat;
   display: block;