min-height and blur on logo

This commit is contained in:
Set Hallstrom 2020-07-15 13:53:40 +02:00
parent 2e9b87f696
commit b554942869
7 changed files with 8 additions and 8 deletions

View file

@ -30,7 +30,7 @@ image: /images/kaur-kristjan-cppf4w5pb1c-unsplash.jpg
<!-- Banner --> <!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;background-color: rgba(13,13,13,0.85);"> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;background-color: rgba(13,13,13,0.85);">
<div class="content editable"> <div class="content editable">
<h1 class="editable">{{ page.title }}</h1> <h1 class="editable">{{ page.title }}</h1>

View file

@ -29,7 +29,7 @@ lang: en
<!-- Banner --> <!-- Banner -->
<section <section
class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
style="height:100vh;"> style="min-height:100vh;">
<div class="content editable"> <div class="content editable">
<h1 class="editable">{{ page.title }}</h1> <h1 class="editable">{{ page.title }}</h1>
<p>by <strong>{{ page.artists }}</strong> <p>by <strong>{{ page.artists }}</strong>

View file

@ -5,7 +5,7 @@ layout: default
{% include relBase.html %} {% include relBase.html %}
<!-- Banner --> <!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;"> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
<div class="content"> <div class="content">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>

View file

@ -29,7 +29,7 @@
<!-- Banner --> <!-- Banner -->
<section <section
class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
style="height:100vh;"> style="min-height:100vh;">
<div class="content editable"> <div class="content editable">
<h1 class="editable">{{ page.title }}</h1> <h1 class="editable">{{ page.title }}</h1>
<p>{{ page.description }}</p> <p>{{ page.description }}</p>
@ -320,7 +320,7 @@
<div id="wrapper" class="divided"> <div id="wrapper" class="divided">
<!-- Banner --> <!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:85vh;"> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:85vh;">
<div class="content"> <div class="content">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>

View file

@ -87,7 +87,7 @@
} }
.logo { .logo {
filter: blur(2px); filter: blur(20px);
text-decoration: none; text-decoration: none;
position: fixed; position: fixed;
top:20px; top:20px;

View file

@ -14,7 +14,7 @@ image: /assets/vid/discogs.jpg
--- ---
<!-- Banner --> <!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;"> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;">
<div class="content editable"> <div class="content editable">
<h1 class="editable">{{ page.title }}</h1> <h1 class="editable">{{ page.title }}</h1>
<p>{{ page.description }}</p> <p>{{ page.description }}</p>

View file

@ -5,7 +5,7 @@ image: /images/guillaume-techer-jm9p0mdpo6a-unsplash.jpg
--- ---
<!-- Banner --> <!-- Banner -->
<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;background-color: rgba(13,13,13,0.85);"> <section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="min-height:100vh;background-color: rgba(13,13,13,0.85);">
<div class="content editable"> <div class="content editable">
<h1 class="editable">{{ page.title }}</h1> <h1 class="editable">{{ page.title }}</h1>
<p>{{ page.description }}</p> <p>{{ page.description }}</p>