Buffering.../Index.html at main · khushi88rk/Buffering... · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Assemble Here</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <!-- Header -->
    <header class="header">
        <nav class="nav-container">
            <div class="logo">ASSEMBLE<br>HERE</div>
            <ul class="nav-links">
                <li><a href="Index.html">EVENTS</a></li>
                <li><a href="People.html">PEOPLE</a></li>
                <li><a href="Thread.html">THREADS</a></li>
            </ul>
            <div class="profile-icon"><a href="Profile.html">👤</a></div>
        </nav>
    </header>

    <!-- Hero Section -->
    <section class="hero">
        <div class="hero-bg"></div>
        <div class="hero-bottom-semicircle"></div>
        <div class="hero-content">
            <h1>ASSEMBLE TEAMS. JOIN EVENTS. WIN TOGETHER.</h1>
            <p>The easiest way to find teammates for hackathons, games and study groups</p>
            <div class="cta-buttons">
                <a href="#events" class="btn btn-primary">Browse Events</a>
                <a href="People.html" class="btn btn-secondary">Find People</a>
            </div>
        </div>
    </section>

    <!-- Events Section -->
    <section class="events-section" id="events">
        <div class="events-section-top-bar"></div>
        <div class="events-container">
            <h2 class="events-title">EVENT LIST</h2>
            <div class="events-grid">

                <!-- CYHI Event -->
                <div class="event-card">
                    <h3 class="event-title">CYHI?</h3>
                    <div class="event-date">5th - 6th Sep</div>
                    <div class="event-location">LHTC, L-104 & 105</div>
                    <p class="event-description">24 hr coding sprint to build innovative solutions.</p>
                    <button class="view-details" data-url="CYHI.html">View Details</button>
                </div>

                <!-- SIH Event -->
                <div class="event-card">
                    <h3 class="event-title">SIH</h3>
                    <div class="event-date">1st - 15th Sep</div>
                    <div class="event-location">DSA</div>
                    <p class="event-description">Presentation to qualify.</p>
                    <button class="view-details" data-url="SHI.html">View Details</button>
                </div>

                <!-- Onam Tug Of War Event -->
                <div class="event-card">
                    <h3 class="event-title">Onam Tug Of War</h3>
                    <div class="event-date">7th Sep</div>
                    <div class="event-location">Football Ground</div>
                    <p class="event-description">Encourage the spirit by participating in traditional game.</p>
                    <button class="view-details" data-url="OnamTugOfWar.html">View Details</button>
                </div>

                <!-- Ganpati Cultural Event -->
                <div class="event-card">
                    <h3 class="event-title">Ganpati Cultural Event</h3>
                    <div class="event-date">4th Sep</div>
                    <div class="event-location">OAT</div>
                    <p class="event-description">Any performance is welcomed: singing, dancing, poems, act.</p>
                    <button class="view-details" data-url="GANPATI.html">View Details</button>
                </div>

                <!-- DT Major Project -->
                <div class="event-card">
                    <h3 class="event-title">DT - Major Project</h3>
                    <div class="event-date">Sem Long</div>
                    <div class="event-location">Design Studio</div>
                    <p class="event-description">Design Thinking (elective) semester-long project, team of 6.</p>
                    <button class="view-details" data-url="DT.html">View Details</button>
                </div>

                <!-- 2nd PR Project -->
                <div class="event-card">
                    <h3 class="event-title">2nd PR Project</h3>
                    <div class="event-date">Sem Long</div>
                    <div class="event-location">LHTC, L-104 & 105</div>
                    <p class="event-description">Branch-wise project.</p>
                    <button class="view-details" data-url="2ndYrPR.html">View Details</button>
                </div>

            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="footer-content">
            <div class="footer-logo">ASSEMBLE<br>HERE</div>
            <div class="footer-copyright">
                © 2025 Assemble Here. All rights reserved to buffering...
            </div>
        </div>
    </footer>

    <!-- Scripts -->
    <script>
        // Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Handle View Details button click (single clean version)
        document.querySelectorAll('.view-details').forEach(button => {
            button.addEventListener('click', function() {
                const url = this.getAttribute('data-url');
                if (url) {
                    window.location.href = url; // Redirect to event detail page
                }
            });
        });
    </script>
</body>
</html>