Skip to content

Commit f91f555

Browse files
chlohampchlohamp
authored
Merge pull request #1 from ABCD-ReproNim/abcd-theme
Abcd theme
2 parents 6226e84 + 6788557 commit f91f555

File tree

5 files changed

+172
-5
lines changed

5 files changed

+172
-5
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: 172 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,167 @@
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+
/* Make Apply Now button larger and more prominent */
43+
.topnav a b {
44+
font-size: 1.1em;
45+
font-weight: bold;
46+
}
47+
48+
/* Why Hack section styling */
49+
.content.dark.style1.featured {
50+
background-color: #151830;
51+
background-image: none;
52+
}
53+
54+
/* Project Pitches section styling */
55+
.content.dark.style2 {
56+
background-color: #151830;
57+
background-image: none;
58+
}
59+
60+
/* Schedule tables styling */
61+
.schedule-container {
62+
background-color: #151830be;
63+
padding: 2em;
64+
border-radius: 8px;
65+
margin-top: 1em;
66+
}
67+
.schedule-container table {
68+
border-color: white;
69+
}
70+
.schedule-container th,
71+
.schedule-container td {
72+
color: white;
73+
border-color: white;
74+
}
75+
.schedule-container thead {
76+
background-color: rgba(255, 255, 255, 0.3);
77+
}
78+
.schedule-container th {
79+
background-color: rgba(255, 255, 255, 0.25);
80+
color: white;
81+
font-weight: bold;
82+
padding: 0.8em;
83+
text-align: center;
84+
}
85+
.schedule-container th {
86+
background-color: rgba(255, 255, 255, 0.25);
87+
color: white;
88+
font-weight: bold;
89+
padding: 0.8em;
90+
text-align: center;
91+
}
92+
93+
/* Contact Us section styling */
94+
#footer.main {
95+
background-image: url('images/abcd-repronim.jpg');
96+
background-size: cover;
97+
background-position: center;
98+
background-repeat: no-repeat;
99+
position: relative;
100+
background-color: transparent;
101+
}
102+
#footer.main::before {
103+
content: '';
104+
position: absolute;
105+
top: 0;
106+
left: 0;
107+
right: 0;
108+
bottom: 0;
109+
background: rgba(0, 0, 0, 0.6);
110+
z-index: 1;
111+
}
112+
#footer.main header {
113+
position: relative;
114+
z-index: 2;
115+
background: transparent;
116+
}
117+
#footer.main .container {
118+
position: relative;
119+
z-index: 2;
120+
background: transparent;
121+
}
122+
#footer.main h2,
123+
#footer.main .icons li,
124+
#footer.main .icons a,
125+
#footer.main .copyright,
126+
#footer.main .copyright ul,
127+
#footer.main .copyright li {
128+
color: white;
129+
background: transparent;
130+
}
131+
132+
.abcd-title-section {
133+
background-image: url('images/abcd-repronim.jpg');
134+
background-size: cover;
135+
background-position: center;
136+
background-repeat: no-repeat;
137+
position: relative;
138+
padding: 4em 0;
139+
margin-top: -2em;
140+
padding-top: 6em;
141+
width: 100vw;
142+
margin-left: calc(-50vw + 50%);
143+
}
144+
.abcd-title-section::before {
145+
content: '';
146+
position: absolute;
147+
top: 0;
148+
left: 0;
149+
right: 0;
150+
bottom: 0;
151+
background: rgba(0, 0, 0, 0.5);
152+
z-index: 1;
153+
}
154+
.abcd-title-content {
155+
position: relative;
156+
z-index: 2;
157+
color: white;
158+
text-align: center;
159+
max-width: 1200px;
160+
margin: 0 auto;
161+
padding: 0 2em;
162+
}
163+
.abcd-title-content h2 {
164+
color: white;
165+
font-size: 2.5em;
166+
margin-bottom: 0.5em;
167+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
168+
}
169+
/* Remove margin from the main section to connect with topnav */
170+
#info.main {
171+
margin-top: 0 !important;
172+
padding-top: 0 !important;
173+
}
174+
#info.main header {
175+
margin-top: 0 !important;
176+
padding-top: 0 !important;
177+
}
178+
#info.main .container {
179+
margin-top: 0 !important;
180+
padding-top: 0 !important;
181+
}
182+
</style>
22183

23184
<!-- Full Calender -->
24185
<link href='assets/js/fullcalendar/packages/core/main.css' rel='stylesheet' />
@@ -71,7 +232,7 @@
71232
<div class="topnav" id="myTopnav">
72233
<a href="#info">ABCD-ReproNim Hackathon 2025</a>
73234
<!-- <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>
235+
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeXC1A7RFEgUq4hG106cA-IaKNpsvd4P0BQ-tEwSEsyuyATPw/viewform?usp=sharing&ouid=115636153886598447704"><b>Apply Now</b></a>
75236
<a href="#schedule">Program & Schedule</a>
76237
<!-- ><a href="#calendar">Schedule</a> -->
77238
<!-- <a href="#workshop">Workshops</a> -->
@@ -123,8 +284,12 @@
123284
</p> -->
124285

125286
</br>
287+
<div class="abcd-title-section">
288+
<div class="abcd-title-content">
289+
<h2><b>ABCD-ReproNim Hackathon 2025</b></h2>
290+
</div>
291+
</div>
126292
<div>
127-
<h2><b>ABCD-ReproNim Hackathon 2025</b></h2>
128293
<p>
129294
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.
130295
</p>
@@ -169,7 +334,7 @@ <h2><b>ABCD-ReproNim Hackathon 2025</b></h2>
169334

170335
<div id="reg-link"><a
171336
href="https://docs.google.com/forms/d/e/1FAIpQLSeXC1A7RFEgUq4hG106cA-IaKNpsvd4P0BQ-tEwSEsyuyATPw/viewform?usp=sharing&ouid=115636153886598447704">
172-
<b>Apply now!</b></a></div>
337+
<b style="font-size: 1.5em;">Apply now!</b></a></div>
173338

174339
<div class="map-responsive">
175340

@@ -319,14 +484,15 @@ <h2>Program & Schedule</h2>
319484

320485
<div style="padding: 1em 0 2em 0">
321486
<h3 style="margin-top: 1em; margin-bottom: 1em;">Schedule</h3>
487+
<div class="schedule-container">
322488
<table border="1" cellspacing="0" cellpadding="8" style="width: 100%; border-collapse: collapse; text-align: left;">
323489
<colgroup>
324490
<col style="width: 15%;">
325491
<col style="width: 35%;">
326492
<col style="width: 15%;">
327493
<col style="width: 35%;">
328494
</colgroup>
329-
<thead style="background-color: #f2f2f2; font-weight: bold;">
495+
<thead style="font-weight: bold;">
330496
<tr>
331497
<th>Time</th>
332498
<th>Monday, January 20</th>
@@ -411,7 +577,7 @@ <h3 style="margin-top: 1em; margin-bottom: 1em;">Schedule</h3>
411577
<col style="width: 15%;">
412578
<col style="width: 35%;">
413579
</colgroup>
414-
<thead style="background-color: #f2f2f2; font-weight: bold;">
580+
<thead style="font-weight: bold;">
415581
<tr>
416582
<th>Time</th>
417583
<th>Wednesday, January 22</th>
@@ -488,6 +654,7 @@ <h3 style="margin-top: 1em; margin-bottom: 1em;">Schedule</h3>
488654
</tr>
489655
</tbody>
490656
</table>
657+
</div>
491658
</div>
492659

493660

0 commit comments

Comments
 (0)