Applied several performance and design fixes

* Fixed the monofont "Hack", which never got loaded
* Changed some Fork Awesome icons
* Added small versions of the header-background and the avatar
This commit is contained in:
Dennis Potter 2019-01-24 00:00:56 +01:00
parent 9cc3801dc9
commit 98a1bf985f
Signed by: Dennis
GPG Key ID: 186A8AD440942BAF
6 changed files with 13 additions and 5 deletions

View File

@ -4,7 +4,7 @@
@font-face { @font-face {
font-family: 'hackregular'; font-family: 'hackregular';
src: url('fonts/hack/Hack-Regular-webfont.woff2') format('woff2'), src: url('fonts/hack/Hack-Regular-webfont.woff2') format('woff2'),
url('fonts/hack/Hack-Regular-webfont.woff') format('woff'), url('fonts/hack/Hack-Regular-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;

View File

@ -66,6 +66,12 @@ header {
overflow: hidden; overflow: hidden;
} }
@media only screen and (max-width: 1920px){
header {
background: #161415 url(../images/header-background_1920.jpg) no-repeat top center;
}
}
/* vertically center banner section */ /* vertically center banner section */
header:before { header:before {
content: ''; content: '';
@ -1010,7 +1016,7 @@ call-to-action .button {
} }
#contact .oneline { #contact .oneline {
margin-top: 1px; margin-top: 3px;
float: left; float: left;
margin-left: 12px; margin-left: 12px;
} }

View File

Before

Width:  |  Height:  |  Size: 684 KiB

After

Width:  |  Height:  |  Size: 684 KiB

BIN
images/avatar_thumb.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 211 KiB

View File

@ -77,13 +77,13 @@
<ul class="social"> <ul class="social">
<li><a class="smoothscroll" href="#contact"><i class="fa fa-phone"></i></a></li>
<li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li> <li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li> <li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git"></i></a></li> <li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git"></i></a></li>
<li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li> <li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li>
<li><a class="smoothscroll" href="#contact"><i class="fa fa-envelope"></i></a></li> <li><a class="smoothscroll" href="#contact"><i class="fa fa-envelope"></i></a></li>
<li><a class="smoothscroll" href="#contact"><i class="fa fa-phone-square"></i></a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -520,14 +520,16 @@
<div class="row" id="row-businesscard"> <div class="row" id="row-businesscard">
<div class="five columns contact-left businesscard"> <div class="five columns contact-left businesscard">
<div class="profile-pic-wrapper"> <div class="profile-pic-wrapper">
<img class="profile-pic" src="images/profilepic.jpg" alt="" /> <a href="images/avatar.jpg" target="_BLANK">
<img class="profile-pic" src="images/avatar_thumb.jpg" alt="" />
</a>
</div> </div>
<p class="name">Dennis Potter</p> <p class="name">Dennis Potter</p>
<div id="contact-social-list"> <div id="contact-social-list">
<li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li> <li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li> <li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git-square"></i></a></li> <li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git"></i></a></li>
<li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li> <li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li>
</div> </div>