GuerillaStudio/now-playing
GuerillaStudio/now-playing
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/now-playing synced 2024-11-26 15:21:40 +00:00
Code Issues Activity Actions

Remove Glitch effects

Browse source
This commit is contained in:
Tixie 2023-02-21 19:09:08 +01:00
parent 4c52332ea4
commit b605c7db94
4 changed files with 5 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/scss/6-pages/home.scss
View file

@ -23,6 +23,7 @@
} }
.home-head__title { .home-head__title {
margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }

2
assets/scss/style.scss
View file

@ -61,7 +61,7 @@
// == modules */ // == modules */
// -------------------------------------------------------------- // --------------------------------------------------------------
@import "5-modules/glitch"; // @import "5-modules/glitch";
// -------------------------------------------------------------- // --------------------------------------------------------------

4
layouts/_default/single.html
View file

@ -38,7 +38,7 @@
<source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 647px)"> <source srcset="{{ $coverSmall.Permalink }} 1x, {{ $coverMedium.Permalink }} 2x" media="(max-width: 647px)">
<source srcset="{{ $coverMedium.Permalink }} 1x, {{ $coverBig.Permalink }} 2x" media="(min-width: 647px)"> <source srcset="{{ $coverMedium.Permalink }} 1x, {{ $coverBig.Permalink }} 2x" media="(min-width: 647px)">
<img <img
class="album-cover__visual coverGlitch" class="album-cover__visual"
width="500" width="500"
height="500" height="500"
style="background-image: url(data:{{ $placeholder.MediaType }};base64,{{ $placeholder.Content | base64Encode }});" style="background-image: url(data:{{ $placeholder.MediaType }};base64,{{ $placeholder.Content | base64Encode }});"
@ -102,7 +102,5 @@
</div> </div>
</div> </div>
{{ partial "cover-glitch-svg-filter" .}}
</main> </main>
{{ end }} {{ end }}

8
layouts/index.html
View file

@ -10,9 +10,7 @@
<div class="home-head"> <div class="home-head">
<div class="container"> <div class="container">
<div class="home-head__container"> <div class="home-head__container">
<h1 class="home-head__title" data-text="Handpicked Albums"> <h1 class="home-head__title">Handpicked Albums</h1>
<span class="glitch" data-text="Handpicked">Handpicked</span> <span class="glitch" data-text="Albums">Albums</span>
</h1>
<p class="home-head__subtitle">A collection by Guérilla.Studio</p> <p class="home-head__subtitle">A collection by Guérilla.Studio</p>
</div> </div>
</div> </div>
@ -44,7 +42,7 @@
<h2 class="catalog-item__album">{{ .Title }}</h2> <h2 class="catalog-item__album">{{ .Title }}</h2>
<div class="catalog-item__artist">by {{ .Params.artist }}</div> <div class="catalog-item__artist">by {{ .Params.artist }}</div>
<img <img
class="catalog-item__visual coverGlitchSimpleHover" class="catalog-item__visual"
width="320" width="320"
height="320" height="320"
style="background-image: url(data:{{ $placeholder.MediaType }};base64,{{ $placeholder.Content | base64Encode }});" style="background-image: url(data:{{ $placeholder.MediaType }};base64,{{ $placeholder.Content | base64Encode }});"
@ -76,6 +74,4 @@
{{ end }} {{ end }}
</main> </main>
{{ partial "cover-glitch-svg-filter" .}}
{{ end }} {{ end }}