Skip to content

Commit b5639f1

Browse files
chlohampchlohamp
committed
abcd
1 parent 6226e84 commit b5639f1

File tree

5 files changed

+165
-4
lines changed

5 files changed

+165
-4
lines changed

‎.DS_Store‎

6 KB
Binary file not shown.

‎assets/.DS_Store‎

0 Bytes
Binary file not shown.

‎assets/css/.DS_Store‎

6 KB
Binary file not shown.

‎images/abcd-repronim.jpg‎

1.42 MB
Loading

‎index.html‎

Lines changed: 165 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,161 @@
1919
<link rel="stylesheet" href="assets/css/main.css" />
2020
<link rel="stylesheet" href="assets/css/index.css" />
2121

22+
<!-- Custom styling for ABCD-ReproNim title -->
23+
<style>
24+
/* Top navigation styling */
25+
.topnav {
26+
background-color: #151830;
27+
border-bottom: 3px solid white;
28+
box-shadow: 0 3px 0 0 white;
29+
}
30+
.topnav a {
31+
color: white;
32+
}
33+
.topnav a:hover {
34+
background-color: rgba(255, 255, 255, 0.1);
35+
color: white;
36+
}
37+
.topnav a.active {
38+
background-color: rgba(255, 255, 255, 0.2);
39+
color: white;
40+
}
41+
42+
/* Why Hack section styling */
43+
.content.dark.style1.featured {
44+
background-color: #151830;
45+
background-image: none;
46+
}
47+
48+
/* Project Pitches section styling */
49+
.content.dark.style2 {
50+
background-color: #151830;
51+
background-image: none;
52+
}
53+
54+
/* Schedule tables styling */
55+
.schedule-container {
56+
background-color: #494d7b;
57+
padding: 2em;
58+
border-radius: 8px;
59+
margin-top: 1em;
60+
}
61+
.schedule-container table {
62+
border-color: white;
63+
}
64+
.schedule-container th,
65+
.schedule-container td {
66+
color: white;
67+
border-color: white;
68+
}
69+
.schedule-container thead {
70+
background-color: rgba(255, 255, 255, 0.3);
71+
}
72+
.schedule-container th {
73+
background-color: rgba(255, 255, 255, 0.25);
74+
color: white;
75+
font-weight: bold;
76+
padding: 0.8em;
77+
text-align: center;
78+
}
79+
.schedule-container th {
80+
background-color: rgba(255, 255, 255, 0.25);
81+
color: white;
82+
font-weight: bold;
83+
padding: 0.8em;
84+
text-align: center;
85+
}
86+
87+
/* Contact Us section styling */
88+
#footer.main {
89+
background-image: url('images/abcd-repronim.jpg');
90+
background-size: cover;
91+
background-position: center;
92+
background-repeat: no-repeat;
93+
position: relative;
94+
background-color: transparent;
95+
}
96+
#footer.main::before {
97+
content: '';
98+
position: absolute;
99+
top: 0;
100+
left: 0;
101+
right: 0;
102+
bottom: 0;
103+
background: rgba(0, 0, 0, 0.6);
104+
z-index: 1;
105+
}
106+
#footer.main header {
107+
position: relative;
108+
z-index: 2;
109+
background: transparent;
110+
}
111+
#footer.main .container {
112+
position: relative;
113+
z-index: 2;
114+
background: transparent;
115+
}
116+
#footer.main h2,
117+
#footer.main .icons li,
118+
#footer.main .icons a,
119+
#footer.main .copyright,
120+
#footer.main .copyright ul,
121+
#footer.main .copyright li {
122+
color: white;
123+
background: transparent;
124+
}
125+
126+
.abcd-title-section {
127+
background-image: url('images/abcd-repronim.jpg');
128+
background-size: cover;
129+
background-position: center;
130+
background-repeat: no-repeat;
131+
position: relative;
132+
padding: 4em 0;
133+
margin-top: -2em;
134+
padding-top: 6em;
135+
width: 100vw;
136+
margin-left: calc(-50vw + 50%);
137+
}
138+
.abcd-title-section::before {
139+
content: '';
140+
position: absolute;
141+
top: 0;
142+
left: 0;
143+
right: 0;
144+
bottom: 0;
145+
background: rgba(0, 0, 0, 0.5);
146+
z-index: 1;
147+
}
148+
.abcd-title-content {
149+
position: relative;
150+
z-index: 2;
151+
color: white;
152+
text-align: center;
153+
max-width: 1200px;
154+
margin: 0 auto;
155+
padding: 0 2em;
156+
}
157+
.abcd-title-content h2 {
158+
color: white;
159+
font-size: 2.5em;
160+
margin-bottom: 0.5em;
161+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
162+
}
163+
/* Remove margin from the main section to connect with topnav */
164+
#info.main {
165+
margin-top: 0 !important;
166+
padding-top: 0 !important;
167+
}
168+
#info.main header {
169+
margin-top: 0 !important;
170+
padding-top: 0 !important;
171+
}
172+
#info.main .container {
173+
margin-top: 0 !important;
174+
padding-top: 0 !important;
175+
}
176+
</style>
22177

23178
<!-- Full Calender -->
24179
<link href='assets/js/fullcalendar/packages/core/main.css' rel='stylesheet' />
@@ -71,7 +226,7 @@
71226
<div class="topnav" id="myTopnav">
72227
<a href="#info">ABCD-ReproNim Hackathon 2025</a>
73228
<!-- <a href="https://brainhack.org/global2023/">Brainhack Global 2023</a> -->
74-
<a href="https://flux.societyconference.com/v2/?m=conf&route=reg-now&conf_id=10002&reg_method=indiv_reg"><b>Register</b></a>
229+
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeXC1A7RFEgUq4hG106cA-IaKNpsvd4P0BQ-tEwSEsyuyATPw/viewform?usp=sharing&ouid=115636153886598447704"><b>Apply Now</b></a>
75230
<a href="#schedule">Program & Schedule</a>
76231
<!-- ><a href="#calendar">Schedule</a> -->
77232
<!-- <a href="#workshop">Workshops</a> -->
@@ -123,8 +278,12 @@
123278
</p> -->
124279

125280
</br>
281+
<div class="abcd-title-section">
282+
<div class="abcd-title-content">
283+
<h2><b>ABCD-ReproNim Hackathon 2025</b></h2>
284+
</div>
285+
</div>
126286
<div>
127-
<h2><b>ABCD-ReproNim Hackathon 2025</b></h2>
128287
<p>
129288
ABCD-ReproNim is pleased to announce a 4-day hackathon on January 20-23, 2026 in Hollywood, Florida. The ABCD-ReproNim Hackathon was designed to promote collaborative analyses of ABCD data using reproducible and responsible methods. ABCD-ReproNim aims to equip researchers with the tools to improve their data science and computational method repertoire. The ABCD-ReproNim Hackathon will allow attendees to have open time to work in interdisciplinary teams on projects that utilize computational techniques to solve problems of interest to the broader ABCD community.
130289
</p>
@@ -319,14 +478,15 @@ <h2>Program & Schedule</h2>
319478

320479
<div style="padding: 1em 0 2em 0">
321480
<h3 style="margin-top: 1em; margin-bottom: 1em;">Schedule</h3>
481+
<div class="schedule-container">
322482
<table border="1" cellspacing="0" cellpadding="8" style="width: 100%; border-collapse: collapse; text-align: left;">
323483
<colgroup>
324484
<col style="width: 15%;">
325485
<col style="width: 35%;">
326486
<col style="width: 15%;">
327487
<col style="width: 35%;">
328488
</colgroup>
329-
<thead style="background-color: #f2f2f2; font-weight: bold;">
489+
<thead style="font-weight: bold;">
330490
<tr>
331491
<th>Time</th>
332492
<th>Monday, January 20</th>
@@ -411,7 +571,7 @@ <h3 style="margin-top: 1em; margin-bottom: 1em;">Schedule</h3>
411571
<col style="width: 15%;">
412572
<col style="width: 35%;">
413573
</colgroup>
414-
<thead style="background-color: #f2f2f2; font-weight: bold;">
574+
<thead style="font-weight: bold;">
415575
<tr>
416576
<th>Time</th>
417577
<th>Wednesday, January 22</th>
@@ -488,6 +648,7 @@ <h3 style="margin-top: 1em; margin-bottom: 1em;">Schedule</h3>
488648
</tr>
489649
</tbody>
490650
</table>
651+
</div>
491652
</div>
492653

493654

0 commit comments

Comments
 (0)