feat: apply twisted filter to post and header title

Former-commit-id: 4ba0e091abcaa34b8fac083a871346b15dd40e16

4 files changed, 14 insertions, 7 deletions

diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index b7b9986d..65422cca 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -18,6 +18,7 @@
             font-weight: 900;
             text-align: center;
             letter-spacing: .15rem;
+            filter: url(#x);
         }
     }
 
diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index 9f25359f..fc59dd2d 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -26,6 +26,7 @@
             }
 
             .posts-item-meta {
+                filter: url(#xs);
                 time {
                     color: var(--secondary-text-color);
                     font-family: var(--mono-font-family);
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 5898e418..d1db6043 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -2,13 +2,14 @@
 <html lang="{{ .Site.LanguageCode }}" prefix="og: http://ogp.me/ns#">
 {{ partial "head.html" . }}
 <body>
-  <main>
+    {{ partial "components/svg-filters.html" . }}
+    <main>
       {{ block "main" . }}{{ end }}
-  </main>
-  {{ partial "scripts.html" . }}
-  {{ partial "components/global-search" . }}
-  {{ if .Site.Params.extraBody }}
-  {{ .Site.Params.extraBody | safeHTML }}
-  {{ end }}
+    </main>
+    {{ partial "scripts.html" . }}
+    {{ partial "components/global-search" . }}
+    {{ if .Site.Params.extraBody }}
+    {{ .Site.Params.extraBody | safeHTML }}
+    {{ end }}
 </body>
 </html>
diff --git a/layouts/partials/components/svg-filters.html b/layouts/partials/components/svg-filters.html
new file mode 100644
index 00000000..5e68d6ec
--- /dev/null
+++ b/layouts/partials/components/svg-filters.html
@@ -0,0 +1,4 @@
+<div style="display:none;">
+    <svg class="hidden" xmlns="http://www.w3.org/2000/svg"><filter id="x" height="500%"><feTurbulence baseFrequency="0.01 0.02" numOctaves="2" result="t0"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t0" result="d0" scale="4"></feDisplacementMap><feComposite in="SourceGraphic" in2="d0" operator="atop" result="0"></feComposite><feTurbulence baseFrequency="1" numOctaves="2" result="t1"></feTurbulence><feDisplacementMap in="0" in2="t1" result="d1" scale="1"></feDisplacementMap><feComposite in="0" in2="d1" operator="atop" result="1"></feComposite><feOffset dx="-3" dy="-3" in="1"></feOffset></filter></svg>
+    <svg class="hidden" xmlns="http://www.w3.org/2000/svg"><filter id="xs"><feTurbulence baseFrequency="0.01 0.02" numOctaves="2" result="t0"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t0" result="d0" scale="4"></feDisplacementMap><feComposite in="SourceGraphic" in2="d0" operator="atop" result="0"></feComposite><feTurbulence baseFrequency="1" numOctaves="2" result="t1"></feTurbulence><feDisplacementMap in="0" in2="t1" result="d1" scale="1"></feDisplacementMap><feComposite in="0" in2="d1" operator="atop" result="1"></feComposite><feOffset dx="-3" dy="-3" in="1"></feOffset></filter></svg>
+</div>