-
Notifications
You must be signed in to change notification settings - Fork 0
/
Movies.html
156 lines (126 loc) · 5.45 KB
/
Movies.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
<!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>Movies</title>
<meta charset="utf-8" />
<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">
<!-- Header -->
<header id="header">
<h1>Movies</h1>
<!-- <p>Ipsum dolor sit amet nullam</p> -->
</header>
<style>
body {
display: flex;
align-items: center;
justify-content: center;
}
.centered-object {
text-align: center; /* Center the content horizontally */
}
video{
max-width:500px;
width:100%;
}
</style>
<nav id="nav">
<ul>
<li><a href="index.html" class="active">Main Page</a></li>
<li><a href="Publications.html" class="active">Publications</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Content -->
<section id="content" class="main">
<!--<span class="image main"><img src="images/pic04.jpg" alt="" /></span> -->
<h2>BNS mergers and GW emission</h2>
<p>Simulation of a binary neutron star merger using a general relativistic smooth particle hydrodynamics (SPH) code for the APR4 EOS model. The upper panel shows the evolution of the rest-mass density, while the lower panel shows the corresponding gravitational wave emission. After the merger, the remnant oscillates in different modes which emitt gravitational waves. The 3D volume object is rendered with plotly. </p>
<div class="centered-object">
<video controls height="auto"playsinline autoplay muted>
<source src="images/video_1.mp4" type="video/mp4">
<source src="images/video_1.ogv" type="video/ogg">
<source src="images/video_1.webm" type="video/webm">
<source src="images/video_1.mov" type="video/quicktime">
</video>
</div>
<p>
</p>
<p>Evolution of rest-mass density shown in terms of the SPH particles. The 3D volume object with pyvista. </p>
<div class="centered-object">
<video controls height="auto" playsinline autoplay muted>
<source src="images/video_4.mp4" type="video/mp4">
<source src="images/video_4.ogv" type="video/ogg">
<source src="images/video_4.webm" type="video/webm">
<source src="images/video_4.mov" type="video/quicktime">
</video>
</div>
<h2>BNS mergers with the Einstein Toolkit</h2>
<p>Simulation of a binary neutron star merger using the Einstein Toolkit. The movie shows the evolution of the rest-mass density. </p>
<div class="centered-object">
<video controls height="auto" playsinline autoplay muted>
<source src="images/video_2.mp4" type="video/mp4">
<source src="images/video_2.ogv" type="video/ogg">
</video>
</div>
<!--
<h2>Movie 2</h2>
<p>Description 2</p>
<h2>Movie 3</h2>
<p>Description 3</p>
-->
</section>
<!-- 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="#" class="button">Learn More</a></li>
</ul>
</section>
<section>
<h2>Etiam feugiat</h2>
<dl class="alt">
<dt>Address</dt>
<dd>1234 Somewhere Road • Nashville, TN 00000 • USA</dd>
<dt>Phone</dt>
<dd>(000) 000-0000 x 0000</dd>
<dt>Email</dt>
<dd><a href="#">information@untitled.tld</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="#" 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>