-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog.html
More file actions
218 lines (182 loc) · 10.4 KB
/
blog.html
File metadata and controls
218 lines (182 loc) · 10.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Blog</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="colorlib-page">
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle"><i></i></a>
<aside id="colorlib-aside" role="complementary" class="js-fullheight text-center">
<h1 id="colorlib-logo"><a href="index.html"><span class="img" style="background-image: url(images/pic00.jpg);"></span>Jakob den Brok</a></h1>
<nav id="colorlib-main-menu" role="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="teaching.html">Teaching</a></li>
<li><a href="research.html">Research</a></li>
<li class="colorlib-active"><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</aside> <!-- END COLORLIB-ASIDE -->
<div id="colorlib-main">
<section class="ftco-section ftco-bread">
<div class="container">
<div class="row no-gutters slider-text justify-content-center align-items-center">
<div class="col-md-8 ftco-animate">
<p class="breadcrumbs"><span class="mr-2"><a href="index.html">Home</a></span> <span>Blog</span></p>
<h1 class="bread">Blog</h1>
</div>
</div>
</div>
</section>
<section class="ftco-section">
<div class="container">
<div class="row d-flex">
<div class="col-lg-8">
<div class="row">
<div class="col-md-12">
<div class="blog-entry ftco-animate d-md-flex">
<a href="#" class="img img-2" style="background-image: url(images/betelgeuse.jpg);"></a>
<div class="text text-2 p-4">
<h3 class="mb-2"><a href="#">Stellar End Imminent?</a></h3>
<div class="meta-wrap">
<p class="meta">
<span>Apr 13, 2020</span>
<span><a href="#">Astronomy</a></span>
</p>
</div>
<p class="mb-4"> In December 2019, the super red giant star Betelgeuse caught the attention of astronomers. A strong decrease in brightness was interpreted as potential first signs of an imminent supernova. Do we know more now?</p>
<p><a href="blogs/Vortrag_Ruemlang.pdf"download class="btn-custom">Learn More (in German) <span class="ion-ios-arrow-forward"></span></a></p>
</div>
</div>
</div>
</div><!-- END-->
<div class="col-md-12">
<div class="blog-entry ftco-animate d-md-flex">
<a href="blogs/blog_PWD.html" class="img img-2" style="background-image: url(images/pwd_europe.png);"></a>
<div class="text text-2 p-4">
<h3 class="mb-2"><a href="blogs/blog_PWD.html">Maps: Population Weighted Density</a></h3>
<div class="meta-wrap">
<p class="meta">
<span>Oct 09, 2021</span>
<span><a href="#">Maps</a></span>
</p>
</div>
<p class="mb-4"> To illustrate how densely populated a country is, we generally divide the population by the total area. Recently, I was shown another metric to measure the population density: The population <b> weighted </b> density (PWD). It encapsulates at which density an average inhabitant of a country lives. Using <a href="https://www.worldpop.org/project/categories?id=20/" target="_blank">data from worldpop</a> we can look at interesting aspects for the population distribution in Europe.</p>
<p><a href="blogs/blog_PWD.html" class="btn-custom">Read More <span class="ion-ios-arrow-forward"></span></a></p>
</div>
</div>
</div><!-- END-->
<div class="col-md-12">
<div class="blog-entry ftco-animate d-md-flex">
<a href="#" class="img img-2" style="background-image: url(images/sma_array.jpg);"></a>
<div class="text text-2 p-4">
<h3 class="mb-2"><a href="#">Understanding an Interferometer</a></h3>
<div class="meta-wrap">
<p class="meta">
<span>Apr 13, 2023</span>
<span><a href="#">Astronomy</a></span>
</p>
</div>
<p class="mb-4"> Astrophysical Interferometers are complex instruments. Properly understanding how the visibilities, which the interferometer measures, relate to the intensity of a source on the sky is a challeng. The following tool simulates such an observation. By changing the observational parameters, you can see how it changes the resulting image in real-time.</p>
<p><a href="http://18.118.133.63/Interferometer" class="btn-custom">Explore yourself<span class="ion-ios-arrow-forward"></span></a></p>
</div>
</div>
</div><!-- END-->
</div>
<div class="col-lg-4 sidebar ftco-animate bg-light">
<div class="sidebar-box">
<form action="#" class="search-form">
<div class="form-group">
<span class="icon icon-search"></span>
<input type="text" class="form-control" placeholder="Type a keyword and hit enter">
</div>
</form>
</div>
<div class="sidebar-box ftco-animate">
<h3 class="sidebar-heading">Categories</h3>
<ul class="categories">
<li><a href="#">Astronomy <span>(2)</span></a></li>
<li><a href="#">Maps <span>(1)</span></a></li>
</ul>
</div>
</div><!-- END COL -->
</div>
</div>
</section>
<footer class="ftco-footer ftco-bg-dark ftco-section">
<div class="container px-md-5">
<div class="row mb-5">
<div class="col-md">
<div class="ftco-footer-widget mb-4 ml-md-4">
<h2 class="ftco-heading-2">Current Lecture</h2>
<a href="teaching_classes/intro_astro.html">
<img alt="Qries" src=images/ALMA_2.jpg width="230" height="140">
</a>
<h2><a href="teaching_classes/intro_astro.html">Intro to Astronomy</a></h2>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Contact Info</h2>
<div class="block-23 mb-3">
<ul>
<li><span class="icon icon-map-marker"></span><span class="text">60 Garden Street, Cambridge, MA-02138, USA</span></li>
<li><a href="mailto:jakob.den_brok@cfa.harvard.edu"><span class="icon icon-envelope"></span><span class="text">jakob.den_brok@cfa.harvard.edu</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
</div>
</div>
</div>
</footer>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>