Skip to content

Commit cf3157f

Browse files
Martin-FahrenbergerMartin-Fahrenberger
committed
added speakers and program
1 parent 1b8a1b4 commit cf3157f

File tree

1 file changed

+161
-29
lines changed

1 file changed

+161
-29
lines changed

‎symposium/index.html

+161-29
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,41 @@
1313
#map {
1414
height: 400px; /* The height is 400 pixels */
1515
width: 60%; /* The width is the width of the web page */
16+
}
17+
table {
18+
width: 100%;
19+
border-collapse: collapse;
20+
margin-bottom: 20px;
21+
}
22+
th, td {
23+
border: 1px solid #ddd;
24+
padding: 8px;
25+
}
26+
th {
27+
background-color: #f2f2f2;
28+
text-align: left;
29+
}
30+
.list-group-item > b {
31+
background-color: #e0e0e0;
32+
display: inline-block;
33+
width: 100%;
34+
padding: 8px;
35+
box-sizing: border-box;
36+
}
37+
.list-group-item ul .list-group-item > b {
38+
background-color: #e0e0e0;
39+
display: inline-block;
40+
width: 100%;
41+
padding: 8px;
42+
box-sizing: border-box;
43+
}
44+
.btn-link {
45+
color: black;
46+
text-decoration: none;
47+
}
48+
.btn-link:hover {
49+
color: black;
50+
text-decoration: underline;
1651
}
1752
</style>
1853
</head>
@@ -62,36 +97,133 @@ <h1 class="mb-4">Symposium - "A good tree bears good fruit"</h1>
6297
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeGJtt5NR8InozfylznloHBO8QRv_gw1siEvi3K-TIWZmdXDg/viewform" class="btn btn-primary">Register Now</a>
6398
</div>
6499
<!-- Speakers List -->
65-
<!--
66-
<h2 id="speakers" class="mb-3">Speakers</h2>
67-
<ul class="list-group mb-4">
68-
<li class="list-group-item">Eva Musterfrau - Spaceholders and their use</li>
69-
<li class="list-group-item">Max Mustermann - The importance of good examples</li>
70-
</ul>
71-
-->
100+
<h2 id="speakers" class="mb-3">Speakers</h2>
101+
<div class="card">
102+
<div class="card-header" id="headingSpeakers">
103+
<h2 class="mb-0">
104+
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseSpeakers" aria-expanded="true" aria-controls="collapseSpeakers">
105+
<i class="fas fa-chevron-down"></i> Toggle Speakers List
106+
</button>
107+
</h2>
108+
</div>
109+
<div id="collapseSpeakers" class="collapse" aria-labelledby="headingSpeakers">
110+
<div class="card-body">
111+
<table>
112+
<thead>
113+
<tr>
114+
<th>Name</th>
115+
<th>Affiliation</th>
116+
</tr>
117+
</thead>
118+
<tbody>
119+
<tr>
120+
<td>Ingo Ebersberger</td>
121+
<td>Goethe University Frankfurt</td>
122+
</tr>
123+
<tr>
124+
<td>Jörg Menche</td>
125+
<td>University of Vienna</td>
126+
</tr>
127+
<tr>
128+
<td>Ellen Baake</td>
129+
<td>University of Bielefeld</td>
130+
</tr>
131+
<tr>
132+
<td>Minh Bui</td>
133+
<td>Australian National University</td>
134+
</tr>
135+
<tr>
136+
<td>Dirk Metzler</td>
137+
<td>Ludwig Maximilian University of Munich</td>
138+
</tr>
139+
<tr>
140+
<td>Philip Stevens</td>
141+
<td>Noscendo GmbH</td>
142+
</tr>
143+
<tr>
144+
<td>Nick Goldman</td>
145+
<td>EMBL-European Bioinformatics Institute</td>
146+
</tr>
147+
<tr>
148+
<td>Sebastian Zoellner</td>
149+
<td>University of Michigan</td>
150+
</tr>
151+
<tr>
152+
<td>Heiko Schmidt</td>
153+
<td>CIBIV</td>
154+
</tr>
155+
<tr>
156+
<td>Lars Jermiin</td>
157+
<td>University of Galway</td>
158+
</tr>
159+
</tbody>
160+
</table>
161+
</div>
162+
</div>
163+
</div>
164+
165+
<!-- Program -->
166+
167+
<h2 id="program" class="mb-3">Program</h2>
168+
<div class="accordion" id="programAccordion">
169+
<div class="card">
170+
<div class="card-header" id="headingDay1">
171+
<h2 class="mb-0">
172+
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseDay1" aria-expanded="true" aria-controls="collapseDay1">
173+
<i class="fas fa-chevron-down"></i> Day 1 (Hörsaal 3)
174+
</button>
175+
</h2>
176+
</div>
177+
<div id="collapseDay1" class="collapse" aria-labelledby="headingDay1" data-parent="#programAccordion">
178+
<div class="card-body">
179+
<ul class="list-group">
180+
<li class="list-group-item"><b>09:00 - 09:30 - Registration & Coffee</b></li>
181+
<li class="list-group-item"><b>09:30 - 09:45 - Welcome</b></li>
182+
<li class="list-group-item">09:45 - 10:15 - Talk 1</li>
183+
<li class="list-group-item">10:20 - 10:50 - Talk 2</li>
184+
<li class="list-group-item"><b>10:55 - 11:10 - Coffee & Poster Break</b></li>
185+
<li class="list-group-item">11:10 - 11:40 - Talk 3</li>
186+
<li class="list-group-item">11:45 - 12:15 - Talk 4</li>
187+
<li class="list-group-item"><b>12:15 - 13:45 - Lunch at UBB</b></li>
188+
<li class="list-group-item">13:45 - 14:15 - Talk 5</li>
189+
<li class="list-group-item">14:20 - 14:50 - Talk 6</li>
190+
<li class="list-group-item"><b>14:55 - 15:25 - Coffee & Poster Break</b></li>
191+
<li class="list-group-item">15:30 - 16:00 - Talk 7</li>
192+
<li class="list-group-item">16:05 - 16:35 - Talk 8</li>
193+
<li class="list-group-item">16:40 - 17:00 - Surprise</li>
194+
<li class="list-group-item"><b>19:00 - Conference Dinner: Heuriger zur alten Weinpresse</b></li>
195+
</ul>
196+
</div>
197+
</div>
198+
</div>
199+
<div class="card">
200+
<div class="card-header" id="headingDay2">
201+
<h2 class="mb-0">
202+
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseDay2" aria-expanded="false" aria-controls="collapseDay2">
203+
<i class="fas fa-chevron-down"></i> Day 2 (Hörsaal 1)
204+
</button>
205+
</h2>
206+
</div>
207+
<div id="collapseDay2" class="collapse" aria-labelledby="headingDay2" data-parent="#programAccordion">
208+
<div class="card-body">
209+
<ul class="list-group">
210+
<li class="list-group-item"><b>09:30 - 10:00 - Coffee</b></li>
211+
<li class="list-group-item">10:00 - 10:30 - Talk 9</li>
212+
<li class="list-group-item">10:35 - 11:05 - Talk 10</li>
213+
<li class="list-group-item"><b>11:10 - 11:25 - Coffee & Poster Break</b></li>
214+
<li class="list-group-item">10:25 - 10:55 - Talk 11</li>
215+
<li class="list-group-item">11:00 - 11:30 - Talk 12</li>
216+
<li class="list-group-item">11:35 - 12:05 - Poster Presentation</li>
217+
<li class="list-group-item"><b>12:10 - 12:30 - Goodbye</b></li>
218+
</ul>
219+
</div>
220+
</div>
221+
</div>
222+
</div>
223+
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
224+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
225+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
72226

73-
<h2 id="speakers" class="mb-3">Speakers</h2>
74-
<ul class="list-group mb-4">
75-
<li class="list-group-item"> To be announced </li>
76-
</ul>
77-
78-
<!-- Speaker Program Link -->
79-
<h2 id="program" class="mb-3">Program</h2>
80-
<ul class="list-group mb-4">
81-
<li class="list-group-item">
82-
<b>Day 1 (Hörsaal 3)</b>
83-
<ul class="list-group">
84-
<li class="list-group-item">TBA</li>
85-
<li class="list-group-item">19:00, Conference-Dinner, <a href="https://www.heuriger-zur-alten-weinpresse.at/">Heuriger zur alten Weinpresse</a></li>
86-
</ul>
87-
</li>
88-
<li class="list-group-item">
89-
<b>Day 2 (Hörsaal 1)</b>
90-
<ul class="list-group">
91-
<li class="list-group-item">TBA</li>
92-
</ul>
93-
</li>
94-
</ul>
95227
<!-- Contact Information -->
96228
<h2 id="contact" > Contact Information</h2>
97229
<p>If you have any questions, feel free to contact us:</p>

0 commit comments

Comments
 (0)