Consolidate layouts and improve website appearance#39
Merged
lauraengelhardt merged 20 commits into4C-multiphysics:mainfrom Mar 6, 2026
Merged
Conversation
Apply improved heading margins Remove header wrappings where not applicable
Remove duplicate list and p styles. Always wrap content in content style
Remove image top margin to align correctly
…ions
The bodyClass variable was never applied due to a bug ({{layout.bodyClass}}
should have been {{ bodyClass }}). Since there's no CSS using these classes,
they've been removed.
Contributor
Author
|
If you want to inspect the website itself you can download the artifact: https://github.com/4C-multiphysics/website/actions/runs/22619785261/artifacts/5738912320 Then unzip the folder and run Then open http://localhost:8000 in your browser. Maybe there is an easier workflow, I haven't found one yet though. |
amgebauer
approved these changes
Mar 3, 2026
Member
amgebauer
left a comment
amgebauer
left a comment
There was a problem hiding this comment.
Thank you @lauraengelhardt for these improvements!
c-p-schmidt
approved these changes
Mar 4, 2026
Contributor
c-p-schmidt
left a comment
c-p-schmidt
left a comment
There was a problem hiding this comment.
Very nice work. Thank you for improving our webpage significantly!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
I refactored some code and unified the layout. Screenshots of the new and old version are attached below. I used opencode for development and the PR description (with adjustments from my side).
Details
Layout refactoring to unify page appearance across the site:
Suggestions to review
I structured the commits to make them as easy to review as possible, even though the changes come together only in the end (so when you inspect the website at an intermediate state there may still be some visual inconsistencies that will be gone in the final version). Hence, it does not really make sense to split this PR in several PRs.
Comparison of old and new version
Screenshots where taken with Playwright using this script: screenshot.js. There would also be the option to include visual regression in the CI, but maybe thats a bit overkill 😄
Desktop Screenshots
Desktop screenshots
Mobile Screenshots
Mobile screenshots