-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
559 lines (497 loc) · 21.8 KB
/
index.html
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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<!-- This is the "Head" of the HTML document.
It contains information that isn't displayed on the actual page, but is useful
for the web browser when loading the page
-->
<head>
<!-- This is the title of the page. It is the text that appears inside this pages tab in your web browser -->
<title>GI-2024</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!-- This links to this page's CSS, which is contained in the folder assets/css and the file main.css.
If you want to edit the styling of this page, you should edit the file assets/css/main.css
If you have a new CSS file you'd like to add with custom styling, you should link to it here using:
<link rel="stylesheet" href="assets/css/my-new-css-file.css"/>
-->
<link rel="stylesheet" href="assets/css/main.css" />
<!-- In the case that the user's browser does not support JavaScript (unlikely, but possible), the page
will load a separate set of CSS stylings from the file assets/css/noscript.css
Any HTML contained inside <noscript></noscript> tags will be loaded in the event that JavaScript is not
available.
-->
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<style>
/* Add this CSS to style the button */
.button {
display: inline-block;
padding: 10px 10px;
font-size: 1em;
color: #fff;
background-color: #01236a; /* Blue background */
border: none;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
transition: background-color 0.3s ease;
text-align: center; /* Center the text */
line-height: 1.5; /* Adjust as needed */
}
.button:hover {
background-color: #0056b3; /* Darker blue on hover */
}
.button-container {
display: flex;
flex-direction: column; /* Stack children vertically */
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
height: 100vh; /* Full viewport height */
text-align: center; /* Center text inside the container */
}
</style>
</head>
<!-- The body is the location where your site's content will go -->
<body class="is-preload">
<!-- This "div" wraps around all of our content and just changes how things are layed out -->
<div id="wrapper">
<!-- This is where the content that appears on page load exists -->
<header id="header">
<!-- This is the main content of the front page -->
<div class="content">
<div class="inner">
<!-- Here is a heading where you can put your name -->
<h1 style="font-family: Arial, sans-serif;">
EMBO YIN Genome Integrity Meeting
<br>
<span style="font-size: smaller;">4th - 6th September 2024</span>
</h1>
<!-- Here is an image that is displayed well on both desktop and mobile -->
<style>
.responsive-img {
width: 100%;
max-width: 600px; /* Adjust the max-width as needed */
height: auto;
}
</style>
<img src="images/su-embo-banner.png" alt="Image description" class="responsive-img">
<p>
Sabanci University <br> Istanbul, Türkiye
</p>
<!-- Here is a paragraph where you can put a link to your CV -->
</div>
</div>
<!-- This is the navigation menu -->
<nav>
<!-- This element makes an "Unordered List" -->
<ul>
<!-- This is a "List Item" -->
<li>
<!-- Note that this links to #about, which will move the page to wherever
the element with the id "about" exists.
-->
<a href="#schedule">Schedule</a>
</li>
<li>
<!-- <a href="https://www.sabanciuniv.edu/sites/default/files/kampus_haritasi.pdf">Campus Map</a> -->
<a href="#campusmap">Campus Map</a>
</li>
<li>
<a href="#transport">Transport</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<!-- You can add another button to your navigation menu by adding
another List Item with a link inside of it.
-->
<!-- <li>
<a href="images/Astronomy.jpg">My CV</a>
</li> -->
</ul>
</nav>
<a href="timer.html" class="button" target="_blank">What's Happening Now?</a>
</header>
<!-- These are the "cards" that appear when you click the buttons on the main page -->
<div id="main">
<!-- Here is the "About Me" card. Note it has the id "about", which the previous
button links to.
-->
<style>
#schedule p, #schedule h4 {
line-height: 1.5; /* Adjust this value as needed */
margin: 0.5em 0; /* Adjust the margin to control spacing between elements */
}
</style>
<style>
.speaker-name {
color: #a12020; /* Kırmızı tonu */
font-weight: bold; /* İsteğe bağlı: Konuşmacı adını kalın yapar */
}
</style>
<style>
.spacer {
height: 20px; /* Adjust the height as needed */
}
</style>
<article id="schedule">
<h2>Conference Schedule (Latest Update: 21.08.24)</h2>
<div class="spacer"></div>
<p class="expand">Click on the days to expand</p>
<div class="spacer"></div>
<details>
<summary><strong>Day 1: September 4th, 2024 <span class="sabanci">Venue: Sabancı University Tuzla Campus<br>Faculty of Engineering and Natural Sciences (FENS) Room: G032 </span></strong></summary> <div class="spacer"></div>
<p class="meal">08.00 - 08.45: Breakfast at Campus Cafeteria</p>
<p class="registration">08.45 - 09.00: Registration (FENS G032) </p>
<p class="conclusion">09.00 - 09.10: Opening (Host: <span class="speaker-name">Ogün Adebali</span>)</p>
<!-- Add this spacer before the specified line -->
<div class="spacer"></div>
<h4>Session 1: DNA Repair and Regulation<br>(Session Chair: Ogun Adebali)</h4>
<table class="transparent-table">
<tr>
<td>09.10 - 09.40</td>
<td>Pol theta-dependent compromised DNA repair fidelity in embryonic stem cells </td>
<td><span class="speaker-name">Raquel Carreira Rodriguez </span></td>
</tr>
<tr>
<td>09.50 - 10.20</td>
<td>BRCA1-deficient cells require TOP1 mediated DNA damage for sensitivity to PARP inhibitors </td>
<td><span class="speaker-name">Rebecca Dagg (Madalena Tarsounas’s Lab Member) </span></td>
</tr>
</table>
<p class="break">10.30 - 11.10: Coffee break</p>
<div class="spacer"></div>
<table class="transparent-table">
<tr>
<td>11.10 - 11.40</td>
<td>Identification of key regulators of DDR signaling and DNA repair at deprotected telomeres </td>
<td><span class="speaker-name">Jacqueline Jacobs </span></td>
</tr>
<tr>
<td>11.50 - 12.20</td>
<td>Resolution of topological transcription-replication conflicts by TDP2-mediated fork rotation and TOP2A decatenation </td>
<td><span class="speaker-name">Felipe Cortés-Ledesma </span></td>
</tr>
</table>
<p class="meal">12.30 – 13.30: Lunch Break</p>
<div class="spacer"></div>
<h4>Session 2: DNA Repair & Cancer<br>(Session Chair: George Garinis)</h4>
<table class="transparent-table">
<tr>
<td>13.30 - 14.00</td>
<td>Dot1l and NHEJ components are required for protecting MLL-rearranged AML from Olaparib-induced genotoxic stress </td>
<td><span class="speaker-name">Tsz Kan Fung (Eric So’s Lab Member) </span></td>
</tr>
<tr>
<td>14.10 - 14.40</td>
<td>DSB repair in mammalian physiology and tumour suppression </td>
<td><span class="speaker-name">Ross Chapman </span></td>
</tr>
</table>
<p class="break">14.50 - 15.30: Coffee break</p>
<div class="spacer"></div>
<h4>Session 3: Genome Stability and Replication Stress<br>(Session Chair: Jacqueline Jacobs)</h4>
<table class="transparent-table">
<tr>
<td>15.30 - 16.00</td>
<td>Exploring the role of RAD51 interaction with G4 in replication </td>
<td><span class="speaker-name">Michaela Pospíšilová (Lumir Krejci’s Lab Member) </span></td>
</tr>
<tr>
<td>16.10 - 16.40</td>
<td>Mechanisms of action of RAD51 paralogs </td>
<td><span class="speaker-name">Lumir Krejci </span></td>
</tr>
</table>
<p class="registration">16.50 - 17.40: Planning for the upcoming meeting </p>
<p class="break">17.40 - 18.30: Free Time </p>
<p class="transport">18.30: Bus to Dinner Venue (departure from Campus) </p>
<p class="meal">19.00 - 21.00: Dinner at Tuzla Viaport Marina </p>
<p class="break">21.00 - 23.00: Free Time </p>
<p class="transport">23.00: Bus back to Campus (departure from Tuzla Viaport Marina) </p>
</details>
<div class="spacer"></div>
<details>
<summary>
<strong>Day 2: September 5th, 2024
<span class="minerva">Venue: Karaköy Minerva Han (Room: KCC - 001) </span>
<a href="https://maps.app.goo.gl/MCKcgCpjEtAaCA796" target="_blank" style="background-color: rgba(224, 220, 105, 0.5); color: white; padding: 5px; border-radius: 3px;">View on map</a> </strong>
</summary>
<div class="spacer"></div>
<p class="transport">07.30: Bus to Karaköy Minerva Han </p>
<p class="meal">08.40 - 09.20: Breakfast at Karaköy Minerva Han </p>
<div class="spacer"></div>
<h4>Session 4: 3D Genome and Chromatin Dynamics in DDR<br>(Session Chair: Joao Matos)</h4>
<table class="transparent-table">
<tr>
<td>09.20 - 09.50</td>
<td>The nucleotide pool in genome and epigenome integrity </td>
<td><span class="speaker-name">Matthias Bochtler </span></td>
</tr>
<tr>
<td>10.00 - 10.30</td>
<td>Genome organisation in genome stability </td>
<td><span class="speaker-name">Evi Soutoglou </span></td>
</tr>
</table>
<p class="break">10.40 - 10.55: Coffee Break </p>
<div class="spacer"></div>
<table class="transparent-table">
<tr>
<td>10.55 - 11.25</td>
<td>A role for cohesin in modulating fork plasticity and 3D genome architecture in response to replication stress </td>
<td><span class="speaker-name">Daniel González Acosta (Massimo Lopes's Lab Member) </span></td>
</tr>
<tr>
<td>11.35 - 12.05</td>
<td>3D Genome reorganization during DNA damage response to UV </td>
<td><span class="speaker-name">Veysel Oğulcan Kaya (Ogün Adebali’s Lab Member) </span></td>
</tr>
</table>
<p class="meal">12.15 – 13.50: Free Time for Lunch Break </p>
<details>
<summary style="background-color: rgba(91, 230, 91, 0.5); color: white;">Lunch Recommendations (Click to expand)</summary>
<table>
<tr>
<th>Restaurant</th>
<th>Notes</th>
<th>Link</th>
</tr>
<tr>
<td>AŞEKA KARAKÖY</td>
<td>A Michelin guide restaurant, Haute cuisine</td>
<td><a href="https://maps.app.goo.gl/eLDT58MRiFq3YT5F8" target="_blank">View on Map</a></td>
</tr>
<tr>
<td>Karaköy Lokantası</td>
<td>A Michelin guide restaurant, Turkish cuisine</td>
<td><a href="https://maps.app.goo.gl/U3NFns26PLamdXZV8" target="_blank">View on Map</a></td>
</tr>
<tr>
<td>Salon GALATA</td>
<td>Turkish, Fusion, Vegetarian Friendly</td>
<td><a href="https://maps.app.goo.gl/gNVcr2XTcnH3RuaMA" target="_blank">View on Map</a></td>
</tr>
<tr>
<td>Sokak Lezzeti Tarihi Balık Dürümcü Mehmet Usta</td>
<td>Seafood, Fish Wraps, Turkish</td>
<td><a href="https://maps.app.goo.gl/HoH9YLcj3EG2MBh48" target="_blank">View on Map</a></td>
</tr>
<tr>
<td>Galata Art Smyrna Restaurant Cafe</td>
<td>Near Galata Tower, Turkish, Healthy</td>
<td><a href="https://maps.app.goo.gl/23Cyi8VbMwVjJFxj9" target="_blank">View on Map</a></td>
</tr>
<tr>
<td>F&B Culture</td>
<td>Near Galata Tower, Steakhouse, Seafood, Turkish</td>
<td><a href="https://maps.app.goo.gl/i7NQS6DFnUwYP1fF8" target="_blank">View on Map</a></td>
</tr>
<tr>
<td>Chuck Burger</td>
<td>American, Grill</td>
<td><a href="https://maps.app.goo.gl/j4utfuQrDETCeYcq7" target="_blank">View on Map</a></td>
</tr>
</table>
</details>
<div class="spacer"></div>
<h4>Session 5: RNA Regulation and DDR<br>(Session Chair: Evi Soutoglou)</h4>
<table class="transparent-table">
<tr>
<td>13.50 - 14.20</td>
<td>DNA damage, transcription stress and innate immune signaling in health and disease </td>
<td><span class="speaker-name">George A. Garinis </td>
</tr>
<tr>
<td>14.30 - 15.00</td>
<td>DROSHA and DICER RNA products control BMI1-dependent transcriptional repression at DNA double-strand break </td>
<td><span class="speaker-name">Sofia Francia (Fabrizio D'Adda Di Fagagna’s Lab Member) </span></td>
</tr>
</table>
<p class="tour">15.10 - 19.00: Tram Ride to Historic Sultanahmet Square & Free Time </p>
<p class="meal">
19.00 - 22.00: Gala Dinner at Luco Restaurant Sirkeci Rooftop
<a href="https://maps.app.goo.gl/yJzesVSdhmDSayYF9" target="_blank" style="background-color: rgba(91, 230, 91, 0.5); color: white; padding: 5px; border-radius: 3px; float: right; font-weight: bold;">View on map</a> <br>
<strong>Reservation under name:</strong> EMBO
</p>
<p class="transport">23.00: Bus back to Campus (departure from Karaköy Minerva Han) </p>
</details>
<div class="spacer"></div>
<details>
<summary><strong>Day 3: September 6th, 2024 <span class="sabanci">Venue: Sabancı University Tuzla Campus<br>Faculty of Engineering and Natural Sciences (FENS) Room: G032 </span></strong></summary>
<div class="spacer"></div>
<p class="meal">08.00 – 09.00: Breakfast at Campus Cafeteria </p>
<div class="spacer"></div>
<h4>Session 6: Cell Cycle Regulation and Signaling<br>(Session Chair: Ross Chapman)</h4>
<table class="transparent-table">
<tr>
<td>09.00 - 09.30</td>
<td>Genomics and epigenomics of haplodiplontic life cycling </td>
<td><span class="speaker-name">Chuan Ku</span></td>
</tr>
<tr>
<td>09.40 - 10.10</td>
<td>Mechanisms that assure correct chromosome segregation in budding yeast </td>
<td><span class="speaker-name">Ayşe Koca Çaydaşı</span></td>
</tr>
</table>
<p class="break">10:20 - 11:00: Coffee break</p>
<div class="spacer"></div>
<table class="transparent-table">
<tr>
<td>11.00 - 11.30</td>
<td>Dynamic Spatial Control of Mitotic Exit: Investigating PI3,5P2-Mediated Asymmetry in Budding Yeast </td>
<td><span class="speaker-name">Mariam Said Fawzy Mohamed Huda (Ayse Koca Caydasi’s Lab Member) </span></td>
</tr>
<tr>
<td>11.40 - 12.10</td>
<td>Unexpected roles of Holliday junctions during meiosis </td>
<td><span class="speaker-name">Joao Matos </span></td>
</tr>
</table>
<p class="conclusion">12.20 - 12.30: Concluding comments and departures</p>
</details>
<style>
.transparent-table {
width: 100%;
border-collapse: collapse;
background-color: rgba(0, 0, 0, 0.5); /* Adjust transparency here */
}
.transparent-table td {
border: 1px solid #ddd;
padding: 8px;
}
.registration {
background-color: rgba(59, 255, 226, 0.5); /* Light orange */
}
.break {
background-color: rgba(255, 223, 186, 0.5); /* Light orange */
}
.transport {
background-color: rgba(173, 216, 230, 0.5); /* Light blue */
}
.meal {
background-color: rgba(144, 238, 144, 0.5); /* Light green */
}
.tour {
background-color: rgba(255, 182, 193, 0.5); /* Light pink */
}
.conclusion {
background-color: rgba(221, 160, 221, 0.5); /* Plum */
}
.sabanci {
background-color: rgba(90, 98, 186, 0.5); /* White */
}
.minerva {
background-color: rgba(197, 194, 91, 0.5); /* White */
}
.expand {
background-color: rgba(161, 60, 60, 0.5); /* White */
text-align: center;
}
</style>
</article>
<article id="campusmap">
<h2>Campus Map</h2>
<style>
.reduced-spacing {
margin: 0.2em 0; /* Adjust the margin to control spacing between elements */
}
.highlight {
background-color: rgba(148, 138, 99, 0.5);
}
.responsive-image {
max-width: 100%;
height: auto;
}
.spacer {
height: 20px; /* Adjust the height as needed */
}
</style>
<p class="reduced-spacing">Hotel is located in 3. <span class="highlight"> YIP </span></p>
<p class="reduced-spacing">Dormitory (Building No: B1) for <span class="highlight"> Lab Members</span> is marked on the map. </p>
<div class="spacer"></div>
<p class="reduced-spacing">Arrows point out the recommended entrances.</p>
<div class="spacer"></div>
<p class="expand">Click on the map below to open full-view</p>
<div class="responsive-iframe">
<!-- <iframe src="images/campus_map.pdf" type="application/pdf"></iframe> -->
</div>
<a href="images/campus_map.png" target="_blank">
<img src="images/campus_map.png" alt="Campus Map" class="responsive-image">
</a>
</article>
<article id="transport">
<h2>Transport Options</h2>
<section id="from-ist">
<p><strong>If possible, we highly recommend choosing a flight with SAW as the destination airport, as it would be much easier for local transportation.</strong></p>
<h3>From IST Airport to Campus</h3>
<p>There are 2 choices.</p>
<p>1. Taxi: The easiest way to get to the campus is to take a taxi from the airport. The cost is around 50 euros, and it takes around ~60 minutes to get to the campus.</p>
<p>2. Another option is to use HAVAIST shuttle from IST to Sabiha Gökçen Airport (SAW) and then take a taxi to the campus from there. However, the HAVAIST schedules are limited, so you might need to wait at the airport, but it will be much cheaper.</p>
<small><p>Please check <a href="https://www.hava.ist/sefer-saatleri.php?lang=en" target="_blank"> <b style="color: lightcoral;">HERE</b> </a> for more information on HAVAIST schedule and the shuttle line, and choose "ISTANBUL HAVALIMANI" to "SABIHA GOKCEN AIRPORT", and hit "List Trips". After you arrive to "SABIHA GOKCEN AIRPORT (SAW)", you can take a taxi to the campus. </p></small>
</section>
<section id="from-saw">
<h3>From SAW Airport to Campus</h3>
<p>Taxi: The easiest way to get to the campus is to take a taxi from the airport. The cost is around 10 euros, and it takes around ~15 minutes to get to the campus.</p>
</section>
</article>
<!-- Here is a the "Contact" card. -->
<article id="contact">
<h2 class="major">Contact</h2>
<p>
<a href="mailto:[email protected]"><b>Email: [email protected]</b></a>
</p>
<p>
<b>Address: Orta Mahalle, Üniversite Caddesi No:27 Tuzla, 34956 İstanbul</b>
</p>
<!-- Here are the fancy icons that link to your social media.
These icons are rendered using Font Awesome fonts, and you can find more icons
here: https://fontawesome.com/icons
-->
<ul class="icons">
<!-- The GitHub icon -->
<li>
<a href="https://github.com/CompGenomeLab" class="icon fa-github">
<span class="label">GitHub</span>
</a>
</li>
<!-- We can add a new icon by searching on the Font Awesome website
for the correct class name and inserting it as a new list item.
We found "envelope" here: https://fontawesome.com/icons/envelope
-->
<!-- <li>
<a href="#" class="icon fa-envelope">
<span class="label">Email</span>
</a>
</li> -->
</ul>
</article>
</div>
<!-- This is the footer that appears at the bottom of the page -->
<footer id="footer">
<!-- You can change "Untitled" to your name to show everyone that
this is your work.
-->
<p class="copyright">© Adebali Lab 2024. <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- This is the background image of the site.
All configuration of the background is done with CSS.
Look in the file assets/css/main.css and search for "#bg" to
see how this element is styled. Look for comments pointing
to where you can set a new background image.
-->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>