-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html
132 lines (124 loc) · 5.44 KB
/
template.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MagAO-X - Publications</title>
<link rel="stylesheet" href="styles/bulma.css">
<link rel="stylesheet" href="styles/styles.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
</head>
<body>
<div class="container">
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://magao-x.org">
<img style="max-height: 3rem" src="styles/magao-x_logo_color.png" alt="MagAO-X: Extreme adaptive optics for the Magellan Clay telescope">
</a>
<a role="button" class="navbar-burger" data-target="main-navigation" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" id="main-navigation">
<div class="navbar-start">
<a class="navbar-item" href="https://magao-x.org/publications/">
Publications
</a>
<a class="navbar-item" href="https://magao-x.org/docs/pdr/">
Preliminary Design Review
</a>
</div>
<div class="navbar-end">
<a class="navbar-item" href="http://xwcl.science/blog/">
Blog
</a>
<a class="navbar-item" href="https://github.com/magao-x">
GitHub
</a>
</div>
</div>
</nav>
</div>
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-one-third" id="side-info">
<h1 class="title is-3">Publications</h1>
<p class="subtitle">
The collected publications, posters, and presentations of the MagAO-X collaboration
</p>
<p><button id="toggle-abstracts" class="button is-info" data-expanded="false">Expand all abstracts</button></p>
<p><a class="button is-link is-outlined" href="https://ui.adsabs.harvard.edu/public-libraries/{{ library_id }}" target="_blank"><span class="icon"><i class="material-icons">open_in_new</i></span><span>ADS Library</span></a></p>
</div>
<div class="column">
{% for pub in publications|sort(attribute='publication_date', reverse=True) %}
<div class="publication">
<h2 class="title is-5">{{ pub.title }}</h2>
<h3 class="subtitle is-6 is-italic">{{ pub.authors|join(', ') }}</h3>
<div class="buttons">
{% for att in pub.attachments %}
<a class="button is-success is-outlined" href="{{ att.filename }}" target="_blank"><span class="icon"><i class="material-icons">file_download</i></span><span>{{ att.name|lower }}</span></a>
{% endfor %}
{% for link in pub.links %}
<a class="button is-link is-outlined" href="{{ link.url }}" target="_blank"><span class="icon"><i class="material-icons">open_in_new</i></span><span>{{ link.label }}</span></a>
{% endfor %}
</div>
<details>
<summary class="has-text-weight-bold">Abstract:</summary>
<p>{{ pub.abstract }}</p>
</details>
<p><a href="https://ui.adsabs.harvard.edu/#abs/{{ pub.bibcode }}/abstract"><span class="bibcode">{{ pub.bibcode }}</span></a></p>
<p class="journal">{{ pub.journal }}</p>
</div>
{% endfor %}
</div>
</div>
</section>
<footer class="container has-text-centered is-italic">
Last generated {{ today }}
</footer>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
const $abstractsToggle = document.getElementById("toggle-abstracts");
$abstractsToggle.addEventListener('click', () => {
// toggle true into false:
$abstractsToggle.dataset.expanded = $abstractsToggle.dataset.expanded == "true" ? false : true;
if ($abstractsToggle.dataset.expanded == "true") {
$abstractsToggle.classList.add('is-outlined');
$abstractsToggle.innerText = "Collapse all abstracts";
} else {
$abstractsToggle.classList.remove('is-outlined');
$abstractsToggle.innerText = "Expand all abstracts";
}
document.querySelectorAll('.publication details').forEach(el => {
if ($abstractsToggle.dataset.expanded == "true") {
el.setAttribute("open", "open");
} else {
el.removeAttribute("open");
}
});
});
// Check if there are any navbar burgers
if ($navbarBurgers.length > 0) {
// Add a click event on each of them
$navbarBurgers.forEach( el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
}
});
</script>
<img src="https://stats.xwcl.science/matomo.php?idsite=1&rec=1" style="border:0" alt="" />
</body>
</html>