more changes to how blur works, fixed scanlines being in front of screen

This commit is contained in:
neko 2021-04-09 21:27:33 +02:00
parent ac5d04b13c
commit dbf301aee0
6 changed files with 5 additions and 6 deletions

View File

@ -1,4 +1,3 @@
<div class="screen-image"></div> <div class="screen-image"></div>
<div class="crt-flicker"></div> <div class="crt-flicker"></div>
<div class="crt-blur"></div>
<div class="crt-scanlines"></div> <div class="crt-scanlines"></div>

View File

@ -5,7 +5,7 @@
<div class="screen"> <div class="screen">
<!-- effects --> <!-- effects -->
{% include screen-effects.html %} {% include screen-effects.html %}
<div class="screen-content"> <div class="screen-content crt">
<!-- header --> <!-- header -->
{% include header.html %} {% include header.html %}
<!-- nav --> <!-- nav -->

View File

@ -5,7 +5,7 @@
<div class="screen"> <div class="screen">
<!-- effects --> <!-- effects -->
{% include screen-effects.html %} {% include screen-effects.html %}
<div class="screen-content"> <div class="screen-content crt">
<!-- header --> <!-- header -->
{% include header.html %} {% include header.html %}
<!-- nav --> <!-- nav -->

View File

@ -5,7 +5,7 @@
<div class="screen"> <div class="screen">
<!-- effects --> <!-- effects -->
{% include screen-effects.html %} {% include screen-effects.html %}
<div class="screen-content"> <div class="screen-content crt">
<!-- page content --> <!-- page content -->
<div class="welcome"> <div class="welcome">
{{content}} {{content}}

View File

@ -5,7 +5,7 @@
<div class="screen"> <div class="screen">
<!-- effects --> <!-- effects -->
{% include screen-effects.html %} {% include screen-effects.html %}
<div class="screen-content"> <div class="screen-content crt">
<style> <style>
.meta { .meta {
font-size: .7rem; font-size: .7rem;

View File

@ -19,7 +19,7 @@ layout: none
background-size: contain; background-size: contain;
background-position: top; background-position: top;
pointer-events: none; pointer-events: none;
z-index: 2; z-index: 3;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }