Skip to content

Reserve image space site-wide; #884

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

Open
richarddushime wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Reserve image space site-wide; #884

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4930359
Reserve image space site-wide; fix one copy-pasted alt text (#869)
richarddushime Sep 7, 2026
70ec6a8
Correct teamwork.webp alt text; size the SIPS award logos (#869)
richarddushime Sep 14, 2026
8cdd0c6
Merge branch 'main' into issue#869
richarddushime Sep 14, 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
2 changes: 1 addition & 1 deletion .github/workflows/deploy.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -240,7 +240,7 @@ jobs:
# =======================
# Built HTML Regression Checks
# =======================
- name: Check built HTML (headings, conditional assets, image alt)
- name: Check built HTML (headings, conditional assets, image alt and dimensions)
run: |
python3 scripts/check_seo_html.py public

Expand Down
22 changes: 11 additions & 11 deletions content/awards/awards.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -105,7 +105,7 @@ Thanks to our amazing community, FORRT has become an ***award-winning*** grassro

### [FORWARD: A UNESCO Decade of Science Programme](../educators-corner/023-forward-a-unesco-decade-of-science-programme/)

<img src="unesco_recognition.webp" width="200" align="left" style="margin-right: 10px;" alt="FORWARD: A UNESCO Decade of Science Programme">
<img src="unesco_recognition.webp" width="200" height="207" align="left" style="margin-right: 10px;" alt="FORWARD: A UNESCO Decade of Science Programme">

**FORRT** is one of the few initiatives worldwide to be formally endorsed as a **Programme** of the [International Decade of Sciences for Sustainable Development (IDSSD, 2024–2033)](https://www.un-sciences-decade.org/en/endorsed-activities/forward-forrt-world-development-fostering-open-research-reproducibility-worldwide-accessible?hub=63) , led by UNESCO and the United Nations (UN). This endorsement reflects the highest level of UN policy recognition and positions FORRT’s work in Education & Pedagogy (Curriculum Hub), Metascience & Research (Replication Hub) and Social Justice & DEIA as an **essential contribution to the UN’s strategy for achieving the Sustainable Development Goals (SDGs)**.

Expand All @@ -121,23 +121,23 @@ Thanks to our amazing community, FORRT has become an ***award-winning*** grassro

<br>

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received the ***[Mission Award for Educational resources on the replication crisis](https://forrt.org/positive-changes-replication-crisis/)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/#:~:text=SEMA3-,June%202025,Educational%20resources%20on%20the%20replication%20crisis,-June%202025).
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received the ***[Mission Award for Educational resources on the replication crisis](https://forrt.org/positive-changes-replication-crisis/)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/#:~:text=SEMA3-,June%202025,Educational%20resources%20on%20the%20replication%20crisis,-June%202025).

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***Commendation Award for [Pownall et al. (2023): Teaching open and reproducible scholarship: a critical review of the evidence base for current pedagogical methods and their outcomes](https://doi.org/10.1098/rsos.221255)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***Commendation Award for [Pownall et al. (2023): Teaching open and reproducible scholarship: a critical review of the evidence base for current pedagogical methods and their outcomes](https://doi.org/10.1098/rsos.221255)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***Commendation Award for [Open Science in the Developing World: A Collection of Practical Guides for Researchers in Developing Countries](https://forrt.org/os-developing-world/)*** [(published article)](https://doi.org/10.1177/25152459251357565) from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***Commendation Award for [Open Science in the Developing World: A Collection of Practical Guides for Researchers in Developing Countries](https://forrt.org/os-developing-world/)*** [(published article)](https://doi.org/10.1177/25152459251357565) from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***Commendation Award for [International Initiatives to Enhance Awareness and Uptake of Open Research in Psychology: A Systematic Mapping Review](https://doi.org/10.1098/rsos.241726)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***Commendation Award for [International Initiatives to Enhance Awareness and Uptake of Open Research in Psychology: A Systematic Mapping Review](https://doi.org/10.1098/rsos.241726)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***[Commendation Award for FORRT Credit Project](https://forrt.org/contributors/)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2025, FORRT received a ***[Commendation Award for FORRT Credit Project](https://forrt.org/contributors/)*** from the Society for the Improvement of Psychological Science [(Announcement)](https://improvingpsych.org/mission/awards/).

<br style="clear: both;" />

Expand All @@ -153,7 +153,7 @@ Thanks to our amazing community, FORRT has become an ***award-winning*** grassro

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2023, FORRT received the ***[Mission Award](https://improvingpsych.org/mission/awards/)*** from the Society for the Improvement of Psychological Science for its overall initiatives.
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2023, FORRT received the ***[Mission Award](https://improvingpsych.org/mission/awards/)*** from the Society for the Improvement of Psychological Science for its overall initiatives.

- **[Announcement by SIPS](https://improvingpsych.org/mission/awards/)**

Expand All @@ -163,7 +163,7 @@ Thanks to our amazing community, FORRT has become an ***award-winning*** grassro

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2023, FORRT received a ***Commendation award*** from the Society for the Improvement of Psychological Science for its [Replications & Reversals](https://forrt.org/reversals/) project.
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2023, FORRT received a ***Commendation award*** from the Society for the Improvement of Psychological Science for its [Replications & Reversals](https://forrt.org/reversals/) project.

- **[Announcement by SIPS](https://improvingpsych.org/2023/08/22/sips-2023-awards-announced/)**

Expand All @@ -173,15 +173,15 @@ Thanks to our amazing community, FORRT has become an ***award-winning*** grassro

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2022, FORRT received a ***Grants-In-Aid to Reduce Barriers to Improving Psychological Science*** from the Society for the Improvement of Psychological Science for the FORRT's Neurodiversity initiative, receiving $1250.
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2022, FORRT received a ***Grants-In-Aid to Reduce Barriers to Improving Psychological Science*** from the Society for the Improvement of Psychological Science for the FORRT's Neurodiversity initiative, receiving $1250.

<br style="clear: both;" />

<img src="alt.webp" align="right" alt="Association for Learning Technology logo" /> In 2022, FORRT received an ***Open Scholarship Conference award*** from the Association for Learning Technology for its initiatives, receiving €200/£189. This was linked to our presentation at the OER22 Conference.

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2022, FORRT received a ***[Commendation](https://improvingpsych.org/mission/awards/)*** from the Society for the Improvement of Psychological Science for its [Summaries of Open Science](https://forrt.org/summaries/) project.
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2022, FORRT received a ***[Commendation](https://improvingpsych.org/mission/awards/)*** from the Society for the Improvement of Psychological Science for its [Summaries of Open Science](https://forrt.org/summaries/) project.

<br style="clear: both;" />

Expand All @@ -197,7 +197,7 @@ In 2021, FORRT has received a ***Kellogg School of Management Consultancy on “

<br style="clear: both;" />

<img src="sips.webp" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2020, FORRT has received a ***Commendation*** from the [Society for the Improvement of Psychological Science](http://improvingpsych.org/mission/awards/) for its manuscript ["Introducing a Framework for Open and Reproducible Research Training (FORRT)"](https://osf.io/bnh7p/).
<img src="sips.webp" width="200" height="70" align="right" alt="Society for the Improvement of Psychological Science logo" /> In 2020, FORRT has received a ***Commendation*** from the [Society for the Improvement of Psychological Science](http://improvingpsych.org/mission/awards/) for its manuscript ["Introducing a Framework for Open and Reproducible Research Training (FORRT)"](https://osf.io/bnh7p/).

<br>

Expand Down
2 changes: 1 addition & 1 deletion content/home/5-achievements.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ title = "Achievements &amp; Awards"

### [FORWARD: A UNESCO Decade of Science Programme](../educators-corner/023-forward-a-unesco-decade-of-science-programme/)

<img src="../awards/unesco_recognition.webp" width="200" align="left" style="margin-right: 10px;" alt="FORWARD: A UNESCO Decade of Science Programme">
<img src="../awards/unesco_recognition.webp" width="200" height="207" align="left" style="margin-right: 10px;" alt="FORWARD: A UNESCO Decade of Science Programme">

**FORRT** is one of the few initiatives worldwide to be formally endorsed as a **Programme** of the [International Decade of Sciences for Sustainable Development (IDSSD, 2024–2033)](https://www.un-sciences-decade.org/en/endorsed-activities/forward-forrt-world-development-fostering-open-research-reproducibility-worldwide-accessible?hub=63) , led by UNESCO and the United Nations (UN). This endorsement reflects the highest level of UN policy recognition and positions FORRT’s work in Education & Pedagogy (Curriculum Hub), Metascience & Research (Replication Hub) and Social Justice & DEIA as an **essential contribution to the UN’s strategy for achieving the Sustainable Development Goals (SDGs)**.

Expand Down
2 changes: 1 addition & 1 deletion content/home/5-get-involved.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ title = "How can you help?"
# icon = "users"
# icon_pack = "fas"
img = "teamwork.webp"
imgalttext = "Image of a megaphone"
imgalttext = "Three people standing together. Illustration."
name = "Join Our Teams"
description = "Everything we develop and produce is in the open and open to anyone willing to help. Check out our [several teams here](/about/teams) and our [get-involved page](/about/get-involved) too."

Expand Down
28 changes: 28 additions & 0 deletions layouts/_default/_markup/render-image.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
{{/* Markdown image hook: reproduce Hugo's default <img> and add intrinsic width/height
so the browser reserves the image's box before it loads. The site stylesheet sets
`img { height: auto; max-width: 100% }`, so the attributes fix the aspect ratio
without freezing the rendered size or breaking responsive scaling.

Dimensions come from the page bundle's own resource first, then from static/, and
are skipped for remote images and for formats Hugo cannot measure (SVG). */}}
{{- $dest := .Destination -}}
{{- $dims := "" -}}
{{- $raster := slice "png" "jpeg" "gif" "webp" -}}
{{- if not (or (strings.HasPrefix $dest "http") (strings.HasPrefix $dest "//") (strings.HasPrefix $dest "data:")) -}}
{{- with .PageInner.Resources.Get (strings.TrimPrefix "./" $dest) -}}
{{/* Match Hugo's default hook, which links page-bundle images by permalink rather
than by the author's page-relative path. */}}
{{- $dest = .RelPermalink -}}
{{- if in $raster .MediaType.SubType -}}
{{- $dims = printf "width=\"%d\" height=\"%d\"" .Width .Height -}}
{{- end -}}
{{- else -}}
{{- $static := printf "static/%s" (strings.TrimPrefix "/" $dest) -}}
{{- if and (fileExists $static) (in (slice ".png" ".jpg" ".jpeg" ".gif" ".webp") (path.Ext $static | lower)) -}}
{{- with imageConfig $static -}}
{{- $dims = printf "width=\"%d\" height=\"%d\"" .Width .Height -}}
{{- end -}}
{{- end -}}
{{- end -}}
{{- end -}}
<img src="{{ $dest | safeURL }}" alt="{{ .PlainText }}"{{ with .Title }} title="{{ . }}"{{ end }}{{ with $dims }} {{ . | safeHTMLAttr }}{{ end }}>
4 changes: 2 additions & 2 deletions layouts/partials/chatbot.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -901,7 +901,7 @@
{{ if $active }}
<!-- Toggle Button -->
<button id="just-os-btn" onclick="toggleJustOS()" aria-label="Open Chatbot">
<img id="just-os-img" src="/img/just_os_icon.webp" alt="Chat with us">
<img id="just-os-img" src="/img/just_os_icon.webp" {{ partial "functions/static_img_dims" "just_os_icon.webp" }} alt="Chat with us">
<div id="just-os-bubble">
How can I help you?
</div>
Expand Down Expand Up @@ -933,7 +933,7 @@
{{ else }}
<!-- Inactive state: icon links to the standalone page where the full offline notice lives -->
<a id="just-os-btn" href="/just_os_chatbot/" aria-label="JUST-OS chatbot is offline — open status page">
<img id="just-os-img" src="/img/just_os_icon.webp" alt="JUST-OS chatbot (offline)">
<img id="just-os-img" src="/img/just_os_icon.webp" {{ partial "functions/static_img_dims" "just_os_icon.webp" }} alt="JUST-OS chatbot (offline)">
<span id="just-os-offline-badge" aria-hidden="true" title="Chatbot offline">
<!-- Unplugged plug icon -->
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
Expand Down
23 changes: 23 additions & 0 deletions layouts/partials/functions/logo_dims.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
{{/* Intrinsic width/height attributes for the site logo, so the navbar reserves the
brand's box before the image loads. The stylesheet sizes the logo by height with
`width: auto`, which leaves its width unknown until the file arrives and shifts
the menu sideways on first paint.
Input: the logo resource (as returned by functions/get_logo).
Output: `width="W" height="H"` (safe attribute string), or empty when unavailable.

Hugo exposes .Width/.Height on raster resources only, so the SVG's aspect ratio is
read from the first viewBox in the file, which is the root <svg> element's. */}}
{{ $dims := "" }}
{{ with . }}
{{ if eq (path.Ext .Name | lower) ".svg" }}
{{ with (findRE `viewBox="[^"]+"` .Content 1) }}
{{ $nums := findRE `[0-9]+(\.[0-9]+)?` (index . 0) }}
{{ if eq (len $nums) 4 }}
{{ $dims = printf "width=\"%.0f\" height=\"%.0f\"" (float (index $nums 2)) (float (index $nums 3)) }}
{{ end }}
{{ end }}
{{ else }}
{{ $dims = printf "width=\"%d\" height=\"%d\"" .Width .Height }}
{{ end }}
{{ end }}
{{ return ($dims | safeHTMLAttr) }}
6 changes: 4 additions & 2 deletions layouts/partials/navbar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,10 @@
{{ $show_logo := site.Params.main_menu.show_logo | default true }}
{{ $has_logo := fileExists "assets/images/logo.webp" | or (fileExists "assets/images/logo.svg") }}
{{ $logo := "" }}
{{ $logo_dims := "" }}
{{ if $has_logo }}
{{ $logo = (partial "functions/get_logo" (dict "constraint" "max_height" "size" 70)) }}
{{ $logo_dims = partial "functions/logo_dims" $logo }}
{{ end }}

<nav class="navbar navbar-expand-lg navbar-light compensate-for-scrollbar" id="navbar-main">
Expand All @@ -15,7 +17,7 @@
<div class="d-none d-lg-inline-flex">
<a class="navbar-brand" href="{{ "/" | relLangURL }}">
{{- if $has_logo -}}
<img src="{{ $logo.RelPermalink }}" alt="{{ site.Title }} Logo. Link to homepage">
<img src="{{ $logo.RelPermalink }}" {{ $logo_dims }} alt="{{ site.Title }} Logo. Link to homepage">
{{- else -}}
{{- site.Title -}}
{{- end -}}
Expand All @@ -34,7 +36,7 @@
<div class="navbar-brand-mobile-wrapper d-inline-flex d-lg-none">
<a class="navbar-brand" href="{{ "/" | relLangURL }}">
{{- if $has_logo -}}
<img src="{{ $logo.RelPermalink }}" alt="{{ site.Title }}">
<img src="{{ $logo.RelPermalink }}" {{ $logo_dims }} alt="{{ site.Title }}">
{{- else -}}
{{- site.Title -}}
{{- end -}}
Expand Down
10 changes: 5 additions & 5 deletions layouts/shortcodes/forward_unesco_sdgs_card.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,22 +7,22 @@ <h3>FORWARD (FORRT for World Development)</h3>

<div class="sdg-icons-wrapper">
<a href="https://sdgs.un.org/goals/goal4" target="_blank" rel="noopener noreferrer">
<img src="/img/forward_unesco_sdgs/4.webp" alt="SDG 4: Quality Education"
<img src="/img/forward_unesco_sdgs/4.webp" {{ partial "functions/static_img_dims" "forward_unesco_sdgs/4.webp" }} alt="SDG 4: Quality Education"
title="SDG 4: Quality Education">
</a>
<a href="https://sdgs.un.org/goals/goal5" target="_blank" rel="noopener noreferrer">
<img src="/img/forward_unesco_sdgs/5.webp" alt="SDG 5: Gender Equality" title="SDG 5: Gender Equality">
<img src="/img/forward_unesco_sdgs/5.webp" {{ partial "functions/static_img_dims" "forward_unesco_sdgs/5.webp" }} alt="SDG 5: Gender Equality" title="SDG 5: Gender Equality">
</a>
<a href="https://sdgs.un.org/goals/goal10" target="_blank" rel="noopener noreferrer">
<img src="/img/forward_unesco_sdgs/10.webp" alt="SDG 10: Reduced Inequalities"
<img src="/img/forward_unesco_sdgs/10.webp" {{ partial "functions/static_img_dims" "forward_unesco_sdgs/10.webp" }} alt="SDG 10: Reduced Inequalities"
title="SDG 10: Reduced Inequalities">
</a>
<a href="https://sdgs.un.org/goals/goal16" target="_blank" rel="noopener noreferrer">
<img src="/img/forward_unesco_sdgs/16.webp" alt="SDG 16: Peace, Justice and Strong Institutions"
<img src="/img/forward_unesco_sdgs/16.webp" {{ partial "functions/static_img_dims" "forward_unesco_sdgs/16.webp" }} alt="SDG 16: Peace, Justice and Strong Institutions"
title="SDG 16: Peace, Justice and Strong Institutions">
</a>
<a href="https://sdgs.un.org/goals/goal17" target="_blank" rel="noopener noreferrer">
<img src="/img/forward_unesco_sdgs/17.webp" alt="SDG 17: Partnerships for the Goals"
<img src="/img/forward_unesco_sdgs/17.webp" {{ partial "functions/static_img_dims" "forward_unesco_sdgs/17.webp" }} alt="SDG 17: Partnerships for the Goals"
title="SDG 17: Partnerships for the Goals">
</a>
</div>
Expand Down
Loading
Loading