Skip to content

Commit ada9fcb

Browse files
DominikMuhleDominikMuhle
committed
big update
1 parent d60561e commit ada9fcb

31 files changed

+9396
-392
lines changed

‎README.md

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -169,10 +169,19 @@ If you want to add your own reusable components you can just add them to the `in
169169
The standard format for videos should be `.webm` as it is supported by most browsers. However, you can also use `.mp4` files. To convert either `.mp4` or `.mov` files to `.webm` you can use the following command
170170

171171
```bash
172-
# ffmpeg -i {input}.mp4 -c:v libvpx-vp9 -crf 30 -b:v 0 -b:a 128k -c:a libopus {output}.webm
173-
ffmpeg -i {input}.mp4 -b:v 0 -crf 30 -pass 1 -an -f webm -y /dev/null
174-
ffmpeg -i {input}.mp4 -b:v 0 -crf 30 -pass 2 {output}.webm
175-
ffmpeg -i {input}.gif -c:v libvpx-vp9 -crf 30 -b:v 0 -b:a 128k -c:a libopus {output}.webm
172+
./video2webm.bash {input} {crf e.g. 30}
173+
```
174+
175+
### Images
176+
177+
The standard format should be `.png` or `.svg`. To convert `.pdf` files to `.svg` you can use the following command
178+
179+
```bash
180+
inkscape --export-type="svg" {input}.pdf
181+
```
182+
183+
For macOS you probably need to pass the whole inkscape path with
184+
185+
```bash
186+
/Applications/Inkscape.app/Contents/MacOS/inkscape --export-type="svg" {input}.pdf
176187
```
177-
A [two pass solution](https://video.stackexchange.com/questions/19590/convert-mp4-to-webm-without-quality-loss-with-ffmpeg) produced larger but better results.
178-
Change the `-crf` value to change the quality [lower => better](https://stackoverflow.com/questions/47510489/ffmpeg-convert-mp4-to-webm-poor-results).

‎_config.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ exclude:
4242
- vendor/cache/
4343
- vendor/gems/
4444
- vendor/ruby/
45+
- video2webm.bash
4546

4647
plugins:
4748
# - jekyll-remote-theme

‎_includes/acknowledgements.html

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
{% if page.acknowledgements != nil %}
2-
<footer class="footer">
3-
<div class="container">
4-
<div class="columns is-centered">
5-
<div class="column is-8">
6-
<div class="content">
7-
<h2>Acknowledgements</h2>
8-
<p>
9-
{{page.acknowledgements}}
10-
</p>
11-
</div>
12-
</div>
2+
<section class="section hero is-dark">
3+
<div class="container">
4+
<div class="columns is-centered">
5+
<div class="column is-8">
6+
<div class="content">
7+
<h2>Acknowledgements</h2>
8+
<p>
9+
{{page.acknowledgements}}
10+
</p>
1311
</div>
12+
</div>
1413
</div>
15-
</footer>
14+
</div>
15+
</section>
1616
{% endif %}

‎_includes/citation.html

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,18 @@
11
{% if page.citation != nil %}
2-
<section class="hero teaser">
3-
<div class="container is-max-desktop">
4-
<div class="hero-body">
5-
<!-- citation -->
6-
<h2>Citation <a onclick="CopyToClipboard('{{page.citation}}')" class="btn btn--primary">
7-
<i class="fa fa-copy"></i>
8-
</a></h2>
9-
<pre>
2+
<section class="hero teaser is-light">
3+
<div class="container is-max-desktop">
4+
<div class="hero-body">
5+
<!-- citation -->
6+
<h2>Citation <a onclick="CopyToClipboard('{{page.citation}}')" class="btn btn--primary"><i class="fa fa-copy"></i></a></h2>
7+
<pre class="hero teaser is-light">
108
<code id="citation_block">
119
</code>
12-
</pre>
13-
<script src="{{ site.baseurl }}{% link js/copy_to_clipboard.js %}"></script>
14-
<script>
15-
document.getElementById("citation_block").innerHTML = formateCitationHTML("{{page.citation}}");
16-
</script>
17-
</div>
10+
</pre>
11+
<script src="{{ site.baseurl }}{% link js/copy_to_clipboard.js %}"></script>
12+
<script>
13+
document.getElementById("citation_block").innerHTML = formateCitationHTML("{{page.citation}}");
14+
</script>
1815
</div>
16+
</div>
1917
</section>
2018
{% endif %}

‎_includes/header.html

Lines changed: 61 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,65 @@
11
<section class="hero">
2-
<div class="hero-body">
3-
<div class="container is-max-desktop">
4-
<div class="columns is-centered">
5-
<div class="column has-text-centered">
6-
<h1 class="title is-1 publication-title">{{ page.title }}</h1>
7-
<div class="is-size-4 publication-venue"><span class="author-block">{{ page.venue }}</span></div>
8-
<div class="is-size-5 publication-authors">
9-
<div tyle="justify-content: space-between;">
10-
{% for author_id in page.authors %}
11-
{% if site.data.authors_external[author_id.name] != nil %}
12-
{% assign author = site.data.authors_external[author_id.name] %}
13-
{% endif %}
14-
{% if site.data.authors_internal[author_id.name] != nil %}
15-
{% assign author = site.data.authors_internal[author_id.name] %}
16-
{% endif %}
17-
<span class="author-block">
18-
<a href="{{author.website}}" target="_blank">{{ author.first_name }} {{
19-
author.middle_name }} {{ author.last_name }}</a><sup>{% if
20-
author_id.equal_contribution != nil %}*{% endif %}{{ author_id.affiliations }}</sup>
21-
</span>
22-
{% unless forloop.last %}
23-
<span>&nbsp;&nbsp;</span>
24-
{% endunless %}
25-
{% endfor %}
26-
</div>
27-
</div>
28-
<div class="is-size-5 publication-affiliations">
29-
{% assign i = 1 %}
30-
{% for aff_id in page.affiliations %}
31-
{% assign affiliation = site.data.affiliations[aff_id.name] %}
32-
<span class="affiliation-block">
33-
<sup>{{i}}</sup>{{affiliation[aff_id.length]}}
34-
</span>
35-
{% assign i = i|plus:1 %}
36-
{% unless forloop.last %}
37-
<span>&nbsp;&nbsp;</span>
38-
{% endunless %}
39-
{% endfor %}
40-
</div>
41-
<div class="column has-text-centered">
42-
<div class="publication-links">
43-
{% for link in page.links %}
44-
{% if link.name != "Project Page" %}
45-
<span class="link-block">
46-
<a href="{{ link.link }}" target="_blank"
47-
class="external_link button is-normal is-rounded is-dark">
48-
<span class="icon">
49-
{% if link.style != nil %}
50-
<i class="{{link.style}}"></i>
51-
{% else %}
52-
<i class="fas fa-external-link-alt"></i>
53-
{% endif %}
54-
</span>
55-
<span>{{link.name}}</span>
56-
</a>
57-
</span>
58-
{% endif %}
59-
{% endfor %}
60-
</div>
61-
</div>
62-
</div>
2+
<div class="hero-body">
3+
<div class="container is-widescreen">
4+
<div class="columns is-centered">
5+
<div class="column has-text-centered is-four-fifths">
6+
<h1 class="title is-1 header-title">{{ page.title }}</h1>
7+
<div class="is-size-4 header-venue">
8+
{{ page.venue }}
9+
</div>
10+
<div class="is-size-5 header-authors">
11+
<div tyle="justify-content: space-between;">
12+
{% for author_id in page.authors %}
13+
{% if site.data.authors_external[author_id.name] != nil %}
14+
{% assign author = site.data.authors_external[author_id.name] %}
15+
{% endif %}
16+
{% if site.data.authors_internal[author_id.name] != nil %}
17+
{% assign author = site.data.authors_internal[author_id.name] %}
18+
{% endif %}
19+
<span class="author-block">
20+
<a href="{{author.website}}" target="_blank">{{ author.first_name }} {{
21+
author.middle_name }} {{ author.last_name }}</a><sup>{% if
22+
author_id.equal_contribution != nil %}*{% endif %}{{ author_id.affiliations }}</sup>
23+
</span>
24+
{% unless forloop.last %}
25+
<span>&nbsp;&nbsp;</span>
26+
{% endunless %}
27+
{% endfor %}
6328
</div>
29+
</div>
30+
<div class="is-size-5 header-affiliations">
31+
{% assign i = 1 %}
32+
{% for aff_id in page.affiliations %}
33+
{% assign affiliation = site.data.affiliations[aff_id.name] %}
34+
<span class="affiliation-block">
35+
<sup>{{i}}</sup>{{affiliation[aff_id.length]}}
36+
</span>
37+
{% assign i = i|plus:1 %}
38+
{% unless forloop.last %}
39+
<span>&nbsp;&nbsp;</span>
40+
{% endunless %}
41+
{% endfor %}
42+
</div>
43+
<div class="column has-text-centered">
44+
{% for link in page.links %}
45+
{% if link.name != "Project Page" %}
46+
<span class="link-block">
47+
<a href="{{ link.link }}" target="_blank" class="external_link button is-normal is-rounded is-dark">
48+
<span class="icon">
49+
{% if link.style != nil %}
50+
<i class="{{link.style}}"></i>
51+
{% else %}
52+
<i class="fas fa-external-link-alt"></i>
53+
{% endif %}
54+
</span>
55+
<span class="publication-link">{{link.name}}</span>
56+
</a>
57+
</span>
58+
{% endif %}
59+
{% endfor %}
60+
</div>
6461
</div>
62+
</div>
63+
</div>
64+
</div>
6565
</section>

‎_includes/preview.html

Lines changed: 6 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,17 @@
1-
<style>
2-
3-
.media-preview.has-second > img {
4-
display: initial;
5-
/* opacity: 100%; */
6-
}
7-
8-
.media-preview.has-second > .overlay {
9-
display: none;
10-
/* opacity: 0%;
11-
position: relative;
12-
top: 0;
13-
left: 0; */
14-
}
15-
16-
.media-preview.has-second:hover > img {
17-
display: none;
18-
/* opacity: 0%; */
19-
}
20-
21-
.media-preview.has-second:hover > .overlay {
22-
display: initial;
23-
/* opacity: 100%; */
24-
}
25-
/*.media-preview {
26-
position: relative;
27-
display: inline-block;
28-
width: 100%;
29-
}
30-
.media-preview .overlay {
31-
display: none;
32-
position: absolute;
33-
top: 0; left: 0;
34-
}
35-
.media-preview:hover .overlay {
36-
display: block;
37-
}
38-
.media-preview.has-second:hover > img,
39-
.media-preview.has-second:hover > iframe {
40-
visibility: hidden;
41-
} */
42-
</style>
43-
44-
<div class="media-preview{% if include.media2 %} has-second{% endif %}">
45-
{% if include.media1 contains ".webm" %}
1+
<div class="publication-media">
2+
<div class="base-media">
3+
{% if include.media1 contains ".webm" or include.media1 contains ".mp4" %}
464
<video autoplay loop muted>
475
<source src="{{ include.media1 }}" type="video/webm">
486
Your browser does not support the video tag.
497
</video>
508
{% else %}
519
<img src="{{ include.media1 }}" alt="Media1">
5210
{% endif %}
11+
</div>
5312
{% if include.media2 %}
54-
<div class="overlay">
55-
{% if include.media2 contains ".webm" %}
13+
<div class="overlay-media">
14+
{% if include.media2 contains ".webm" or include.media1 contains ".mp4" %}
5615
<video autoplay loop muted>
5716
<source src="{{ include.media2 }}" type="video/webm">
5817
Your browser does not support the video tag.

‎_layouts/publications.html

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
<!-- @import "{{ site.theme }}"; -->
2+
13
<!DOCTYPE html>
24
<html lang="{{ page.lang | default: site.lang | default: 'en-US' }}">
35

@@ -7,24 +9,30 @@
79

810
<!-- title and page icon -->
911
<title>{{ page.title }}</title>
10-
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
11-
12+
13+
<link rel="preconnect" href="https://fonts.googleapis.com">
14+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15+
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap" rel="stylesheet">
16+
<!-- <link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet"> -->
17+
1218
<!-- icons for buttons -->
13-
<link rel="stylesheet" href="/assets/css/style.css">
14-
<link rel="stylesheet" href="/assets/css/bulma.min.css">
15-
<link rel="stylesheet" href="/assets/css/bulma-carousel.min.css">
16-
<link rel="stylesheet" href="/assets/css/bulma-slider.min.css">
17-
<!-- <link rel="stylesheet" href="/assets/css/fontawesome.all.min.css"> -->
1819
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
20+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">
21+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
22+
23+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
24+
1925
<link rel="stylesheet" href="/assets/css/slider-component.css">
2026
<!-- <link rel="stylesheet" href="/assets/css/index.css"> -->
21-
<link rel="stylesheet" href="/assets/css/stylesheet.css">
27+
<link rel="stylesheet" href="/assets/css/header.css">
28+
<link rel="stylesheet" href="/assets/css/style.css">
2229

2330
{% if page.icon %}
2431
<link rel="icon" type="image/x-icon" href="{{ page.icon }}">
2532
{% else %}
2633
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
2734
{% endif %}
35+
<script src="/js/copy_to_clipboard.js"></script>
2836
</head>
2937

3038
<body>

0 commit comments

Comments
 (0)