Skip to content

Commit 2066752

Browse files
VaibhavRawat27VaibhavRawat27
authored
Update summer-slams-dsa.html
1 parent 5de6b33 commit 2066752

1 file changed

Lines changed: 169 additions & 32 deletions

File tree

‎summer-slams-dsa.html‎

Lines changed: 169 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,7 @@
44
<meta charset="UTF-8">
55
<title>Summer Slams DSA25</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
8-
<!-- Google Font -->
97
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap" rel="stylesheet">
10-
118
<style>
129
* {
1310
margin: 0;
@@ -18,56 +15,85 @@
1815
html, body {
1916
height: 100%;
2017
font-family: 'Poppins', sans-serif;
21-
background: linear-gradient(135deg, #0f172a, #1e293b);
22-
overflow: hidden;
23-
position: relative;
24-
display: flex;
25-
justify-content: center;
26-
align-items: center;
18+
overflow-x: hidden;
2719
color: #f9fafb;
20+
21+
}
22+
23+
body {
24+
background: linear-gradient(135deg, #0f172a, #1e293b);
25+
}
26+
27+
.parallax {
28+
/* The image used */
29+
background-image: url('your-background-image.jpg'); /* Replace with your image URL */
30+
height: 8vh; /* Full height */
31+
background-attachment: fixed; /* Parallax effect */
32+
background-position: center;
33+
background-repeat: no-repeat;
34+
background-size: cover;
2835
}
2936

30-
/* Glass Container */
3137
.glass-wrapper {
3238
background: rgba(255, 255, 255, 0.06);
3339
border: 1px solid rgba(255, 255, 255, 0.1);
3440
border-radius: 20px;
35-
padding: 40px 30px;
36-
max-width: 90%;
37-
width: 420px;
41+
padding: 35px 30px;
42+
width: 90%;
43+
max-width: 500px;
3844
text-align: center;
3945
backdrop-filter: blur(12px);
4046
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
4147
animation: zoomIn 1.5s ease-out;
48+
position: relative; /* Position relative for z-index */
49+
z-index: 1; /* Ensure it appears above the background */
50+
margin: 0 auto; /* Center the glass wrapper */
51+
top: 0; /* Remove extra space above */
52+
margin-bottom: 100px;
53+
4254
}
4355

4456
.logo {
45-
width: 120px;
46-
height: 120px;
57+
width: 110px;
58+
height: 110px;
4759
border-radius: 50%;
4860
object-fit: cover;
49-
margin-bottom: 25px;
61+
margin-bottom: 20px;
5062
box-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
5163
}
5264

5365
h1 {
54-
font-size: 2.5rem;
66+
font-size: 2.3rem;
5567
color: #38bdf8;
5668
font-weight: 800;
5769
margin-bottom: 10px;
5870
text-shadow: 0 0 8px rgba(56, 189, 248, 0.4);
5971
}
6072

61-
p {
62-
font-size: 1rem;
73+
.section-title {
74+
color: #38bdf8;
75+
font-weight: 600;
76+
margin-top: 20px;
77+
margin-bottom: 8px;
78+
font-size: 1.2rem;
79+
}
80+
81+
ul {
82+
list-style-type: disc;
83+
text-align: left;
84+
margin: 0 auto 15px;
85+
padding-left: 20px;
6386
color: #e2e8f0;
64-
margin-bottom: 30px;
87+
}
88+
89+
p, li {
90+
font-size: 0.98rem;
6591
}
6692

6793
footer {
6894
font-size: 0.85rem;
6995
color: #94a3b8;
70-
margin-top: 20px;
96+
margin-top: 25px;
7197
}
7298

7399
@keyframes zoomIn {
@@ -81,7 +107,6 @@
81107
}
82108
}
83109

84-
/* Particles */
85110
.particles {
86111
position: absolute;
87112
top: 0; left: 0;
@@ -106,39 +131,151 @@
106131

107132
@media screen and (max-width: 480px) {
108133
.glass-wrapper {
109-
padding: 30px 20px;
110-
width: 90%;
134+
padding: 25px 20px;
111135
}
112136

113137
h1 {
114138
font-size: 2rem;
115139
}
116140

117-
p {
118-
font-size: 0.95rem;
141+
.section-title {
142+
font-size: 1rem;
143+
}
144+
145+
ul {
146+
padding-left: 16px;
119147
}
120148

121149
.logo {
122-
width: 100px;
123-
height: 100px;
150+
width: 90px;
151+
height: 90px;
124152
}
125153
}
126154
</style>
127155
</head>
128156

129157
<body>
158+
<div class="parallax"></div>
130159
<div class="particles" id="particles-container"></div>
131160

132161
<div class="glass-wrapper">
162+
<strong>Fork & Flow Community Presents</strong><br><br>
133163
<img src="Vibrant-Summer-Slams-DSA25-Logo.png" alt="Event Logo" class="logo">
134-
<h1>Coming Soon</h1>
135-
<p>Stay tuned — Something exciting is on the way!</p>
136-
<footer>&copy; 2025 Summer Slams DSA25. All rights reserved.</footer>
164+
<h1>Summer Slams DSA25</h1>
165+
<p>A vibrant Data Structures & Algorithms event designed to challenge, learn, and grow your skills.</p>
166+
167+
<div class="section-title">🚀 About Event Rounds</div>
168+
<ul>
169+
<li><strong>Round 1 (Mock Test):</strong> Practice-only MCQ & coding quiz. This round is <em>unranked</em> and helps participants warm up before the main round.</li>
170+
<li><strong>Round 2 (Ranked Challenge):</strong> Solve 5 DSA coding questions of varying difficulty. This is the main round where winners are decided based on performance.</li>
171+
</ul>
172+
173+
174+
<div class="section-title">🏆 Rewards</div>
175+
<ul>
176+
<li><strong>1st Place:</strong> Victory Certificate + Featured on Winner Wall + Fork & Flow Invite</li>
177+
<li><strong>2nd & 3rd Place:</strong> Recognition on Wall + Fork & Flow Community Invite</li>
178+
<li><em>Note:</em> No participation certificates – Only for excellence!</li>
179+
</ul>
180+
181+
<div class="section-title">🌐 Community</div>
182+
<p>Top performers will receive exclusive invites to the <strong>Fork & Flow</strong> developer community for mentorship and future tech tracks.</p>
183+
184+
<div class="section-title">📅 Event Details</div>
185+
<p>Summer Slams DSA25 is a national-level 24-hour online coding challenge organized by Fork & Flow Community. Participants will compete individually in a category of their choice (Easy, Medium, or Expert), solving 5 curated DSA problems within 2.5 hours.</p>
186+
187+
<div class="section-title">📝 Eligibility</div>
188+
<ul>
189+
<li>Open to all students, professionals, and coding enthusiasts across India.</li>
190+
<li>No restrictions on college, year, or background.</li>
191+
<li>Individual participation only (no teams).</li>
192+
<li>Inter-college and inter-specialization not applicable, as it is solo only.</li>
193+
</ul>
194+
195+
<div class="section-title">⏰ Event Timeline</div>
196+
<ul>
197+
<li><strong>Practice Round:</strong> 1 July 2025 (unranked)</li>
198+
<li><strong>Main Event Start:</strong> 5 July 2025, 11:00 AM IST</li>
199+
<li><strong>Main Event End:</strong> 6 July 2025, 11:00 AM IST</li>
200+
</ul>
201+
202+
<div class="section-title">❓ Question Format</div>
203+
<ul>
204+
<li>5 DSA problems (2 Easy, 2 Medium, 1 Hard).</li>
205+
<li>Auto-evaluated with partial scoring enabled.</li>
206+
<li>Topics include arrays, recursion, graphs, trees, dynamic programming, etc.</li>
207+
</ul>
208+
209+
<div class="section-title">📊 Scoring & Evaluation</div>
210+
<ul>
211+
<li>Total: 100 Points.</li>
212+
<li>Partial marks awarded based on passed test cases.</li>
213+
<li>No negative marking or penalties.</li>
214+
<li>Final rankings are based on score + total time taken.</li>
215+
<li>Results will be announced directly post-evaluation.</li>
216+
</ul>
217+
218+
<div class="section-title">📜 Rules & Guidelines</div>
219+
<ul>
220+
<li>Participation is individual only.</li>
221+
<li>Once the test is started, the 3-hour timer cannot be paused or resumed.</li>
222+
<li>Each participant can attempt the contest only once.</li>
223+
<li>Use of AI tools like ChatGPT, Copilot, etc., is strictly prohibited.</li>
224+
<li>Plagiarism will result in immediate disqualification.</li>
225+
<li>Participants must submit code within the contest platform only.</li>
226+
<li>Practice round is for familiarity and not considered for ranking.</li>
227+
<li>No resubmission or appeal post-event.</li>
228+
</ul>
229+
230+
<div class="section-title">🏅 Rewards</div>
231+
<p>Top 3 Winners will receive:</p>
232+
<ul>
233+
<li>Custom Certificate of Victory – Honoring 1st, 2nd, and 3rd place in each category.</li>
234+
<li>Featured on the Official “Winner Wall” Microsite.</li>
235+
<li>Exclusive Invitation to Join the Fork & Flow Community.</li>
236+
<li>Priority Access to Future Events, Mentorship Opportunities, and Career Tracks.</li>
237+
<li><em>Note:</em> No participation certificates will be issued. This is an excellence-focused contest.</li>
238+
</ul>
239+
240+
<div class="section-title">💬 Communication & Support</div>
241+
<p>All queries and coordination will happen on our official Discord server. Live support and clarifications during the event. Post-event feedback and testimonial form for top performers.</p>
242+
243+
<!-- Place this inside your .glass-wrapper div, ideally below the round details -->
244+
<a href="#register" class="register-btn">Register Now</a>
245+
246+
<style>
247+
.register-btn {
248+
display: inline-block;
249+
margin-top: 20px;
250+
padding: 12px 28px;
251+
font-size: 1rem;
252+
font-weight: 600;
253+
color: #ffffff;
254+
background-color: #3b82f6;
255+
border: none;
256+
border-radius: 8px;
257+
text-decoration: none;
258+
cursor: pointer;
259+
transition: background 0.3s ease, transform 0.2s ease;
260+
box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);
261+
}
262+
263+
.register-btn:hover {
264+
background-color: #2563eb;
265+
transform: translateY(-2px);
266+
box-shadow: 0 6px 18px rgba(59, 130, 246, 0.5);
267+
}
268+
269+
.register-btn:active {
270+
transform: scale(0.96);
271+
}
272+
</style>
273+
274+
<footer>&copy; 2025 Summer Slams DSA25. Crafted with 💙 for innovators.</footer>
137275
</div>
138276

139277
<script>
140278
const particleContainer = document.getElementById("particles-container");
141-
142279
for (let i = 0; i < 60; i++) {
143280
const p = document.createElement("div");
144281
p.classList.add("particle");

0 commit comments

Comments
 (0)