mirror of
https://github.com/GuerillaStudio/now-playing
synced 2024-11-09 14:11:53 +00:00
Remove Glitch effects
This commit is contained in:
parent
4c52332ea4
commit
b605c7db94
4 changed files with 5 additions and 10 deletions
|
@ -23,6 +23,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.home-head__title {
|
.home-head__title {
|
||||||
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -61,7 +61,7 @@
|
||||||
// == modules */
|
// == modules */
|
||||||
// --------------------------------------------------------------
|
// --------------------------------------------------------------
|
||||||
|
|
||||||
@import "5-modules/glitch";
|
// @import "5-modules/glitch";
|
||||||
|
|
||||||
|
|
||||||
// --------------------------------------------------------------
|
// --------------------------------------------------------------
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
Loading…
Reference in a new issue