andre/fitme3070.pt
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(site): subtler noise (buttons slightly, headings 50%)

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
andreandClaude Sonnet 5.5 committed 2026-10-13 18:52:15 +01:00
1 parent 18556ca8b9
commit 781a3a324e
2 files changed
+5 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

site/assets/css/style.css
+1 -1
View File
@@ -4623,7 +4623,7 @@ a:where(:not(.site-btn, .gym-switch-btn, .gal-link, .skip-link, .splide__arrow,
::before carries the same layer). Headings: the #pt-noise SVG filter (defined ::before carries the same layer). Headings: the #pt-noise SVG filter (defined
in site/includes/include.php) multiplies grain into the lettering only. */ in site/includes/include.php) multiplies grain into the lettering only. */
:root { :root {
--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");
} }
.site-btn, .site-btn,
.gym-switch-btn, .gym-switch-btn,
site/includes/include.php
+4 -4
View File
@@ -91,14 +91,14 @@ $canonical = $GLOBALS['_canonical_override'] ?? match ($page) {
<body> <body>
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false"> <svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false">
<!-- Grain for the h1/h2 lettering (style.css, "Noise texture"): fractal noise -> grey -> <!-- Grain for the h1/h2 lettering (style.css, "Noise texture"): fractal noise -> grey ->
squeezed to 72-100% brightness, multiplied into the glyphs and clipped to their shape. --> squeezed to 86-100% brightness, multiplied into the glyphs and clipped to their shape. -->
<filter id="pt-noise" x="0" y="0" width="100%" height="100%" color-interpolation-filters="sRGB"> <filter id="pt-noise" x="0" y="0" width="100%" height="100%" color-interpolation-filters="sRGB">
<feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" seed="4" result="n"/> <feTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="2" seed="4" result="n"/>
<feColorMatrix in="n" type="saturate" values="0" result="g"/> <feColorMatrix in="n" type="saturate" values="0" result="g"/>
<feComponentTransfer in="g" result="grain"> <feComponentTransfer in="g" result="grain">
<feFuncR type="linear" slope=".3" intercept=".72"/> <feFuncR type="linear" slope=".15" intercept=".86"/>
<feFuncG type="linear" slope=".3" intercept=".72"/> <feFuncG type="linear" slope=".15" intercept=".86"/>
<feFuncB type="linear" slope=".3" intercept=".72"/> <feFuncB type="linear" slope=".15" intercept=".86"/>
<feFuncA type="linear" slope="0" intercept="1"/> <feFuncA type="linear" slope="0" intercept="1"/>
</feComponentTransfer> </feComponentTransfer>
<feBlend in="SourceGraphic" in2="grain" mode="multiply" result="mix"/> <feBlend in="SourceGraphic" in2="grain" mode="multiply" result="mix"/>