CodeUtsava8.0/animation.js at main · TCP-Tech/CodeUtsava8.0 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
ScrollTrigger.defaults({
    start: "top 80%",
    scroller: "body",
    once:false
});

document.addEventListener("introAnimationCompleted", () => {
    // Initial animations when the intro completes
    gsap.from(".codeutsava__navbar-container, .codeutsava__navbar-logo, .codeutsava__navbar-brochure-button, .codeutsava__navbar-navitem, .codeutsava__section1-side-links, .scroll-down-section", {
        y: -30,
        opacity: 0,
        delay: 0.8,
        stagger: 0.2
    });

    gsap.from(".codeutsava_main-welcome-to, .codeutsava__section1-image, .codeutsava_main-start-btn-section, .mobile-message, .codeutsava__section1-subheading, .codeutsava__section1-para, .codeutsava__section1-button-container", {
        y: -20,
        opacity: 0,
        delay: 4,
        duration: 0.7,
        stagger:0.2
    });

    // Participation
    gsap.timeline({
        scrollTrigger: {
            trigger: ".participation-heading-container",
        }
    })
    .from(".participation-heading-container h1", { y: -20, opacity: 0, duration: 0.5 })
    .from(".participation-heading-container img", { y: -20, opacity: 0, duration: 0.5 });

    // About Us
    gsap.timeline({
        scrollTrigger: {
            trigger: ".about-us-heading-container"
        }
    })
    .from(".about-us-heading-container h1", { y: -20, opacity: 0, duration: 0.5 })
    .from(".about-us-heading-container img", { y: -20, opacity: 0, duration: 0.5 });

    // Sponsors heading animation
    gsap.from(".codeutsava_sponsers_heading", {
        y: -20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".codeutsava_sponsers_heading",
        }
    });

    // Timeline heading animation
    gsap.from(".codeutsava__timeline_heading", {
        y: -20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".codeutsava__timeline_heading",
        }
    });

    // Guidelines section animation
    gsap.from(".cu-guidelines-header", {
        y: -20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".cu-guidelines-header",
        }
    });
    //Prizes header
    gsap.from(".prizes-header", {
        y: -20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".prizes-header",
        }
    });

    // Heading container animation
    gsap.from(".heading-container", {
        y: -20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".heading-container",
        }
    });

    // Sponsors carousel
    gsap.from(".participation_codeutsava__sponsers-carousel-container1", {
        y: 20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".participation_codeutsava__sponsers-carousel-container1",
        }
    });

    // About Us section
    gsap.from(".about-us-section", {
        y: 20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".about-us-section",
        }
    });

    //Prizes Container
    gsap.from(".prizes-container", {
        y: 20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".prizes-container",
        }
    });

    // Sponsors subheading and carousel container
    gsap.from(".codeutsava_sponsors_subheading, .codeutsava__sponsers-carousel-container", {
        y: 20,
        opacity: 0,
        duration: 0.5,
        stagger: 0.2,
        scrollTrigger: {
            trigger: ".codeutsava_sponsors_subheading",
        }
    });

    // GuideLines Section
    gsap.from(".cu-container", {
        y: 20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".cu-container",
        }
    });

    // Chart container
    gsap.from(".chart-container", {
        y: 20,
        opacity: 0,
        duration: 0.5,
        scrollTrigger: {
            trigger: ".chart-container",
        }
    });
});