The source code for our eny.social landing page, which is mirrored in a different repository as part of the CI setup.
eny.social
social-network
eny
local-first
refactor(globals): darken font color and adjust the blobs grain
+30
-8
+29
-7
app/components/GrainedBlob.tsx
+29
-7
app/components/GrainedBlob.tsx
···
13
13
<g filter="url(#grain-filter)">
14
14
<path
15
15
d="M994.079 254.763C1273.76 285.396 1370.84 647.705 1143.95 814.073C1074.74 864.815 1030.37 943.802 1023.8 1029.36C1002.5 1306.34 644.568 1402.24 487.638 1173.02C439.161 1102.22 361.242 1056 275.94 1046.65C-3.73878 1016.02 -100.819 653.713 126.073 487.345C195.276 436.603 239.646 357.615 246.224 272.056C267.52 -4.91779 625.452 -100.825 782.381 128.393C830.858 199.2 908.777 245.42 994.079 254.763Z"
16
-
fill="#F89F9F"
16
+
fill="var(--cotton-candy)"
17
17
/>
18
18
</g>
19
19
<defs>
···
27
27
colorInterpolationFilters="sRGB"
28
28
>
29
29
<feFlood floodOpacity="0" result="BackgroundImageFix" />
30
-
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
30
+
<feBlend
31
+
mode="normal"
32
+
in="SourceGraphic"
33
+
in2="BackgroundImageFix"
34
+
result="shape"
35
+
/>
31
36
<feTurbulence
32
37
type="fractalNoise"
33
-
baseFrequency="2 2"
38
+
baseFrequency="0.75 0.75"
34
39
stitchTiles="stitch"
35
40
numOctaves={3}
36
41
result="noise"
37
42
seed={939}
38
43
/>
39
-
<feColorMatrix in="noise" type="luminanceToAlpha" result="alphaNoise" />
44
+
<feColorMatrix
45
+
in="noise"
46
+
type="luminanceToAlpha"
47
+
result="alphaNoise"
48
+
/>
40
49
<feComponentTransfer in="alphaNoise" result="coloredNoise1">
41
50
<feFuncA
42
51
type="discrete"
43
52
tableValues="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0"
44
53
/>
45
54
</feComponentTransfer>
46
-
<feComposite operator="in" in2="shape" in="coloredNoise1" result="noise1Clipped" />
47
-
<feFlood floodColor="#DF6666" result="color1Flood" />
48
-
<feComposite operator="in" in2="noise1Clipped" in="color1Flood" result="color1" />
55
+
<feComposite
56
+
operator="in"
57
+
in2="shape"
58
+
in="coloredNoise1"
59
+
result="noise1Clipped"
60
+
/>
61
+
<feFlood
62
+
floodColor="color-mix(in srgb, var(--cotton-candy) 93%, black)"
63
+
result="color1Flood"
64
+
/>
65
+
<feComposite
66
+
operator="in"
67
+
in2="noise1Clipped"
68
+
in="color1Flood"
69
+
result="color1"
70
+
/>
49
71
<feMerge result="effect1_noise">
50
72
<feMergeNode in="shape" />
51
73
<feMergeNode in="color1" />