Skip to content

Commit d21a6de

Browse files
crnacuracrnacura
committed
Update
1 parent 5621ba3 commit d21a6de

File tree

1 file changed

+76
-78
lines changed

1 file changed

+76
-78
lines changed

‎index.html

+76-78
Original file line numberDiff line numberDiff line change
@@ -8,82 +8,81 @@
88
<link rel="shortcut icon" href="favicon.ico">
99
<link rel="stylesheet" href="https://use.typekit.net/dyb6swr.css">
1010
<link rel="stylesheet" type="text/css" href="css/base.css" />
11-
<!--script src="//tympanus.net/codrops/adpacks/analytics.js"></script-->
1211
</head>
1312
<body class="loading">
1413
<main>
1514
<svg class="hidden">
16-
<defs>
17-
<filter id="goo-1">
18-
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
19-
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
20-
0 1 0 0 0
21-
1 0 1 0 0
22-
0 0 0 13 -6" result="goo"></feColorMatrix>
23-
<feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>
24-
</filter>
25-
<filter id="goo-2">
26-
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
27-
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
28-
0 1 0 0 0
29-
1 0 1 0 0
30-
0 0 0 12 -4" result="goo"></feColorMatrix>
31-
<feTurbulence type="turbulence" baseFrequency="1" numOctaves="1" seed="2" result="noise"></feTurbulence>
32-
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
33-
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
34-
</filter>
35-
<filter id="goo-3">
36-
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
37-
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
38-
0 1 0 0 0
39-
1 0 1 0 0
40-
0 0 0 15 -8" result="goo"></feColorMatrix>
41-
<feTurbulence type="fractalNoise" baseFrequency="0.1 0.5" numOctaves="5" seed="2" result="noise"></feTurbulence>
42-
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
43-
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
44-
</filter>
45-
<filter id="goo-4">
46-
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
47-
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
48-
0 1 0 0 0
49-
0 0 1 0 0
50-
0 0 0 18 -8" result="goo"></feColorMatrix>
51-
<feTurbulence type="fractalNoise" baseFrequency="1 0.01" numOctaves="1" seed="1" result="noise"></feTurbulence>
52-
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
53-
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
54-
</filter>
55-
<filter id="goo-5">
56-
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
57-
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
58-
0 1 0 0 0
59-
0 0 1 0 0
60-
0 0 0 14 -1" result="goo"></feColorMatrix>
61-
<feTurbulence type="fractalNoise" baseFrequency="0.009 1" numOctaves="1" seed="1" result="noise"></feTurbulence>
62-
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
63-
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
64-
</filter>
65-
<filter id="goo-6">
66-
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
67-
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
68-
0 1 0 0 0
69-
1 0 1 0 0
70-
0 0 0 12 -8" result="goo"></feColorMatrix>
71-
<feTurbulence type="fractalNoise" baseFrequency="1" numOctaves="1" seed="1" result="noise"></feTurbulence>
72-
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
73-
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
74-
</filter>
75-
<filter id="goo-7">
76-
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
77-
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
78-
0 1 0 0 0
79-
0 0 1 0 0
80-
0 0 0 18 -5" result="goo"></feColorMatrix>
81-
<feTurbulence type="fractalNoise" baseFrequency="0.07 0.3" numOctaves="1" seed="1" result="noise"></feTurbulence>
82-
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
83-
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
84-
</filter>
85-
</defs>
86-
</svg>
15+
<defs>
16+
<filter id="goo-1">
17+
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
18+
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
19+
0 1 0 0 0
20+
1 0 1 0 0
21+
0 0 0 13 -6" result="goo"></feColorMatrix>
22+
<feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>
23+
</filter>
24+
<filter id="goo-2">
25+
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
26+
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
27+
0 1 0 0 0
28+
1 0 1 0 0
29+
0 0 0 12 -4" result="goo"></feColorMatrix>
30+
<feTurbulence type="turbulence" baseFrequency="1" numOctaves="1" seed="2" result="noise"></feTurbulence>
31+
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
32+
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
33+
</filter>
34+
<filter id="goo-3">
35+
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
36+
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
37+
0 1 0 0 0
38+
1 0 1 0 0
39+
0 0 0 15 -8" result="goo"></feColorMatrix>
40+
<feTurbulence type="fractalNoise" baseFrequency="0.1 0.5" numOctaves="5" seed="2" result="noise"></feTurbulence>
41+
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
42+
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
43+
</filter>
44+
<filter id="goo-4">
45+
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
46+
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
47+
0 1 0 0 0
48+
0 0 1 0 0
49+
0 0 0 18 -8" result="goo"></feColorMatrix>
50+
<feTurbulence type="fractalNoise" baseFrequency="1 0.01" numOctaves="1" seed="1" result="noise"></feTurbulence>
51+
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
52+
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
53+
</filter>
54+
<filter id="goo-5">
55+
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
56+
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
57+
0 1 0 0 0
58+
0 0 1 0 0
59+
0 0 0 14 -1" result="goo"></feColorMatrix>
60+
<feTurbulence type="fractalNoise" baseFrequency="0.009 1" numOctaves="1" seed="1" result="noise"></feTurbulence>
61+
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
62+
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
63+
</filter>
64+
<filter id="goo-6">
65+
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
66+
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
67+
0 1 0 0 0
68+
1 0 1 0 0
69+
0 0 0 12 -8" result="goo"></feColorMatrix>
70+
<feTurbulence type="fractalNoise" baseFrequency="1" numOctaves="1" seed="1" result="noise"></feTurbulence>
71+
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
72+
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
73+
</filter>
74+
<filter id="goo-7">
75+
<feGaussianBlur in="SourceGraphic" stdDeviation="0" result="blur"></feGaussianBlur>
76+
<feColorMatrix in="blur" mode="matrix" values=" 1 0 0 0 0
77+
0 1 0 0 0
78+
0 0 1 0 0
79+
0 0 0 18 -5" result="goo"></feColorMatrix>
80+
<feTurbulence type="fractalNoise" baseFrequency="0.07 0.3" numOctaves="1" seed="1" result="noise"></feTurbulence>
81+
<feDisplacementMap in="goo" in2="noise" scale="0" result="displacement"></feDisplacementMap>
82+
<feComposite in="SourceGraphic" in2="displacement" operator="atop"></feComposite>
83+
</filter>
84+
</defs>
85+
</svg>
8786
<header class="frame frame--header">
8887
<h1 class="frame__title"><a href="https://tympanus.net/codrops/demos/?tag=scroll">#Scroll-based</a> SVG <a href="https://tympanus.net/codrops/demos/?tag=filter">#Filter</a> Animations On <a href="https://tympanus.net/codrops/demos/?tag=typography">#Text</a></h1>
8988
<nav class="frame__links">
@@ -202,17 +201,16 @@ <h2 data-filter="goo-7" data-script="filter7" class="size-large spaced center fo
202201
<a href="https://tympanus.net/codrops/collective/">Subscribe for frontend news</a>
203202
</footer>
204203
</main>
205-
<!--script src="https://tympanus.net/codrops/adpacks/cda_sponsor.js"></script-->
206-
<!-- JavaScript dependencies -->
204+
<!-- JavaScript dependencies -->
207205
<!-- GSAP library -->
208206
<script src="js/gsap.min.js"></script>
209207
<!-- GSAP ScrollTrigger plugin -->
210208
<script src="js/ScrollTrigger.min.js"></script>
211209

212-
<!-- ImagesLoaded -->
213-
<script src="js/imagesloaded.pkgd.min.js"></script>
214-
215-
<!-- Add (Lenis) smooth scroll -->
210+
<!-- ImagesLoaded -->
211+
<script src="js/imagesloaded.pkgd.min.js"></script>
212+
213+
<!-- Add (Lenis) smooth scroll -->
216214
<script src="js/lenis.min.js"></script>
217215
<script src="js/smoothscroll.js"></script>
218216

0 commit comments

Comments
 (0)