Skip to content

Commit

Permalink
refactor sections; code fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
OliEfr committed Sep 19, 2024
1 parent b9b71f4 commit 2b9b3e0
Show file tree
Hide file tree
Showing 5 changed files with 122 additions and 213 deletions.
18 changes: 9 additions & 9 deletions _data/misc.yaml
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
- venue: Summer School, 2024
title: Winning robot competition at the ETH Robotics Summer School
description: Building a robot for autonomous outdoor exploration and artifact detection
image: ETH_RSS2024_before.png
image: misc/ETH_RSS2024_before.png
webpage: https://robotics-summerschool.ethz.ch/
image_mouseover: ETH_RSS2024_after.png
image_mouseover: misc/ETH_RSS2024_after.png
- venue: Conference, 2024
title: Young scientist award for my masters` thesis at KIRO 2024
description: KIRO2024 was the first german AI-in-robotics conference
webpage: https://www.elektronikforschung.de/robotik
image: KIRO2024_before.png
image_mouseover: KIRO2024_after.png
image: misc/KIRO2024_before.png
image_mouseover: misc/KIRO2024_after.png
- venue: Project, 2024
title: Analyzing contributions to robotic conferences
description:
webpage: https://oliver.hausdoerfer.de/robotics_conferences_analyzed
image: Analyzing_robotics_conferences.png
image: misc/Analyzing_robotics_conferences.png
image_border: true
- venue: Hackathon, 2023
title: Winning the SICK Solution Hackathon
description:
webpage: https://www.mirmi.tum.de/en/mirmi/news/article/tum-student-oliver-hausdoerfer-gewinnt-sick-solution-hackathon/
image: Sick_Hackathon_2024_before.png
image_mouseover: Sick_Hackathon_2024_after.png
image: misc/Sick_Hackathon_2024_before.png
image_mouseover: misc/Sick_Hackathon_2024_after.png
- venue: Hackathon, 2021
title: Winning the start.ING Hackathon
webpage: https://www.rolandberger.com/en/Join/Events/start.ing/index.html
description:
- venue: Project, 2021
title: Project TUfast TU Dresden
description: Software for teaching and studying at TU Dresden. 3500 users. Awarded with the german [Digital Changemaker Award](https://www.stifterverband.org/digitalchangemaker-accelerator).
description: Software for teaching and studying at TU Dresden with 3500 users. Awarded with the german [Digital Changemaker Award](https://www.stifterverband.org/digitalchangemaker-accelerator).
webpage: https://tu-fast.de/
image: TUfast.png
image: misc/TUfast.png
image_border: true
- venue: Hackathon, 2019
title: Winning the bonding Engineering Competition
Expand Down
1 change: 1 addition & 0 deletions _data/student_projects.yml
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
description: "A Franka Emika FR3 robotic manipulator builds lego structures."
video: https://drive.google.com/file/d/1N1CvrnQH8WayqLru4apPA0yI7BwdBI1Q/view?usp=sharing
image: lego_before.jpg
venue: 2024
image_mouseover: lego_after.mp4
authors:
- schuck
Expand Down
101 changes: 101 additions & 0 deletions _includes/section.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<div class="publication-block columns">
<div class="column is-2">
<div class="publication-image {% if publication.image_mouseover %}publication-mousecell{% endif %}">
{% if publication.image_mouseover contains "mp4" %}
<video autoplay preload playsinline class="" height="100%" loop muted width="100%">
<source src="./images/{{ publication.image_mouseover }}" type="video/mp4">
Your browser does not support the video tag.
</video>
{% endif %}
{% if publication.image_mouseover contains "png" or publication.image_mouseover contains "jpg" or publication.image_mouseover contains "jpeg"%}
<img alt="{{ publication.title }}" class="image2 {% if publication.image_border %}image-border{% endif %}" style="display: none;" onerror="this.style.display='none'" src="./images/{{ publication.image_mouseover }}" />
{% endif %}
<img alt="{{ publication.title }}" class="{% if publication.image_border %}image-border{% endif %}" onerror="this.style.display='none'" src="./images/{{ publication.image }}" />
</div>
</div>
<div class="column">
<div class="content">
{% if publication.project_page %}
{%assign title_link = publication.project_page %}
{%elsif publication.webpage%}
{%assign title_link = publication.webpage %}
{%elsif publication.paper%}
{%assign title_link = publication.paper %}
{%else%}
{%assign title_link = '' %}
{%endif%}
<h3 class="publication-title"><a class="{% if title_link == '' %}disable-link{% endif %}" href="{{ title_link }}">{{ publication.title }}</a></h3>
<div class="publication-authors">
{%- for author_id in publication.authors -%}
{% assign author = site.data.authors[author_id] %}
<span class="author-block {% if author.is_me %}author-me{% endif %}">
{%- if author.is_me -%}
{{ author.first_name }} {{author.middle_name}} {{ author.last_name }}
{%- else -%}
{%- if author.website -%}
<a href="{{ author.website}}">{{ author.first_name }} {{ author.middle_name }} {{ author.last_name
}}</a>
{%- else -%}
<a class="disable-link">{{ author.first_name }} {{ author.middle_name }} {{ author.last_name
}}
{%- endif -%}
{%- endif -%}
{% if forloop.last == false %},{% endif %}
</span>
{%- endfor -%}
</div>
<div class="publication-venue">
<span>{{ publication.venue }}</span>
{% for award in publication.awards %}
<span class="publication-venue-emph">{{ award }}<span>
{% endfor %}
</div>
<p class="publication-description">{{ publication.description | markdownify | remove: '<p>' | remove: '</p>'}}</p>
<div class="publication-links buttons field has-addons">
{% if publication.project_page %}
<a class="external-link button is-small is-ghost" href="{{ publication.project_page }}">
<span class="icon"><i class="fas fa-globe-asia"></i></span>
<span>Project Page</span>
</a>
{% endif %}
{% if publication.paper %}
<a class="external-link button is-small is-ghost" href="{{ publication.paper }}">
<span class="icon"><i class="fa-regular fa-newspaper"></i></span>
<span>Paper</span>
</a>
{% endif %}
{% if publication.video %}
<a class="external-link button is-small is-ghost" href="{{ publication.video }}">
<span class="icon"><i class="fa-solid fa-film"></i></span>
<span>Video</span>
</a>
{% endif %}
{% if publication.pdf %}
<a class="external-link button is-small is-ghost"
href="https://arxiv.org/pdf/{{ publication.arxiv }}.pdf">
<span class="icon"><i class="fas fa-file-pdf"></i></span>
<span>PDF</span>
</a>
{% endif %}
{% if publication.arxiv %}
<a class="external-link button is-small is-ghost" href="https://arxiv.org/abs/{{ publication.arxiv }}">
<span class="icon"><i class="ai ai-arxiv"></i></span>
<span>arXiv</span>
</a>
{% endif %}
{% if publication.webpage %}
<a class="external-link button is-small is-ghost" href="{{ publication.webpage }}">
<span class="icon"><i class="fas fa-globe-asia"></i></span>
<span>Webpage</span>
</a>
{% endif %}
{% if publication.github %}
<a class="external-link button is-small is-ghost" href="https://github.com/{{ publication.github }}">
<span class="icon"><i class="fa fab fa-github"></i></span>
<span>Code</span>
</a>
{% endif %}
</div>
</div>
</div>
</div>
7 changes: 7 additions & 0 deletions css/index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,13 @@
}
}

.disable-link {
text-decoration:none !important;
cursor: default !important;
pointer-events: none;

}


.publication-block {
.publication-title {
Expand Down
208 changes: 4 additions & 204 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -108,88 +108,7 @@ <h1 class="title">
<div class="container is-max-desktop">
<h2 class="title is-3 anchor" id="publications">Publications</h2>
{% for publication in site.data.publications %}
<div class="publication-block columns">
<div class="column is-2">
<div class="publication-image {% if publication.image_mouseover %}publication-mousecell{% endif %}">
{% if publication.image_mouseover contains "mp4" %}
<video autoplay preload playsinline class="" height="100%" loop muted width="100%">
<source src="./images/{{ publication.image_mouseover }}" type="video/mp4">
Your browser does not support the video tag.
</video>
{% endif %}
{% if publication.image_mouseover contains "png" or publication.image_mouseover contains "jpg" or publication.image_mouseover contains "jpeg"%}
<img alt="{{ publication.title }}" class="image2 {% if publication.image_border %}image-border{% endif %}" style="display: none;" onerror="this.style.display='none'" src="./images/{{ publication.image_mouseover }}" />
{% endif %}
<img alt="{{ publication.title }}" class="{% if publication.image_border %}image-border{% endif %}" onerror="this.style.display='none'" src="./images/{{ publication.image }}" />
</div>
</div>
<div class="column">
<div class="content">
<h3 class="publication-title"><a href="{{ publication.project_page }}">{{ publication.title }}</a></h3>
<div class="publication-authors">
{%- for author_id in publication.authors -%}
{% assign author = site.data.authors[author_id] %}
<span class="author-block {% if author.is_me %}author-me{% endif %}">
{%- if author.is_me -%}
{{ author.first_name }} {{author.middle_name}} {{ author.last_name }}
{%- else -%}
{%- if author.website -%}
<a href="{{ author.website}}">{{ author.first_name }} {{ author.middle_name }} {{ author.last_name
}}</a>
{%- else -%}
<a style="text-decoration:none; cursor: default;">{{ author.first_name }} {{ author.middle_name }} {{ author.last_name
}}
{%- endif -%}
{%- endif -%}
{% if forloop.last == false %},{% endif %}
</span>
{%- endfor -%}
</div>
<div class="publication-venue">
<span>{{ publication.venue }}</span>
{% for award in publication.awards %}
<span class="publication-venue-emph">{{ award }}<span>
{% endfor %}
</div>
<p class="publication-description">{{ publication.description }}</p>
<!-- Publication Links. -->
<div class="publication-links buttons field has-addons">
{% if publication.project_page %}
<a class="external-link button is-small is-ghost" href="{{ publication.project_page }}">
<span class="icon"><i class="fas fa-globe-asia"></i></span>
<span>Project Page</span>
</a>
{% endif %}
{% if publication.paper %}
<a class="external-link button is-small is-ghost" href="{{ publication.paper }}">
<span class="icon"><i class="fa-regular fa-newspaper"></i></span>
<span>Paper</span>
</a>
{% endif %}
{% if publication.pdf %}
<a class="external-link button is-small is-ghost"
href="https://arxiv.org/pdf/{{ publication.arxiv }}.pdf">
<span class="icon"><i class="fas fa-file-pdf"></i></span>
<span>PDF</span>
</a>
{% endif %}
{% if publication.arxiv %}
<a class="external-link button is-small is-ghost" href="https://arxiv.org/abs/{{ publication.arxiv }}">
<span class="icon"><i class="ai ai-arxiv"></i></span>
<span>arXiv</span>
</a>
{% endif %}
{% if publication.github %}
<a class="external-link button is-small is-ghost" href="https://github.com/{{ publication.github }}">
<span class="icon"><i class="fa fab fa-github"></i></span>
<span>Code</span>
</a>
{% endif %}
</div>
<!--/ Publication Links. -->
</div>
</div>
</div>
{% include section.html %}
{% endfor %}
</div>
</section>
Expand All @@ -198,87 +117,7 @@ <h3 class="publication-title"><a href="{{ publication.project_page }}">{{ public
<div class="container is-max-desktop">
<h2 class="title is-3 anchor" id="studentProjects">Student projects</h2>
{% for publication in site.data.student_projects %}
<div class="publication-block columns">
<div class="column is-2">
<div class="publication-image {% if publication.image_mouseover %}publication-mousecell{% endif %}">
{% if publication.image_mouseover contains "mp4" %}
<video autoplay preload playsinline class="" height="100%" loop muted width="100%">
<source src="./images/{{ publication.image_mouseover }}" type="video/mp4">
Your browser does not support the video tag.
</video>
{% endif %}
{% if publication.image_mouseover contains "png" or publication.image_mouseover contains "jpg" or publication.image_mouseover contains "jpeg"%}
<img alt="{{ misc.title }}" class="image2 {% if publication.image_border %}image-border{% endif %}" style="display: none;" onerror="this.style.display='none'" src="./images/{{ misc.image_mouseover }}" />
{% endif %}
<img alt="{{ publication.title }}" class="{% if publication.image_border %}image-border{% endif %}" onerror="this.style.display='none'" src="./images/{{ publication.image }}" />
</div>
</div>
<div class="column">
<div class="content">
<h3 class="publication-title"><a href="{{ publication.project_page }}">{{ publication.title }}</a></h3>
<div class="publication-authors">
{% for author_id in publication.authors %}
{%- assign author = site.data.authors[author_id] -%}
<span class="author-block {% if author.is_me %}author-me{% endif %}">
{%- if author.is_me -%}
{{author.first_name}} {{author.middle_name}} {{author.last_name}}
{%- else -%}
{%- if author.website -%}
<a href="{{ author.website}}">{{ author.first_name }} {{author.middle_name }} {{ author.last_name
}}</a>
{%- else -%}
<a style="text-decoration:none; cursor: default;">{{author.first_name }} {{ author.middle_name }} {{ author.last_name}}
{%- endif -%}
{%- endif -%}
{%- if forloop.last == false -%},{%-
endif -%}
</span>
{% endfor %}
</div>
<div class="publication-venue">
<span>{{ publication.venue }}</span>
{% for award in publication.awards %}
<span class="publication-venue-emph">{{ award }}<span>
{% endfor %}
</div>
<p class="publication-description">{{ publication.description }}</p>
<div class="publication-links buttons field has-addons">
{% if publication.project_page %}
<a class="external-link button is-small is-ghost" href="{{ publication.project_page }}">
<span class="icon"><i class="fas fa-globe-asia"></i></span>
<span>Project Page</span>
</a>
{% endif %}
{% if publication.video %}
<a class="external-link button is-small is-ghost" href="{{ publication.video }}">
<span class="icon"><i class="fa-solid fa-film"></i></span>
<span>Video</span>
</a>
{% endif %}
{% if publication.pdf %}
<a class="external-link button is-small is-ghost"
href="https://arxiv.org/pdf/{{ publication.arxiv }}.pdf">
<span class="icon"><i class="fas fa-file-pdf"></i></span>
<span>PDF</span>
</a>
{% endif %}
{% if publication.arxiv %}
<a class="external-link button is-small is-ghost" href="https://arxiv.org/abs/{{ publication.arxiv }}">
<span class="icon"><i class="ai ai-arxiv"></i></span>
<span>arXiv</span>
</a>
{% endif %}
{% if publication.github %}
<a class="external-link button is-small is-ghost" href="https://github.com/{{ publication.github }}">
<span class="icon"><i class="fa fab fa-github"></i></span>
<span>Code</span>
</a>
{% endif %}
</div>
<Publication Links.>
</div>
</div>
</div>
{% include section.html %}
{% endfor %}
</div>
</section>
Expand Down Expand Up @@ -312,47 +151,8 @@ <h3 class="publication-title">Practical course: Hands-On Introduction to Deep Re
<section class="section">
<div class="container is-max-desktop">
<h2 class="title is-3 anchor" id="misc">Miscellaneous</h2>
{% for misc in site.data.misc %}
<div class="publication-block columns">
<div class="column is-2">
<div class="publication-image {% if misc.image_mouseover %}publication-mousecell{% endif %}">
{% if misc.image_mouseover contains "mp4" %}
<video autoplay preload playsinline class="" height="100%" loop muted width="100%">
<source src="./images/misc/{{ misc.image_mouseover }}" type="video/mp4">
Your browser does not support the video tag.
</video>
{% endif %}
{% if misc.image_mouseover contains "png" or misc.image_mouseover contains "jpg" or misc.image_mouseover contains "jpeg"%}
<img alt="{{ misc.title }}" class="image2 {% if misc.image_border %}image-border{% endif %}" style="display: none;" onerror="this.style.display='none'" src="./images/misc/{{ misc.image_mouseover }}" />
{% endif %}
<img alt="{{ misc.title }}" class="{% if misc.image_border %}image-border{% endif %}" onerror="this.style.display='none'" src="./images/misc/{{ misc.image }}" />
</div>
</div>
<div class="column">
<div class="content">
<h3 class="publication-title"><a href="{{ misc.webpage }}">{{ misc.title }}</a></h3>
<div class="publication-venue">
<span>{{misc.venue}}</span>
</div>
<p class="publication-description">
{{ misc.description | markdownify | remove: '<p>' | remove: '</p>'}}</p>
<div class="publication-links buttons field has-addons">
{% if misc.webpage %}
<a class="external-link button is-small is-ghost" href="{{ misc.webpage }}">
<span class="icon"><i class="fas fa-globe-asia"></i></span>
<span>Webpage</span>
</a>
{% endif %}
{% if misc.github %}
<a class="external-link button is-small is-ghost" href="https://github.com/{{ misc.github }}">
<span class="icon"><i class="fa fab fa-github"></i></span>
<span>Code</span>
</a>
{% endif %}
</div>
</div>
</div>
</div>
{% for publication in site.data.misc %}
{% include section.html %}
{% endfor %}
</div>
</section>
Expand Down

0 comments on commit 2b9b3e0

Please sign in to comment.