-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
261 lines (215 loc) · 12 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>UEA Long COVID Datathon</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
font-family: "Lato", sans-serif;
background-color: #f5f5f5;
}
.responsive-img {
width: 100%;
max-height: 75vh;
object-fit: contain;
}
.mySlides {
display: none;
width: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.mySlides.w3-show {
display: block !important;
opacity: 1 !important;
}
hr {
border: 0;
height: 5px;
width: 10%;
background: rgba(204, 204, 204, 0.58); /* Dark gray line */
background-image: linear-gradient(to right, rgb(0, 173, 238), rgb(1, 3, 32));
}
.register-btn {
display: inline-block;
background-color: #eb60ba;
color: white;
text-align: center;
padding: 10px 20px;
text-decoration: none !important;
font-size: 20px;
border-radius: 15px;
transition: background-color 0.3s, color 0.3s;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}
.register-btn:hover {
background-color: #00adee;
color: white;
}
h1,h2,h3,h4,h5,h6{font-family:"Montserrat",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:0px}
</style>
</head>
<body>
<div class="w3-content w3-white" style="max-width:1100px;">
<div class="mySlides w3-display-container w3-justifycenter">
<img src="img/uea1.jpg" class="responsive-img">
</div>
<div class="mySlides w3-display-container w3-center">
<img src="img/uea2.jpg" class="responsive-img">
</div>
<div class="mySlides w3-display-container w3-center">
<img src="img/uea3.jpg" class="responsive-img">
</div>
<div class="mySlides w3-display-container w3-center">
<img src="img/uea4.jpg" class="responsive-img">
</div>
<div class="w3-container w3-content w3-justify w3-padding-64" style="max-width:800px" id="intro">
<div class="w3-display-container w3-center">
<img src="img/uealogo2.png" class="responsive-img" style="max-width: 20vh; margin-top: 30px; margin-bottom: 50px;">
</div>
<h1 class="w3-center"><b>LONG COVID DATATHON</b></h1>
<p class="w3-opacity w3-center">UEA Campus, Norwich, United Kingdom</p>
<p class="w3-opacity w3-center"><i>9th-13th September 2024</i></p>
<div class="w3-center" style="margin-top: 20px; margin-bottom: 20px;">
<a href="https://forms.microsoft.com" class="register-btn">REGISTER NOW</a>
</div>
<hr>
<h2 class="w3-wide w3-justify">Introduction</h2>
<p class="w3-justify">
Are you ready to tackle one of the most pressing healthcare challenges of our time?
Join us in a groundbreaking initiative to address Long COVID, a condition that impacts million people in
the UK and around the world. This is your chance to make a real difference with your skills!
</p>
<hr>
<h2 class="w3-wide w3-justify">About the event</h2>
<p class="w3-justify">
Over three days, you'll be part of an exciting hackathon and networking event designed to bridge knowledge gaps and create innovative solutions for managing Long COVID. Whether you're passionate about data analysis, machine learning, or healthcare, this event is for you.
</p>
<p class="w3-justify">
You'll collaborate with experts from diverse fields, working together in a dynamic hackathon environment at UEA. We’ll be combining traditional statistical techniques with cutting-edge machine learning to push the boundaries of what’s possible in healthcare.
</p>
<hr>
<h2 class="w3-wide w3-justify">Why You Should Join</h2>
<p class="w3-justify">
This is more than just a hackathon - it's an opportunity to learn and apply your computer science skills to
a real-world problem, gain hands-on experience with the latest digital technologies, and contribute to
reducing health inequalities. Plus, you'll be aligning your work with NHS priorities, making a tangible
impact on the future of healthcare.
</p>
<p class="w3-justify">
<b>All participants will receive a certificate of participation</b>, and top projects will have the opportunity to be further developed with support from UEA and our partners.
</p>
</div>
<!-- The Programme Section -->
<div class="w3-black" id="programme">
<div class="w3-container w3-content w3-justify w3-padding-64" style="max-width:800px" id="lecs">
<h2 class="w3-wide w3-justify">Lecture Program - Monday September 9th</h2>
<p class="w3-justify">
We are pleased to present an exciting lineup of expert speakers for the lecture program:
</p>
<ul class="w3-ul w3-border w3-white w3-text-grey">
<li class="w3-padding"><b class="w3-text-black">Prof. Paul Hunter (University of East Anglia)</b>
<br /> <em>The Changing Epidemiology of SARS-CoV-2 Infections During the Pandemic</em></li>
<li class="w3-padding"><b class="w3-text-black">Prof. Vassilios Vassiliou (University of East Anglia)</b>
<br /> <em>COVID and Risk Factors for Long COVID</em></li>
<li class="w3-padding"><b class="w3-text-black">Prof. Dr. Jonas Hosp (Freiburg University)</b>
<br /> <em>Post-COVID Syndromes: Insights from Brain Imaging</em></li>
<li class="w3-padding"><b class="w3-text-black">Prof. Jordi Matias-Guiu Antem (Madrid University)</b>
<br /> <em>From Clinical Phenotyping to Therapeutic Intervention: Neuroimaging in Post-COVID Syndrome</em></li>
</ul>
<br />
<!-- Data session talk-->
<h2 class="w3-wide w3-justify">Data Session talk</h2>
<ul class="w3-ul w3-border w3-white w3-text-grey">
<li class="w3-padding"><b class="w3-text-black">Shaun Scholes (University College London)</b>
<br /> <em>Modeling Health Using The English Longitudinal Study of Ageing (ELSA):
An Introduction to ELSA’s COVID Data</em></li>
</ul>
<div class="w3-center" style="margin-top: 40px;">
<a href="https://forms.microsoft.com" class="register-btn">REGISTER NOW</a>
</div>
</div>
<!-- <div class="w3-container w3-content w3-padding-64">-->
<!-- <h2 class="w3-wide w3-justify">Programme</h2>-->
<!-- <ul class="w3-ul w3-border w3-white w3-text-grey">-->
<!-- <li class="w3-padding">Monday 9th September <span class="w3-tag w3-red w3-margin-left w3-right">To follow</span></li>-->
<!-- <li class="w3-padding">Tuesday 10th September <span class="w3-tag w3-red w3-margin-left w3-right">To follow</span></li>-->
<!-- <li class="w3-padding">Wednesday 11th September <span class="w3-tag w3-red w3-margin-left w3-right">To follow</span></li>-->
<!-- <li class="w3-padding">Thursday 12th September <span class="w3-tag w3-red w3-margin-left w3-right">To follow</span></li>-->
<!-- <li class="w3-padding">Friday 13th September <span class="w3-tag w3-red w3-margin-left w3-right">To follow</span></li>-->
<!-- </ul>-->
<!-- <div class="w3-center" style="margin-top: 40px;">-->
<!-- <a href="https://forms.microsoft.com" class="register-btn">REGISTER NOW</a>-->
<!-- </div>-->
<!-- </div>-->
</div>
<!-- The Contact Section -->
<div class="w3-container w3-content w3-justify w3-padding-64" style="max-width:800px" id="contact_new">
<h2 class="w3-wide w3-justify">Contact</h2>
<div class="w3-row w3-padding-32 w3-justify">
<div class="w3-center">
<div class="w3-col m6 w3-large w3-margin-bottom w3-justify">
<strong>Organiser</strong>: <br /> Dr. Saber Sami <br />
<i class="w3-text-grey">Associate Professor in Dementia Research</i> <br />
<a href="https://www.uea.ac.uk/about/norwich-medical-school">Norwich Medical School</a> <br />
University of East Anglia <br><br>
<i class="fa fa-map-marker" style="width:30px"></i> Norwich, United Kingdom<br>
<i class="fa fa-envelope" style="width:30px"> </i> Email: -@uea.ac.uk<br>
</div>
<div class="w3-col m6">
<img src="img/dr-saber-sami.jpg" class="w3-round w3-margin-bottom" alt="Dr Saber Sami" style="width:40%">
</div>
</div>
</div>
<!-- <hr>-->
<!-- <div class="w3-row w3-padding-32 w3-justify">-->
<!-- <div class="w3-center">-->
<!-- <div class="w3-col m6 w3-large w3-margin-bottom w3-justify">-->
<!-- <strong>UEA Turing University Network <br> Academic Liaison</strong>: <br /> Dr. Jason Lines<br />-->
<!-- <i class="w3-text-grey">Associate Professor in Computing Sciences</i> <br />-->
<!-- <a href="https://www.uea.ac.uk/about/school-of-computing-sciences">School of Computing Sciences</a> <br />-->
<!-- University of East Anglia <br><br>-->
<!-- <i class="fa fa-map-marker" style="width:30px"></i> Norwich, United Kingdom<br>-->
<!-- <i class="fa fa-envelope" style="width:30px"> </i> Email: mail@mail.com<br>-->
<!-- </div>-->
<!-- <div class="w3-col m6">-->
<!-- <img src="img/jl.jpg" class="w3-round w3-margin-bottom" alt="Dr Saber Sami" style="width:40%">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="w3-center">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2422.0991540240348!2d1.2385088766873336!3d52.62205227208812!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d9e0d87b805801%3A0xb9b97bf00744e573!2sUniversity%20of%20East%20Anglia!5e0!3m2!1sen!2suk!4v1715252886455!5m2!1sen!2suk"
width="400" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-grey w3-xlarge">
<img style="max-height: 80px; padding-right: 20px" src="img/uealogo.png">
<img style="max-height: 100px; padding-left: 20px" src="img/tunlogo.png">
</footer>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].className = x[i].className.replace(" w3-show", "");
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
x[myIndex-1].className += " w3-show";
setTimeout(carousel, 8000);
}
</script>
</body>
</html>