Added several performance improvements

* Compressed volunteering images
* Removed Google dependencies
* Added minimum css file of Fork Awesome
* Readded Avatar in Open Graph tags
This commit is contained in:
Dennis Potter 2019-01-26 00:08:31 +01:00
parent 9e43761139
commit 38ee8eb373
Signed by: Dennis
GPG Key ID: 186A8AD440942BAF
6 changed files with 25 additions and 11 deletions

View File

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

File diff suppressed because one or more lines are too long

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

View File

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