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
committed by Dennis Potter
parent 3f094d49f7
commit d6e286b622
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: '';