dominic/OPNSense_CaptPortal_Template
1
0
Fork 0
Code Issues Pull requests Releases Activity

only show a nice header/feature image

Browse source 
but not with lazyload as it wont work
This commit is contained in:
Dominic Reich 2017-08-07 00:21:27 +02:00
parent eeac3c5959
commit e961e69ed4
7 changed files with 3 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
css/signin.css
View file

@ -18,6 +18,7 @@ ol > li:before {
.brand-logo {
margin-left: 0.5em;
}
.info {
padding: 1em;
margin-top: 3em;

BIN
images/hdr-oetzerberg-view-feature-1024.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 106 KiB

BIN
images/hdr-oetzerberg-view-feature-768.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 61 KiB

BIN
images/hdr-oetzerberg-view-feature.jpg
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 352 KiB

BIN
images/seite37-logo.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 26 KiB

31
index.html
View file

@ -20,7 +20,6 @@
<script type="text/javascript" src="js/zone.js"></script>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/lazysizes.min.js" async=""></script>
<script>
function getURLparams()
{
@ -155,18 +154,6 @@
});
</script>
<style>
.blur-up {
-webkit-filter: blur(5px);
filter: blur(5px);
transition: filter 400ms, -webkit-filter 400ms;
}
.blur-up.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
</style>
</head>
<body>
<header class="page-head">
@ -174,22 +161,8 @@
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">
<img
data-sizes="auto"
data-src="images/seite37-logo.png"
data-srcset="images/seite37-logo-150.png 150w, images/seite37-logo-300.png 300w,
images/seite37-logo.png 600w"
class="brand-logo lazyload" />
<!-- <img
data-sizes="auto"
src="images/hdr-oetzerberg-view-feature-320.jpg"
data-srcset="images/hdr-oetzerberg-view-feature-lq.jpg 20w,
images/hdr-oetzerberg-view-feature-320.jpg 320w,
images/hdr-oetzerberg-view-feature-768.jpg 768w,
images/hdr-oetzerberg-view-feature-1024.jpg 1024w,
images/hdr-oetzerberg-view-feature-1920.jpg 1920w"
alt="Beautiful HDR Image of Ötztal Valley"
class="brand-logo lazyload blur-up"> -->
<img class="brand-logo" src="images/seite37-logo.jpg"
alt="Beautiful HDR Image of Ötztal Valley" height="80" width="280">
</a>
</div>
<div class="info">

2
js/lazysizes.min.js vendored
View file

File diff suppressed because one or more lines are too long