-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
215 lines (184 loc) · 7.94 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
<!DOCTYPE HTML>
<!--
Stellar by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Theodoros Soultanis</title>
<meta charset="utf-8" />
<meta name="google-site-verification" content="GqWe3z3epWZW-_-oXRFUhch6JYXsXpb0Kw6JGtD8lXE" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<style>
.circular-frame {
width: 250px;
height: 250px;
border-radius: 70%;
overflow: hidden;
border: 4px solid #255;
display: inline-block; /* Ensure it behaves like an inline element */
margin-bottom: 20px;
}
.circular-frame img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
</style>
<!-- Header -->
<header id="header" class="alt">
<!--<span class="logo"><img src="images/umbrellas.jpg" alt="" /></span>-->
<!--<span class="logo"><img src="images/merger.png" width="200" height="200"alt="" /></span>-->
<div class="circular-frame">
<!--<img src="images/merger.png" alt="Your Image"> -->
<img src="images/umbrellas.jpg" alt="Your Image">
</div>
<h1>Theodoros<br />
Soultanis, PhD</h1>
I am a postdoctoral researcher specializing in binary neutron star mergers. </p></h1>
<p> </header>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#intro" class="active">About me</a></li>
<li><a href="#first" >Publications</a></li>
<li><a href="#second">Movies</a></li>
<!-- <li><a href="#cta">Get Started</a></li> -->
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="intro" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>About me</h2>
</header>
<p>I am a postdoctoral researcher at GSI Helmholtzzentrum fur Schwerionenforschung in Darmstadt, specializing in neutron star mergers (NSMs). My primary area of research is the analysis of gravitational waves (GWs) emitted in the inspiral and post-merger phase of NSMs. To achieve this, I carry out large-scale hydrodynamical simulations of NSMs in numerical relativity. I am also actively involved in the development of faithful templates for the GW emission of NSM remnants, employing analytic models or machine learning methods.</p>
<!--
<ul class="actions">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
-->
</div>
<!-- <span class="image"><img src="images/merger.png" alt="" /></span>-->
<span class="image"><img src="images/theo.jpg" alt="" /></span>
</div>
</section>
<!-- First Section -->
<section id="first" class="main special">
<header class="major">
<h2>Publications</h2>
</header>
<p> In this section you can find information about my most recent publications (also in <a href="https://ui.adsabs.harvard.edu/public-libraries/dfB_VicvTXS2ih2plUk7Qw" target="_blank">ADS</a>).<p>
<ul class="features">
</ul>
<footer class="major">
<ul class="actions special">
<li><a href="Publications.html" class="button">Learn More</a></li>
</ul>
</footer>
</section>
<!-- Second Section -->
<!-- <section id="second" class="main special">
<header class="major">
<h2>Movies</h2>
</header>
In this section you can find some of my movies.
<p class="center">
<!--<video width="500" height="500" controls><source src="images/video_2.mp4" type="video/mp4"></video>-->
<!-- <span class="image"><img src="images/dump_00128.png" width="400" height="400" alt="" /></span>
</p>
<footer class="major">
<ul class="actions special">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</footer>
</section>
-->
<!-- movies -->
<section id="second" class="main">
<div class="spotlight">
<div class="content">
<header class="major">
<h2>Movies</h2>
</header>
<p>In this section you can find some of my movies.</p>
<ul class="actions">
<li><a href="Movies.html" class="button">Learn More</a></li>
</ul>
</div>
<!--<span class="image"><img src="images/dump_00128.png"alt="" /></span>-->
<span class="image"><img src="images/dump_rho.png" alt="" /></span>
<!--<span class="image"><img src="images/merger.png" alt="" /></span>-->
</div>
</section>
<!-- Get Started -->
<!-- <section id="cta" class="main special">
<header class="major">
<h2>Congue imperdiet</h2>
<p>Donec imperdiet consequat consequat. Suspendisse feugiat congue<br />
posuere. Nulla massa urna, fermentum eget quam aliquet.</p>
</header>
<footer class="major">
<ul class="actions special">
<li><a href="generic.html" class="button primary">Get Started</a></li>
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</footer>
</section>
-->
</div>
<!-- Footer -->
<footer id="footer">
<!--
<section>
<h2>Aliquam sed mauris</h2>
<p>Sed lorem ipsum dolor sit amet et nullam consequat feugiat consequat magna adipiscing tempus etiam dolore veroeros. eget dapibus mauris. Cras aliquet, nisl ut viverra sollicitudin, ligula erat egestas velit, vitae tincidunt odio.</p>
<ul class="actions">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</section>
-->
<section>
<h2>Contact</h2>
<dl class="alt">
<dt>Address</dt>
<dd>Planckstraße 1• 64291 Darmstadt • Germany</dd>
<dt>Phone</dt>
<dd>+49-6159-71 1819</dd>
<dt>Email</dt>
<dd><a href="#">t.soultanis@gsi.de</a></dd>
</dl>
<ul class="icons">
<!--<li><a href="#" class="icon brands fa-twitter alt"><span class="label">Twitter</span></a></li>-->
<li><a href="https://www.linkedin.com/in/theodoros-soultanis-phd-610115141" class="icon brands fa-linkedin alt"><span class="label">Linkedin</span></a></li>
<!--<li><a href="#" class="icon brands fa-facebook-f alt"><span class="label">Facebook</span></a></li>-->
<!--<li><a href="#" class="icon brands fa-instagram alt"><span class="label">Instagram</span></a></li>-->
<!--<li><a href="#" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>-->
<!--<li><a href="#" class="icon brands fa-dribbble alt"><span class="label">Dribbble</span></a></li>-->
</ul>
</section>
<p class="copyright">© Theodoros Soultanis. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>