Skip to content

Commit 2a7b2d9

Browse files
kevalpithadiyakevalpithadiya
committed
Add Ideathon Page
1 parent 4ac2453 commit 2a7b2d9

File tree

4 files changed

+285
-0
lines changed

4 files changed

+285
-0
lines changed

‎img/Backgrounds/Reuss.png

288 KB
Loading

‎img/Backgrounds/tech.webp

139 KB
Binary file not shown.

‎pages/ideathon/ideathon.css

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
#title {
2+
text-align: center;
3+
height: 100vh;
4+
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)), linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../../img/Backgrounds/tech.webp);
5+
background-size: cover;
6+
background-position: center;
7+
background-attachment: fixed;
8+
9+
display: flex;
10+
flex-direction: column;
11+
justify-content: center;
12+
align-items: center;
13+
}
14+
15+
#title img {
16+
width: 300px;
17+
}
18+
19+
#title span {
20+
font-size: 32px;
21+
margin: 10px 0 20px 0;
22+
font-weight: bold;
23+
}
24+
25+
#title h1 {
26+
font-family: 'Montserrat', sans-serif;
27+
font-size: 120px;
28+
text-shadow: 0px 0px 20px #333333;
29+
}
30+
31+
@media only screen and (max-width: 1050px) {
32+
#title img {
33+
max-width: 50%;
34+
}
35+
36+
#title span {
37+
font-size: 24px;
38+
}
39+
40+
#title h1 {
41+
font-size: 12vw;
42+
}
43+
}
44+
45+
main {
46+
padding: 20px 0 20px 0;
47+
}
48+
49+
#schedule h2, #rules h2 {
50+
font-family: 'Montserrat', sans-serif;
51+
font-size: 32px;
52+
text-align: center;
53+
}
54+
55+
#schedule table {
56+
width: 100%;
57+
margin: 20px auto 0 auto;
58+
border-collapse: collapse;
59+
}
60+
61+
#schedule th, #schedule td {
62+
background-color: rgba(0, 0, 0, 0.2);
63+
text-align: center;
64+
font-size: 18px;
65+
border: solid 1px #fff;
66+
padding: 7px;
67+
}
68+
69+
#schedule th {
70+
font-family: 'Montserrat', sans-serif;
71+
font-size: 24px;
72+
}
73+
74+
#rules {
75+
margin-top: 20px;
76+
padding: 20px 20px 20px 40px;
77+
width: 100%;
78+
border-radius: 20px;
79+
80+
background-color: rgba(0, 0, 0, 0.2);
81+
}
82+
83+
#rules ol li {
84+
list-style-position: outside;
85+
font-family: 'Montserrat', sans-serif;
86+
font-size: 18px;
87+
line-height: 30px;
88+
margin-top: 20px;
89+
}

‎pages/ideathon/index.html

+196
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,196 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="manifest" href="manifest.json" />
6+
7+
<meta name="mobile-web-app-capable" content="yes" />
8+
<meta name="apple-mobile-web-app-capable" content="yes" />
9+
<meta name="application-name" content="Databased" />
10+
<meta name="apple-mobile-web-app-title" content="Databased" />
11+
<meta name="theme-color" content="#101010" />
12+
<meta name="msapplication-navbutton-color" content="#101010" />
13+
<meta
14+
name="apple-mobile-web-app-status-bar-style"
15+
content="black-translucent"
16+
/>
17+
<meta name="msapplication-starturl" content="/" />
18+
<meta
19+
name="viewport"
20+
content="width=device-width, initial-scale=1, shrink-to-fit=no"
21+
/>
22+
23+
<link
24+
rel="icon"
25+
type="image/png"
26+
sizes="192x192"
27+
href="/img/icon-192x192.png"
28+
/>
29+
<link
30+
rel="apple-touch-icon"
31+
type="image/png"
32+
sizes="192x192"
33+
href="/img/icon-192x192.png"
34+
/>
35+
<link
36+
rel="icon"
37+
type="image/png"
38+
sizes="256x256"
39+
href="/img/icon-256x256.png"
40+
/>
41+
<link
42+
rel="apple-touch-icon"
43+
type="image/png"
44+
sizes="256x256"
45+
href="/img/icon-256x256.png"
46+
/>
47+
<link
48+
rel="icon"
49+
type="image/png"
50+
sizes="384x384"
51+
href="/img/icon-384x384.png"
52+
/>
53+
<link
54+
rel="apple-touch-icon"
55+
type="image/png"
56+
sizes="384x384"
57+
href="/img/icon-384x384.png"
58+
/>
59+
<link
60+
rel="icon"
61+
type="image/png"
62+
sizes="512x512"
63+
href="/img/icon-512x512.png"
64+
/>
65+
<link
66+
rel="apple-touch-icon"
67+
type="image/png"
68+
sizes="512x512"
69+
href="/img/icon-512x512.png"
70+
/>
71+
72+
<title>Ideathon 2024 | Databased</title>
73+
<link rel="stylesheet" href="../../css/common.css" />
74+
<link rel="stylesheet" href="./ideathon.css" />
75+
76+
<!-- Google Material Icons -->
77+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
78+
79+
<link rel="icon" href="/img/favicon-32x32.png" type="image/x-icon" />
80+
<script src="/js/footerinclude.js" type="text/javascript"></script>
81+
</head>
82+
83+
<body>
84+
<header>
85+
<header-component></header-component>
86+
</header>
87+
88+
<div id="title">
89+
<img src="../../img/textOld.png" alt="Databased"/>
90+
<span>presents</span>
91+
<h1>Tech Ideathon</h1>
92+
</div>
93+
94+
<main>
95+
<div id="schedule">
96+
<h2>Schedule</h2>
97+
<table>
98+
<tr>
99+
<th colspan="2">Thursday, 08/08/2024</th>
100+
</tr>
101+
<tr>
102+
<td colspan="2" style="color: tomato">Last Day of Registration! Registrations may be closed earlier depending on the number of teams.</td>
103+
</tr>
104+
<tr>
105+
<th colspan="2">Saturday, 10/08/2024</th>
106+
</tr>
107+
<tr>
108+
<td>10:00 AM - 10:30 AM</td>
109+
<td>Introduction</td>
110+
</tr>
111+
<tr>
112+
<td>10:30 AM - 11:30 AM</td>
113+
<td>Talk by Prof. C Pandu Rangan</td>
114+
</tr>
115+
<tr>
116+
<td>11:30 AM - 12:15 PM</td>
117+
<td>Problem Statement Reveal</td>
118+
</tr>
119+
<tr>
120+
<td>12:15 PM onwards</td>
121+
<td style="color: lightgreen">Ideathon Commences</td>
122+
</tr>
123+
124+
<tr>
125+
<th colspan="2">Sunday, 11/08/2024</th>
126+
</tr>
127+
<tr>
128+
<td>Upto 10:00 AM</td>
129+
<td style="color: tomato">Deadline for Presentation Submission</td>
130+
</tr>
131+
<tr>
132+
<td>10:00 AM - 10:30 AM</td>
133+
<td>Session Kick-off</td>
134+
</tr>
135+
<tr>
136+
<td>10:30 AM - 11:30 AM</td>
137+
<td>Talk by Shri. Sunny Manchanda</td>
138+
</tr>
139+
<tr>
140+
<td>11:30 AM - 01:00 PM</td>
141+
<td>Presentations by Teams</td>
142+
</tr>
143+
<tr>
144+
<td>01:00 PM - 02:30 PM</td>
145+
<td>Lunch Break</td>
146+
</tr>
147+
<tr>
148+
<td>02:30 PM - 04:30 PM</td>
149+
<td>Presentations by Teams</td>
150+
</tr>
151+
<tr>
152+
<td>04:30 PM - 05:00 PM</td>
153+
<td style="color: gold">Winner Announcement and Prize Distribution</td>
154+
</tr>
155+
</table>
156+
</div>
157+
158+
<div id="rules">
159+
<h2>Rules</h2>
160+
161+
<ol>
162+
<li>
163+
Teams will have time from 12:15 PM on Day 1 to 10:00 AM on Day 2 to brainstorm an idea and submit
164+
their presentations.
165+
</li>
166+
<li>
167+
Each team will be given 10 minutes to present their ideas on stage followed by 5 minutes for critique by
168+
other teams and response to the criticism.
169+
</li>
170+
<li>
171+
The presentation should include the following sections - Problem Identification, Solution,
172+
Implementation, Impact <i>(optional)</i>, and any other relevant information <i>(optional)</i>.
173+
</li>
174+
<li>
175+
Use of the Internet and AI tools is encouraged for research on the problem. However, plagiarism
176+
of solutions will be countered with strict measures.
177+
</li>
178+
<li>
179+
All teams must work independently on their solution and presentations. If teams are found to be
180+
collaborating with others, the teams may be disqualified at the discretion of the judges.
181+
</li>
182+
<li>
183+
The ideas presented will be judged over various criteria. Teams can also earn bonus points for
184+
valid criticism of other ideas as well as prompt counters to received criticism.
185+
</li>
186+
<li>
187+
Databased reserves the sole right to make decisions pertaining to the evaluation of presented
188+
ideas, managing the participating teams, and any other matters involving the event.
189+
</li>
190+
</ol>
191+
</div>
192+
</main>
193+
194+
<script src="../../js/common.js"></script>
195+
</body>
196+
</html>

0 commit comments

Comments
 (0)