Skip to content

Consolidate layouts and improve website appearance #39

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
lauraengelhardt merged 20 commits into from
Mar 6, 2026
Merged

Consolidate layouts and improve website appearance #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
9d1c7a8
Consistently use banner on all pages and hide on mobile
lauraengelhardt Mar 2, 2026
7637bb3
Unify serif- and non-serif versions
lauraengelhardt Mar 2, 2026
f30a83b
Add padding around VIEW ALL EXAMPLES button
lauraengelhardt Mar 2, 2026
a5b5f68
Unify scattered heading definitions
lauraengelhardt Mar 2, 2026
39f8681
Wrap all content in unified content class
lauraengelhardt Mar 2, 2026
258cb87
Fix padding on associated page
lauraengelhardt Mar 2, 2026
b010c25
Clean up layout frontmatter
lauraengelhardt Mar 2, 2026
f40e51d
Remove strip wrappings as strip is no different from default background
lauraengelhardt Mar 2, 2026
f44efb2
Unify appearance of Featured examples and Examples
lauraengelhardt Mar 2, 2026
a20f25d
Use a folding menu for publications
lauraengelhardt Mar 2, 2026
3d19a57
Improve paddings on all pages and unify
lauraengelhardt Mar 2, 2026
0074802
Use a smaller fontsize for title on mobile devices
lauraengelhardt Mar 2, 2026
bf116e4
Improve image placement
lauraengelhardt Mar 2, 2026
19bfebf
Improve layout of menu and banner
lauraengelhardt Mar 2, 2026
5b606d4
Improve image placement
lauraengelhardt Mar 3, 2026
2638873
Use basic page layout for contact page as equal to contact layout
lauraengelhardt Mar 3, 2026
01bd498
Remove unused bodyClass definitions from layouts and include descript…
lauraengelhardt Mar 3, 2026
53a0f9c
Fix banner placement
lauraengelhardt Mar 3, 2026
339ccec
Fix image placement in associated
lauraengelhardt Mar 3, 2026
d80c1b7
Fix feature image and title margins
lauraengelhardt Mar 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion 404.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
---
title: Page not found
layout: page_serifheader
layout: page
description: This page could not be found
permalink: "/404.html"
banner: true
banner_hide_on_mobile: true
---

The page you are looking for is not available. Please navigate through the menu above.
2 changes: 1 addition & 1 deletion _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<div class="row">
<div class="col-12">
<div class="footer-inner">
<h2 class="footer-title">{{site.title}}</h2>
<span class="footer-title">{{site.title}}</span>
<ul>
{% assign footermenu = site.data.menus.footer | sort: 'weight' %} {%
for item in footermenu %}
Expand Down
19 changes: 8 additions & 11 deletions _includes/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,16 +23,13 @@
</div>

{% if page.banner %}
<div class="row">
<div class="container-fluid">
<p><br /><br /></p>
<img
alt="banner"
class="image{% if page.banner_hide_on_mobile %} image-hide-mobile{% endif %}"
src="{{ site.logo.banner | relative_url }}"
width="100%"
height="100%"
/>
</div>
<div class="container-fluid p-0">
<img
alt="banner"
class="image{% if page.banner_hide_on_mobile %} image-hide-mobile{% endif %}"
src="{{ site.logo.banner | relative_url }}"
width="100%"
height="100%"
/>
</div>
{% endif %}
77 changes: 34 additions & 43 deletions _layouts/associated.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,55 +2,46 @@
layout: default
---

<div class="container pb-6 pt-6 pt-md-6 pb-md-10">
<h1>{{ page.title }}</h1>
</div>

<div class="strip">
<div class="container" pt-2 pb-2>
<div class="row justify-content-start">
<div class="col-12 col-md-7 col-lg-7 order-2 order-md-1">
{{ content }}
</div>
{% if page.image %}
<div
class="col-12 col-md-5 col-lg-5 order-1 order-md-2 position-relative"
>
<img
alt="{{ page.title }}"
class="image {% if page.image_hide_on_mobile %} image-hide-mobile{% endif %}"
src="{{ page.image | absolute_url }}"
/>
</div>
{% endif %}
<div class="container pb-2 pt-2">
<div class="row justify-content-start">
<div class="col-12 col-md-7 col-lg-7">
<h1>{{ page.title }}</h1>
<div class="content">{{content}}</div>
</div>
{% if page.image %}
<div class="col-12 col-md-5 col-lg-5 position-relative">
<img
alt="{{ page.title }}"
class="image{% if page.image_hide_on_mobile %} image-hide-mobile{% endif %}"
src="{{ page.image | absolute_url }}"
/>
</div>
{% endif %}
</div>
</div>

<div class="strip">
<div class="container pt-6 pb-6">
<div class="row justify-content-start">
{% for associate in site.data.associated %}
<div class="col-12 col-md-6 mb-1">
<div class="feature">
<div class="feature-image">
<img
alt="{{ feature.title }}"
src="{{ associate.image.url | relative_url }}"
width="auto"
height="auto"
/>
</div>
<h2 class="feature-title">{{ associate.title }}</h2>
<div class="feature-content">{{ associate.description }}</div>
{% if associate.link %}
<div class="feature-content">
<a href="{{ associate.link }}">Project link</a>
</div>
{% endif %}
<div class="container pt-2 pb-6">
<div class="row justify-content-start">
{% for associate in site.data.associated %}
<div class="col-12 col-md-6 mb-1">
<div class="feature">
<div class="feature-image">
<img
alt="{{ feature.title }}"
src="{{ associate.image.url | relative_url }}"
width="auto"
height="auto"
/>
</div>
<span class="feature-title">{{ associate.title }}</span>
<div class="feature-content">{{ associate.description }}</div>
{% if associate.link %}
<div class="feature-content">
<a href="{{ associate.link }}">Project link</a>
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
61 changes: 26 additions & 35 deletions _layouts/capabilities.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,46 +1,37 @@
---
layout: default
bodyClass: "page-capabilities"
---

<div class="container pb-6 pt-6 pt-md-6 pb-md-10">
<div class="row justify-content-start">
<div class="col-12 col-md-8">
<h1>{{page.title}}</h1>
<div class="service service-single pt-2">
<div class="content_serifheader">{{content}}</div>
</div>
</div>
</div>
<div class="container pb-2 pt-2">
<h1>{{page.title}}</h1>
<div class="content">{{content}}</div>
</div>

<div class="strip">
<div class="container pt-6 pb-6">
<h2>Examples</h2>
<div class="row justify-content-start">
{% for capability in site.data.examples %}
<div class="col-12 col-md-4 mb-1">
<div class="feature">
{% if capability.image %}
<div class="feature-image">
<img
alt="{{ feature.title }}"
src="{{ capability.image.url | relative_url }}"
width="auto"
height="auto"
/>
</div>
{% endif %}
<h2 class="feature-title">{{ capability.title }}</h2>
<div class="feature-content">{{ capability.description }}</div>
{% if capability.link %}
<div class="feature-content">
<a href="{{ capability.link }}">Project link</a>
</div>
{% endif %}
<div class="container pb-6 pt-0">
<h2>Examples</h2>
<div class="row justify-content-start">
{% for capability in site.data.examples %}
<div class="col-12 col-md-4 mb-1">
<div class="feature">
{% if capability.image %}
<div class="feature-image">
<img
alt="{{ feature.title }}"
src="{{ capability.image.url | relative_url }}"
width="auto"
height="auto"
/>
</div>
{% endif %}
<span class="feature-title">{{ capability.title }}</span>
<div class="feature-content">{{ capability.description }}</div>
{% if capability.link %}
<div class="feature-content">
<a href="{{ capability.link }}">Project link</a>
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
16 changes: 0 additions & 16 deletions _layouts/contact.html
View file
Open in desktop

This file was deleted.

36 changes: 14 additions & 22 deletions _layouts/contributor.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,10 @@
---
layout: default
bodyClass: "page-community"
permalink: "/contributor/"
---

<div class="container pt-2">
<h1>{{ page.title }}</h1>
</div>

<div class="container pt-2 pt-md-2">
<div class="row justify-content-start">
<div class="col-12 col-md-8">
<div class="contributor contributor-single">
<div class="content">{{content}}</div>
</div>
</div>
</div>
<div class="container pb-2 pt-2">
<h1>{{page.title}}</h1>
<div class="content">{{content}}</div>
</div>

<div class="container pt-2 pb-2">
Expand All @@ -34,7 +23,7 @@ <h1>{{ page.title }}</h1>
/>
</div>
{% endif %}
<h2 class="feature-title">{{ institution.name }}</h2>
<span class="feature-title">{{ institution.name }}</span>
<a target="_blank" href="{{ contributor.institution.url }}">
<div class="content">{{ institution.institute }}</div>
</a>
Expand All @@ -44,14 +33,17 @@ <h2 class="feature-title">{{ institution.name }}</h2>
</div>
</div>

<div class="container">
<div class="container pt-2 pb-6">
<h2>Developer in alphabetical order</h2>

<div class="row justify-content-start">
<ul>
{% for dev in site.data.developer %}
<li>{{ dev }}</li>
{% endfor %}
</ul>
<div class="col-12">
<div class="content">
<ul>
{% for dev in site.data.developer %}
<li>{{ dev }}</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
2 changes: 1 addition & 1 deletion _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
{% endif %}
</head>

<body class="page {{layout.bodyClass}}">
<body class="page {{ bodyClass }}">
{% include main-menu-mobile.html %}
<div id="wrapper" class="wrapper">
{% include header.html headerClass='header-extra' %} {{content}}
Expand Down
Loading