Dennis/dennispotter-cv
1
0
Fork 0
Code Issues 4 Pull Requests Releases Activity

Converted images to WebP and added fallback for browsers that don't support WebP

Browse Source
This commit is contained in:
Dennis Potter
2020-08-12 23:42:47 +02:00
parent 87d881e6d0
commit 6c10fbf689
14 changed files with 51 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
css/layout.css
View File

@@ -59,22 +59,30 @@ header {
height: 800px;
min-height: 500px;
width: 100%;
background: #161415 url(../images/header-background_1920.jpg) no-repeat top center;
background: #161415 url(../images/header-background_1920.webp) no-repeat top center;
background-size: cover !important;
-webkit-background-size: cover !important;
text-align: center;
overflow: hidden;
}
.no-webp header {
background: #161415 url(../images/header-background_1920.jpg) no-repeat top center;
}
@media
((-webkit-min-device-pixel-ratio: 1.5) or
(min-resolution: 144dpi)) and
(min-width: 1000px) {
header {
background: #161415 url(../images/header-background.jpg) no-repeat top center;
}
header {
background: #161415 url(../images/header-background.webp) no-repeat top center;
}
.no-webp header {
background: #161415 url(../images/header-background.jpg) no-repeat top center;
}
}
/* vertically center banner section */
header:before {
content: '';