-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathfaq.html.backup
More file actions
198 lines (186 loc) · 9.99 KB
/
Copy pathfaq.html.backup
File metadata and controls
198 lines (186 loc) · 9.99 KB
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Find answers to frequently asked questions about the LLM Hackathon, including eligibility, team formation, resources, and more.">
<meta name="keywords"
content="Hackathon FAQ, LLM Hackathon Questions, Participation, Eligibility, Team Size, Mentorship">
<meta name="author" content="LLM Hackathon Organizers">
<title>FAQ - LLM Hackathon</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Roboto+Mono:wght@400;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="loader-wrapper">
<div class="loader"></div>
</div>
<nav id="nav">
<div class="brand_name_container">
<a href="/" class="logo">LLM Hackathon</a>
</div>
<input title="sidebar_checkbox" type="checkbox" id="sidebar_active">
<label for="sidebar_active" class="open_sidebar_button">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="35" height="35" viewBox="0 0 50 50">
<path
d="M 5 8 A 2.0002 2.0002 0 1 0 5 12 L 45 12 A 2.0002 2.0002 0 1 0 45 8 L 5 8 z M 5 23 A 2.0002 2.0002 0 1 0 5 27 L 45 27 A 2.0002 2.0002 0 1 0 45 23 L 5 23 z M 5 38 A 2.0002 2.0002 0 1 0 5 42 L 45 42 A 2.0002 2.0002 0 1 0 45 38 L 5 38 z">
</path>
</svg>
</label>
<label id="overlay" for="sidebar_active"></label>
<div class="links_container">
<label for="sidebar_active" class="close_sidebar_button">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="35" height="35" viewBox="0 0 30 30">
<path
d="M 7 4 C 6.744125 4 6.4879687 4.0974687 6.2929688 4.2929688 L 4.2929688 6.2929688 C 3.9019687 6.6839688 3.9019687 7.3170313 4.2929688 7.7070312 L 11.585938 15 L 4.2929688 22.292969 C 3.9019687 22.683969 3.9019687 23.317031 4.2929688 23.707031 L 6.2929688 25.707031 C 6.6839688 26.098031 7.3170313 26.098031 7.7070312 25.707031 L 15 18.414062 L 22.292969 25.707031 C 22.682969 26.098031 23.317031 26.098031 23.707031 25.707031 L 25.707031 23.707031 C 26.098031 23.316031 26.098031 22.682969 25.707031 22.292969 L 18.414062 15 L 25.707031 7.7070312 C 26.098031 7.3170312 26.098031 6.6829688 25.707031 6.2929688 L 23.707031 4.2929688 C 23.316031 3.9019687 22.682969 3.9019687 22.292969 4.2929688 L 15 11.585938 L 7.7070312 4.2929688 C 7.5115312 4.0974687 7.255875 4 7 4 z">
</path>
</svg>
</label>
<a class="nav_options" href="about.html">About</a>
<a class="nav_options" href="agenda.html">Agenda</a>
<a class="nav_options" href="projects.html">Projects</a>
<a class="nav_options" href="submission.html">Submission</a>
<a class="nav_options" href="resources.html">Resources</a>
<a class="nav_options" href="sponsors.html">Sponsors</a>
<a class="nav_options" href="sites.html">Sites</a>
<a class="nav_options" href="faq.html">FAQ</a>
<a target="_blank" href="https://lu.ma/hspoki8y" rel="noopener" class="cta-button">Register Now</a>
</div>
</nav>
<main>
<section class="page-header">
<h1>Frequently Asked <span>Questions</span></h1>
</section>
<section class="faq-section content-section">
<div class="faq-item">
<button class="faq-question">Who can participate?</button>
<div class="faq-answer">
<p>Students, researchers, and professionals from all backgrounds are welcome.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">Is there a participation fee?</button>
<div class="faq-answer">
<p>No, participation is completely free.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">What is the team size?</button>
<div class="faq-answer">
<p>The ideal team size is anywhere between 3 and 10 participants. <b>But there is no enforced limit
on size.</b></p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">What do I need for the hackathon?</button>
<div class="faq-answer">
<p>You will need a reliable internet connection and access to a few tools that will be used during
the weekend. Make sure you check out our Tech Stack above, and have signed up for all those
services.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">How will I interact with the other attendees?</button>
<div class="faq-answer">
<p>You can interact with others via the Slack, Zoom, Miro. Separate team meetings separate team
meeting locations should bedefined for discussions.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">What kind of mentorship will be available?</button>
<div class="faq-answer">
<p>We will have a team of experienced mentors from both academia and industry via Slack to help you
with your
projects.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">What will be the judging criteria?</button>
<div class="faq-answer">
<p><b>1. Potential for impact:</b> Using what you know about the particular domain, how could this
project
impact research done in this field? Looking at
past research, would his project make better research outcomes or accelerate research in the
future?<br>
<b>2. Innovativeness:</b> Does this project stand out? Is it a unique approach? Does it make
researchers' lives easier?<br>
<b>3. Scalability:</b> At what point does this project stop scaling? Can the project scale up to
accommodate more users? Can this project serve
its intended audience as is or does it have the capability to grow with users? <br>
<b>4. Relevance to materials science and chemistry:</b> How relevant is the project in terms of
advancing the research in materials science and chemistry?
</p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-container">
<!-- LLM Hackathon Column -->
<div class="footer-col center-text">
<h4>LLM Hackathon</h4>
<p>Innovate at the intersection of AI and molecular science with the help of LLMs. Join us in pushing
the boundaries of what's possible!</p>
</div>
<!-- Quick Links Column with Two Sub-columns -->
<div class="footer-col center-text">
<h4>Quick Links</h4>
<div class="quick-links-columns">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="agenda.html">Agenda</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="submission.html">Submission</a></li>
</ul>
<ul>
<li><a href="resources.html">Resources</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="sites.html">Sites</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</div>
</div>
<!-- Contact Column -->
<div class="footer-col center-text">
<h4>Contact</h4>
<p><b>Organizer: </b><a href="mailto:blaiszik@uchicago.edu">blaiszik@uchicago.edu</a></p>
<p><b>Slack: </b><a href="https://cutt.ly/llmhackathon-slack">Join our Slack</a></p>
</div>
</div>
<div class="footer-bottom center-text">
<p>2025 LLM Hackathon for Materials & Chemistry © All Rights Reserved</p>
</div>
</footer>
<script>
// FAQ Accordion
const faqItems = document.querySelectorAll('.faq-item');
faqItems.forEach(item => {
const question = item.querySelector('.faq-question');
question.addEventListener('click', () => {
const answer = item.querySelector('.faq-answer');
item.classList.toggle('active');
if (item.classList.contains('active')) {
answer.style.maxHeight = answer.scrollHeight + "px";
} else {
answer.style.maxHeight = null;
}
});
});
// Loader
window.addEventListener('load', () => {
const loader = document.querySelector('.loader-wrapper');
loader.classList.add('loader-hidden');
loader.addEventListener('transitionend', () => {
document.body.removeChild(loader);
});
});
</script>
</body>
</html>