Skip to content

Commit e67b6bc

Browse files
akashmalik19973akashmalik19973
authored
Added FAQ Section in page and Minor change in Support And Query Section (#146)
1 parent a208211 commit e67b6bc

File tree

2 files changed

+160
-6
lines changed

2 files changed

+160
-6
lines changed

‎docs/Challenge_Page.html‎

Lines changed: 140 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -162,16 +162,128 @@ <h2>Detailed Timeline</h2>
162162
</table>
163163
</section>
164164

165-
<section class="ch-section">
165+
<section class="ch-section">
166166
<h2>Support & Queries</h2>
167-
<p>For support, email:</p>
168-
<p><a href="mailto:support@armbharatchallenge.com" class="ch-email">support@armbharatchallenge.com</a></p>
167+
168+
<p>For general support, email:</p>
169+
<p>
170+
<a href="mailto:support@armbharatchallenge.com" class="ch-email">
171+
support@armbharatchallenge.com
172+
</a>
173+
</p>
174+
175+
<p class="ch-tech-note">
176+
For any technical queries with regards to the problem statements, please mail your queries to
177+
<a href="mailto:tech-queries@armbharatchallenge.com">
178+
tech-queries@armbharatchallenge.com
179+
</a>
180+
clearly mentioning the problem statement number in the subject line.
181+
</p>
182+
169183
<p class="ch-small">All updates will be posted on this page.</p>
184+
</section>
185+
186+
<section class="ch-section ch-faq-card" id="faqCard" style="cursor: pointer;">
187+
<h2>Frequently Asked Questions (FAQ)</h2>
188+
<p>Find answers to common questions about the Bharat AI-SoC Student Challenge.</p>
189+
<p class="ch-small" style="color: #7c3aed; font-weight: 500;">Click here to view FAQs →</p>
170190
</section>
171191
</div>
172192
</main>
173193
</div>
174194

195+
<!-- FAQ Popup Modal -->
196+
<div id="faqPopup" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1100; justify-content:center; align-items:center;">
197+
<div style="background:#fff; padding:30px; border-radius:16px; max-width:700px; width:90%; max-height:85vh; overflow-y:auto; position:relative; box-shadow: 0 10px 40px rgba(0,0,0,0.2);">
198+
<button id="closeFaqBtn" style="position:absolute; top:15px; right:20px; background:none; border:none; font-size:28px; cursor:pointer; color:#6b7280;">&times;</button>
199+
<h2 style="color:#7c3aed; margin:0 0 10px; font-size:24px;">Frequently Asked Questions</h2>
200+
<p style="color:#6b7280; margin:0 0 25px; font-size:14px;">Click on a question to expand and view the answer.</p>
201+
202+
<div class="faq-list">
203+
<details class="ch-accordion">
204+
<summary>
205+
<span class="ch-acc-title">Q1: Who can participate in this Challenge?</span>
206+
</summary>
207+
<div class="ch-acc-body">
208+
<p>Any undergrad or postgrad student currently enrolled in a regular course from an Indian institute or Indian University having some basic understanding of AI, ML, SoC & Digital logic design.</p>
209+
</div>
210+
</details>
211+
212+
<details class="ch-accordion">
213+
<summary>
214+
<span class="ch-acc-title">Q2: Can a team have members from different institutions?</span>
215+
</summary>
216+
<div class="ch-acc-body">
217+
<p>No, all team members should be from the same institution & same campus.</p>
218+
</div>
219+
</details>
220+
221+
<details class="ch-accordion">
222+
<summary>
223+
<span class="ch-acc-title">Q3: Can a team have members from different branches & different semesters from the same institution?</span>
224+
</summary>
225+
<div class="ch-acc-body">
226+
<p>Yes.</p>
227+
</div>
228+
</details>
229+
230+
<details class="ch-accordion">
231+
<summary>
232+
<span class="ch-acc-title">Q4: Can a team make changes in its team members or problem statement allocated?</span>
233+
</summary>
234+
<div class="ch-acc-body">
235+
<p>Yes, but only 1 time within 15 days after registration. The team has to inform the organizers through email <a href="mailto:support@armbharatchallenge.com">support@armbharatchallenge.com</a> regarding the same.</p>
236+
</div>
237+
</details>
238+
239+
<details class="ch-accordion">
240+
<summary>
241+
<span class="ch-acc-title">Q5: Can a college mentor/faculty mentor provide mentoring to more than 1 participating team of the same institution?</span>
242+
</summary>
243+
<div class="ch-acc-body">
244+
<p>Yes, but needs to make sure that the respective college mentor is not overloaded.</p>
245+
</div>
246+
</details>
247+
248+
<details class="ch-accordion">
249+
<summary>
250+
<span class="ch-acc-title">Q6: If one is pursuing distance/part-time course & also currently engaged as a working professional, can they participate?</span>
251+
</summary>
252+
<div class="ch-acc-body">
253+
<p>No, the students/participants should be pursuing and enrolled in a regular course from an Indian institute or Indian University.</p>
254+
</div>
255+
</details>
256+
257+
<details class="ch-accordion">
258+
<summary>
259+
<span class="ch-acc-title">Q7: What is the prize money of the winning team?</span>
260+
</summary>
261+
<div class="ch-acc-body">
262+
<p>There is prize money for 1st, 2nd & 3rd winning teams for each of the 5 problem statements. It's an attractive amount but we are not disclosing it now.</p>
263+
</div>
264+
</details>
265+
266+
<details class="ch-accordion">
267+
<summary>
268+
<span class="ch-acc-title">Q8: Will this hackathon be organized digitally or in-person mode?</span>
269+
</summary>
270+
<div class="ch-acc-body">
271+
<p>Digitally/Virtually.</p>
272+
</div>
273+
</details>
274+
275+
<details class="ch-accordion">
276+
<summary>
277+
<span class="ch-acc-title">Q9: Will the hardware needed for the challenge be provided to the participants by the organizers of the Challenge?</span>
278+
</summary>
279+
<div class="ch-acc-body">
280+
<p>No, the participants have to arrange it by their own or with the support of their respective colleges.</p>
281+
</div>
282+
</details>
283+
</div>
284+
</div>
285+
</div>
286+
175287
<!--Project Section-->
176288

177289
<section class="ch-section ch-projects">
@@ -616,6 +728,31 @@ <h2 style="color:#7c3aed; margin:0 0 15px; font-size:24px;">Thank You!</h2>
616728
var closeFormBtn = document.getElementById("closeFormBtn");
617729
var thankYouPopup = document.getElementById("thankYouPopup");
618730

731+
// FAQ Popup handlers
732+
var faqCard = document.getElementById("faqCard");
733+
var faqPopup = document.getElementById("faqPopup");
734+
var closeFaqBtn = document.getElementById("closeFaqBtn");
735+
736+
if (faqCard) {
737+
faqCard.addEventListener("click", function() {
738+
faqPopup.style.display = "flex";
739+
});
740+
}
741+
742+
if (closeFaqBtn) {
743+
closeFaqBtn.addEventListener("click", function() {
744+
faqPopup.style.display = "none";
745+
});
746+
}
747+
748+
if (faqPopup) {
749+
faqPopup.addEventListener("click", function(e) {
750+
if (e.target === this) {
751+
this.style.display = "none";
752+
}
753+
});
754+
}
755+
619756
if (registerBtn) {
620757
registerBtn.addEventListener("click", function (e) {
621758
e.preventDefault();

‎docs/_sass/components/_challengePage.scss‎

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -143,6 +143,23 @@
143143
margin-bottom: 6px;
144144
}
145145

146+
.ch-tech-note {
147+
margin-top: 12px;
148+
font-size: 15px;
149+
color: var(--text-dark);
150+
line-height: 1.6;
151+
}
152+
153+
.ch-tech-note a {
154+
color: var(--purple);
155+
font-weight: 500;
156+
text-decoration: none;
157+
}
158+
159+
.ch-tech-note a:hover {
160+
text-decoration: underline;
161+
}
162+
146163
/* Note Box */
147164
.ch-note {
148165
background: var(--purple-lighter);
@@ -323,9 +340,9 @@
323340
transform: translateX(-50%) translateY(-3px);
324341
}
325342

326-
327-
/* Mobile Related Layout */
328-
343+
/* ============= */
344+
/* MOBILE RESPONSIVE */
345+
/* ============= */
329346

330347
@media (max-width: 768px) {
331348
.challenge-wrapper {

0 commit comments

Comments
 (0)