Feat/landing ada #5907

2026-06-04T13:40:39Z

silviarbgl commented

2026-06-04 13:40:39 +00:00

No description provided.

delliott commented

2026-06-11 13:46:14 +00:00

For clarity, this is to solve issue #5721 , right?

For clarity, this is to solve issue https://git.fsfe.org/FSFE/fsfe-website/issues/5721 , right?

1

silviarbgl added 22 commits 2026-06-15 13:04:16 +00:00

restore translate files

continuous-integration/drone/pr Build is failing

Details

0f298cbcda

I had to restore some files that I committed by mistake and they shouldn't be in this PR.

update files of timeline a3029542a7

Merge branch 'master' of git.fsfe.org:FSFE/fsfe-website 3e49ba4961

Merge branch 'master' of git.fsfe.org:FSFE/fsfe-website 71ab073435

Merge branch 'master' of git.fsfe.org:FSFE/fsfe-website b01750286c

Merge branch 'master' of git.fsfe.org:FSFE/fsfe-website a9ec77e62f

resolve conflicts in timeline files 8d39287863

Merge branch 'master' of git.fsfe.org:FSFE/fsfe-website 9af25ec544

Merge branch 'master' of git.fsfe.org:FSFE/fsfe-website 015cfce5f6

Merge branch 'master' of git.fsfe.org:FSFE/fsfe-website f082c86b29

change structure of landing page 1cf805c4ca

feat: change structure of landiing page 15550a7319

style: add specific look for landing page 452dd5fb59

style: add specific look for landing page 8de74c7f4a

feat: change structure of sections 13d051fa41

feat: add thumbnails for each section a7368ff1ad

feat: add content for different sections f727318a2a

feat: add content for different sections cc9102becb

feat: add content for different sections c49140610c

feat: add content for different sections b3d306bec3

feat: add content for different sections 3184342581

feat: add content for different sections

continuous-integration/drone/pr Build is failing

Details

80753b3eab

silviarbgl force-pushed feat/landing-ada from 30d6d91fde to 80753b3eab

2026-06-15 13:04:16 +00:00

Compare

silviarbgl added 2 commits 2026-06-18 10:51:30 +00:00

fix: add alt text and translator tag e71ba6209d

fix: alt text, figcaptation and strong text

continuous-integration/drone/pr Build is failing

Details

5915bbf0f7

silviarbgl added 1 commit 2026-06-18 12:56:27 +00:00

feat: build dynamic content for language editions of the movie

continuous-integration/drone/pr Build is failing

Details

7ad579c4a7

silviarbgl added 1 commit 2026-06-19 10:21:17 +00:00

style: add iframe style to look good in the grid view of thumbnails

continuous-integration/drone/pr Build is failing

Details

0bb6a216c4

silviarbgl added 1 commit 2026-06-19 10:24:58 +00:00

feat: add content for different sections

continuous-integration/drone/pr Build is failing

Details

951d0725e4

silviarbgl added 2 commits 2026-06-22 11:17:00 +00:00

feat: add events structure with related content via tags a9b007c33c

feat: add events structure with related content via tags

continuous-integration/drone/pr Build is failing

Details

5ce124bb51

silviarbgl added 2 commits 2026-06-22 14:30:50 +00:00

fix: closing tag missing 5e1ff4bc29

feat: add events structure with related content via tags

continuous-integration/drone/pr Build is failing

Details

9cc6aeaffe

silviarbgl added 1 commit 2026-06-23 13:14:57 +00:00

feat: add followup and new content

continuous-integration/drone/pr Build is failing

Details

04213eef6f

silviarbgl added 3 commits 2026-06-24 13:02:57 +00:00

feat: add events structure with related content via tags d97ae78c14

feat: improve cumulative layout shift and add new images 98ecd811ac

fix: modify structure for events

continuous-integration/drone/pr Build is failing

Details

bfc7a71362

silviarbgl added 1 commit 2026-06-24 13:42:23 +00:00

fix: remove a dot

continuous-integration/drone/pr Build is failing

Details

c7670b6f76

silviarbgl added 2 commits 2026-06-25 14:45:27 +00:00

feat: add sidebar 64ab736459

feat: build dynamic content for language editions of the book

continuous-integration/drone/pr Build is failing

Details

0cb2d6e0bd

silviarbgl added 1 commit 2026-06-26 09:53:14 +00:00

feat: add new info

continuous-integration/drone/pr Build is failing

Details

19a67a381e

silviarbgl added 1 commit 2026-06-26 10:02:29 +00:00

resolve conflicts with timeline files

continuous-integration/drone/pr Build is failing

Details

c1e191900c

I had to restore some files that I committed by mistake and they shouldn't be in this PR.

silviarbgl added 1 commit 2026-06-26 10:06:48 +00:00

resolve conflicts with timeline files

continuous-integration/drone/pr Build is passing

Details

f13e8e4531

I had to restore some files that I committed by mistake and they shouldn't be in this PR.

tobiasd reviewed

2026-06-29 10:16:47 +00:00

fsfe.org/activities/ada-zangemann/about.en.xhtml Outdated

						
				@@ -0,0 +11,4 @@

				  <h1 class="p-name">About the Book</h1>

					<figure>

						<a href="https://pics.fsfe.org/uploads/medium/94/f4/aec90b9dfe2e0f5073003fca5d05.png">

tobiasd commented

2026-06-29 10:16:47 +00:00

For read-ability my personal taste would be

<figure>
	<a href="https://pics.fsfe.org/uploads/medium/94/f4/aec90b9dfe2e0f5073003fca5d05.png">
		<img src="https://pics.fsfe.org/uploads/medium/94/f4/aec90b9dfe2e0f5073003fca5d05.png" alt="A three way power adaptor, a tin of paint, a pair of pliers, a mouse,  a soldering iron, a phone, and a keyboard form a circle with a thin white curly line. Inside the circle, Ada and Zangemann face each other. Zangemann is an old man with glasses and Ada is a young girl with curly black hair."/>
	</a>
</figure>

For accessibility I think we should limit the length of the ALT text and maybe even just use the figcaption as ALT text - it can be referenced for screen readers see e.g. MDN HTML: A good basis for accessibility

For read-ability my personal taste would be ``` <figure> <a href="https://pics.fsfe.org/uploads/medium/94/f4/aec90b9dfe2e0f5073003fca5d05.png"> <img src="https://pics.fsfe.org/uploads/medium/94/f4/aec90b9dfe2e0f5073003fca5d05.png" alt="A three way power adaptor, a tin of paint, a pair of pliers, a mouse, a soldering iron, a phone, and a keyboard form a circle with a thin white curly line. Inside the circle, Ada and Zangemann face each other. Zangemann is an old man with glasses and Ada is a young girl with curly black hair."/> </a> </figure> ``` For accessibility I think we should limit the length of the ALT text and maybe even just use the figcaption as *ALT* text - it can be referenced for screen readers see e.g. [MDN HTML: A good basis for accessibility](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/HTML#figures_and_figure_captions)

tobiasd reviewed

2026-06-29 10:18:11 +00:00

fsfe.org/activities/ada-zangemann/about.en.xhtml Outdated

						
				@@ -0,0 +84,4 @@

				  to focus on the text and spend less time formatting the translation 

				  for different publication formats. In <a 

				  href="https://git.fsfe.org/FSFE/ada-zangemann/src/branch/main/docs/building.md">this 

				  practical guide</a> on ow to build the various output formats, you

tobiasd commented

2026-06-29 10:18:11 +00:00

typo on ow to build -> on how to build

typo `on ow to build` -> `on how to build`

silviarbgl marked this conversation as resolved

tobiasd reviewed

2026-06-29 10:33:52 +00:00

fsfe.org/activities/ada-zangemann/data/language/book/danish.en.xml

						
				@@ -0,0 +3,4 @@

				  <version>1</version>

					<language value="Danish">

						<publisher>

tobiasd commented

2026-06-29 10:33:52 +00:00

Could you put the ISBN in a separate field and add a field for the publication year, translator. Not sure how we would use it, but I think it makes sense to have these field available. For for all languages.

This could also be a good place to indicate the URL being an affiliate link or not, so that in the XSL file there could be a if case to include the information automatically. In that case we also need some afilitanote field.

Could you put the ISBN in a separate field and add a field for the publication year, translator. Not sure how we would use it, but I think it makes sense to have these field available. For for all languages. This could also be a good place to indicate the URL being an affiliate link or not, so that in the XSL file there could be a `if` case to include the information automatically. In that case we also need some *afilitanote* field.

silviarbgl marked this conversation as resolved

tobiasd reviewed

2026-06-29 11:26:44 +00:00

fsfe.org/activities/ada-zangemann/index.en.xhtml Outdated

						
				@@ -15,3 +15,1 @@

				  <p>Here you find additional information and resources about the book "Ada

				  &amp; Zangemann - A Tale of Software, Skateboards, and Raspberry Ice Cream"

				  by <a href="https://k7r.eu">Matthias Kirschner</a> and <a href="http://sandra-brandstaetter.com/">Sandra Brandstätter</a>.</p>

				  <p> The illustrated book "Ada &amp; Zangemann - a tale

tobiasd commented

2026-06-29 11:26:43 +00:00

Here I think the uppercase letters come from the title of the book, so better keep them.

silviarbgl marked this conversation as resolved

tobiasd reviewed

2026-06-29 11:32:02 +00:00

fsfe.org/activities/ada-zangemann/resources.en.xhtml Outdated

						
				@@ -0,0 +11,4 @@

				  <h1 class="p-name">Resources</h1>

					<figure>

						<a href="https://pics.fsfe.org/uploads/medium/b3/f2/8a0369e4b835a0459254a294e56e.png">

tobiasd commented

2026-06-29 11:32:02 +00:00

More of a general question - also for @mk and @anaghz - do we want to link to the image here at all? If so, I think it would be more in the sense of the visitor to get the original size of the image, not the scaled down version.

So maybe rather link to https://pics.fsfe.org/uploads/original/b3/f2/8a0369e4b835a0459254a294e56e.png but keep displaying the medium version in websites.

More of a general question - also for @mk and @anaghz - do we want to link to the image here at all? If so, I think it would be more in the sense of the visitor to get the *original* size of the image, not the scaled down version. So maybe rather link to `https://pics.fsfe.org/uploads/original/b3/f2/8a0369e4b835a0459254a294e56e.png` but keep displaying the *medium* version in websites.