Skip to content

Commit 140a5fb

Browse files
committed
added image-slider option
1 parent 06daf06 commit 140a5fb

File tree

13 files changed

+2274
-14
lines changed

13 files changed

+2274
-14
lines changed

README.md

Lines changed: 29 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -58,15 +58,18 @@ So nothing fancy.
5858
Are you tired of always searching for peoples website or the names of affiliations. Is if **TU Munich**, **Technical University Munich**, or **Technical University of Munich**? In the files `_data/affiliations.yaml`, `_data/authors_external.yaml`, and `_data/authors_internal.yaml` you store the information about you and your co-authors and their affiliations so you avoid mistakes in the future.
5959

6060
For authors, the scheme is
61-
```
61+
62+
```yaml
6263
{shortname}:
6364
  first_name: ...
6465
  last_name: ...
6566
  website: (optional)
6667
  is_me: true # to mark yourself
6768
```
69+
6870
For affiliations it is:
69-
```
71+
72+
```yaml
7073
{shortname}:
7174
  long: ...
7275
  short: ...
@@ -82,7 +85,7 @@ This is where you should spend most of your time. Every publication is a subdire
8285

8386
`index.md` contains all the meta information about publications that is used in `_layouts/publications.html` to generate the project page. `_layouts/publications.html` itself uses smaller snippets from `_include` to generate a header, citation, and acknowledgements. We show an example file to introduce the different options
8487

85-
```
88+
```yaml
8689
layout: publications # defines the layout used for this publication. Leave it as publications or create your own layout under _layouts
8790
permalink: /publications/pnec/ # defines the link used to publish the website
8891
date: 2022_05_26 # determines sorting just take the date of the first publication as YYYY_MM_DD
@@ -134,4 +137,26 @@ citation: '@inproceedings{muhle2022pnec,
134137
acknowledgements: 'We thank our colleagues, especially Florian Hofherr, for proofreading and helpful discussions. This work was supported by the ERC Advanced Grant SIMULACRON and by the Munich Center for Machine Learning.' # (Optional) Will add a acknowledgements section on the project page.
135138
```
136139

137-
The rest of the project page you have to define in the `content.html` file, where the template cannot help you anymore execpt to provide you with examples. More, maybe later.
140+
The rest of the project page you have to define in the `content.html` file, where the template cannot help you anymore execpt to provide you with examples. More, maybe later.
141+
142+
### Includes
143+
144+
Includes are supposed to provide reusable templates to make content sections more consistent and easy to use. One example would be `comparison-slider.html`. This allows you to overlay two images with a slider reactive to the mouse. In can be used in the `content.html` file with
145+
146+
```html
147+
<...>
148+
{% include comparison_slider.html
149+
first_img="{path to first image}"
150+
second_img="{path to second image}"
151+
(optional first_caption="{caption text}")
152+
(optional second_caption="{caption text}")
153+
(optional caption="{caption text}")
154+
%}
155+
</...>
156+
157+
<script defer src="/js/slider-component.js"></script>
158+
```
159+
160+
Jekyll allows to pass arguments to the includes that can be used in the `hmtl` code as you can see in the example. In this case, since a `.js` script is needed for this component, we have to add the script at the end of our `content.html` as well. Also be mindful, that the `slider-component.css` file is alread included in the `publications.html` file. (There should probably be a cleaner solution for this.)
161+
162+
If you want to add your own reusable components you can just add them to the `includes` directory. (Cleaning up would be important at some point.)

_includes/comparison_slider.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<img-comparison-slider hover="hover">
2+
<figure slot="first" class="before">
3+
<img width="100%" src="{{ include.first_img }}" />
4+
{% if include.first_caption %}
5+
<figcaption>{{ include.first_caption }}</figcaption>
6+
{% endif %}
7+
</figure>
8+
<figure slot="second" class="after">
9+
<img width="100%" src="{{ include.second_img }}" />
10+
{% if include.second_caption %}
11+
<figcaption>{{ include.second_caption }}</figcaption>
12+
{% endif %}
13+
</figure>
14+
</img-comparison-slider>
15+
{% if include.caption %}
16+
<p class="content has-text-centered"><i>
17+
{{ include.caption }}
18+
</i></p>
19+
{% endif %}

_includes/head.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,3 +27,5 @@
2727
<script src="{{ script | relative_url }}"></script>
2828
{% endfor %}
2929
{% endif %}
30+
31+
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">

_layouts/publications.html

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,8 @@
77

88
<!-- title and page icon -->
99
<title>{{ page.title }}</title>
10-
{% if page.icon %}
11-
<link rel="icon" type="image/x-icon" href="{{ page.icon }}">
12-
{% else %}
13-
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
14-
{% endif %}
1510
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Noto+Sans|Castoro" rel="stylesheet">
16-
11+
1712
<!-- icons for buttons -->
1813
<link rel="stylesheet" href="/assets/css/style.css">
1914
<link rel="stylesheet" href="/assets/css/bulma.min.css">
@@ -24,7 +19,12 @@
2419
<link rel="stylesheet" href="/assets/css/slider-component.css">
2520
<link rel="stylesheet" href="/assets/css/index.css">
2621
<link rel="stylesheet" href="/assets/css/stylesheet.css">
27-
22+
23+
{% if page.icon %}
24+
<link rel="icon" type="image/x-icon" href="{{ page.icon }}">
25+
{% else %}
26+
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
27+
{% endif %}
2828
<!-- <link href="{{ '/assets/css/fontawesome.all.min.css' | relative_url }}" rel="stylesheet">
2929
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
3030
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
15 KB
Binary file not shown.

_publications/dnls_covs/content.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -136,11 +136,11 @@ <h3 class="title is-4 has-text-left">Real World</h3>
136136
<p class="content has-text-justified">
137137
<i><b>Visual Odometry Results.</b> Rotation and translation error using KLT keypoints.</i>
138138
<br><br>
139-
The tables show the average results on the test set over 5 runs for SuperPoint and KLT tracks on KITTI, respectively. We show additional results in the supplementary material. Our methods consistently perform the best over all sequences, with the self-supervised being on par with our supervised training. Compared to its non-probabilistic counterpart NEC-LS, our method improves RPE<sub>*1*</sub> by 7% and 13% and the RPE<sub>*n*</sub> by 37% and 23% for different keypoint detectors on unseen data. Furthermore, it also improves upon methods that use weighting, like weighted NEC-LS and the non-learned covariances for the PNEC, significantly.
139+
The tables show the average results on the test set over 5 runs for SuperPoint and KLT tracks on KITTI, respectively. We show additional results in the supplementary material. Our methods consistently perform the best over all sequences, with the self-supervised being on par with our supervised training. Compared to its non-probabilistic counterpart NEC-LS, our method improves $\text{RPE}_1$ by 7% and 13% and the $\text{RPE}_n$ by 37% and 23% for different keypoint detectors on unseen data. Furthermore, it also improves upon methods that use weighting, like weighted NEC-LS and the non-learned covariances for the PNEC, significantly.
140140
</p>
141141
</p>
142142
</div>
143143
</div>
144144
</div>
145145
</div>
146-
</section>
146+
</section>

_publications/dnls_covs/index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ permalink: /publications/dnls_covs/
44
date: 2023_05_29 # determines sorting just take the date of the first publication as YYYY_MM_DD
55
image: assets/teaser.png
66
image_mouseover: assets/header_vid.mp4
7+
icon: assets/favicon.ico
78

89
title: "Learning Correspondence Uncertainty via Differentiable Nonlinear Least Squares"
910
venue: CVPR, 2023
15 KB
Binary file not shown.

_publications/pnec/index.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ permalink: /publications/pnec/
44
date: 2022_05_26 # determines sorting just take the date of the first publication as YYYY_MM_DD
55
image: assets/teaser.pdf
66
image_mouseover: assets/trajectory_8.pdf
7+
icon: assets/favicon.ico
78

89
title: "Probabilistic Normal Epipolar Constraint for Frame-To-Frame Rotation Optimization under Uncertain Feature Positions"
910
venue: CVPR, 2022
@@ -51,4 +52,4 @@ acknowledgements: 'We thank our colleagues, especially Florian Hofherr, for proo
5152

5253
---
5354

54-
{% include_relative content.html %}
55+
{% include_relative content.html %}

assets/favicon.ico

16.6 KB
Binary file not shown.

0 commit comments

Comments
 (0)