Added several performance improvements

* Compressed volunteering images
* Removed Google dependencies
* Added minimum css file of Fork Awesome
* Readded Avatar in Open Graph tags

css/default.css

@@ -28,7 +28,7 @@ e. Others
 
 @import url("fonts.css");
 @import url("fontello/css/fontello.css");
-@import url("forkawesome/css/fork-awesome.css");
+@import url("forkawesome/css/fork-awesome.min.css");
 
 
 /* ------------------------------------------------------------------

css/layout.css

@@ -59,13 +59,17 @@ header {
    height: 800px;
    min-height: 500px;
    width: 100%;
-   background: #161415 url(../images/header-background.jpg) no-repeat top center;
    background-size: cover !important;
 	-webkit-background-size: cover !important;
    text-align: center;
    overflow: hidden;
 }
 
+@media only screen and (min-width: 1921px){
+   header {
+      background: #161415 url(../images/header-background.jpg) no-repeat top center;
+   }
+}
 @media only screen and (max-width: 1920px){
    header {
       background: #161415 url(../images/header-background_1920.jpg) no-repeat top center;
@@ -1119,7 +1123,7 @@ call-to-action .button {
 
     #contact .profile-pic { 
         margin: 0px auto 0 auto;
-        width: 90px;
+        width: 130px;
     }
 
     .pgp {

index.html

@@ -13,7 +13,7 @@
 
     <meta property="og:title" content="Dennis Potter - Electrical Engineer & Computer Scientist" />
     <meta property="og:url" content="https://dennispotter.eu" />
-    <meta property="og:image" content="https://dennispotter.eu/images/profilepic.jpg" />
+    <meta property="og:image" content="https://dennispotter.eu/images/avatar.jpg" />
     <meta property="og:description" content="I get excited by the endless capabilities of modern computers, enjoy solving (everyday) problems by writing programs, and love a good read!" />
 
    <!-- Mobile Specific Metas
@@ -24,7 +24,6 @@
     ================================================== -->
    <link rel="stylesheet" href="css/default.css">
    <link rel="stylesheet" href="css/layout.css">
-   <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/media-queries.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
 
@@ -309,7 +308,7 @@
                   <div class="item-wrap">
 
                      <a href="#modal-01" title="">
-                        <img alt="" src="images/volunteering/alcuinus.png">
+                        <img alt="" src="images/volunteering/alcuinus.gif">
                         <div class="overlay">
                            <div class="volunteering-item-meta">
           					      <h5>Board member of K.A.V. Alcuinus</h5>
@@ -343,7 +342,7 @@
                   <div class="item-wrap">
 
                      <a href="#modal-03" title="">
-                        <img alt="" src="images/volunteering/beautycorner.png">
+                        <img alt="" src="images/volunteering/beautycorner.jpg">
                         <div class="overlay">
                            <div class="volunteering-item-meta">
           					      <h5>Website Beauty Corner Vaals</h5>
@@ -366,7 +365,7 @@
 
          <div id="modal-01" class="popup-modal mfp-hide">
 
-		      <img class="scale-with-grid" src="images/volunteering/alcuinus.png" alt="" />
+		      <img class="scale-with-grid" src="images/volunteering/alcuinus.gif" alt="" />
 
 		      <div class="description-box">
 			      <h4>Board member of K.A.V. Alcuinus</h4>
@@ -409,7 +408,7 @@
 
          <div id="modal-03" class="popup-modal mfp-hide">
 
-		      <img class="scale-with-grid" src="images/volunteering/beautycorner.png" alt="" />
+		      <img class="scale-with-grid" src="images/volunteering/beautycorner.jpg" alt="" />
 
 		      <div class="description-box">
 			      <h4>Beauty Corner Vaals</h4>
@@ -581,8 +580,7 @@
 
    <!-- Java Script
    ================================================== -->
-   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-   <script>window.jQuery || document.write('<script src="js/jquery-3.3.1.min.js"><\/script>')</script>
+   <script src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-migrate-3.0.0.min.js"></script>