Skip to content

Layout improvements #48

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
alanderex merged 3 commits into from
May 26, 2026
Merged

Layout improvements #48

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
dda04b1
style: add margin-bottom to .content lists so headings don't sit flus…
alanderex May 26, 2026
5b31b7f
style: also add margin-bottom to .content h1
alanderex May 26, 2026
78b30b5
minor: polishes board page
alanderex May 26, 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
15 changes: 15 additions & 0 deletions assets/stylesheets/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,7 @@ h4 {
blog/event/page bodies don't read as a wall of text. Existing
section-scoped overrides (.conf-block h3, .ecosystem-section > h2,
…) still win because they're more specific. */
.content h1,
.content h2,
.content h3,
.content h4,
Expand All @@ -118,6 +119,7 @@ h4 {
margin-bottom: calc(var(--rythm-unit) / 2);
}

.content h1,
.content h2 {
margin-bottom: calc(var(--rythm-unit) * 0.66);
}
Expand Down Expand Up @@ -609,6 +611,9 @@ p {
.content ul,
.content ol {
margin-left: 1em;
/* Match the paragraph rhythm so a heading or paragraph that follows
a list isn't flush against it. */
margin-bottom: var(--rythm-unit);
}

.content ul {
Expand All @@ -623,6 +628,9 @@ p {
ol.content-list {
list-style-type: none;
margin-left: 0;
/* The card grids (board, companies, blog index) provide their own
gap rules — don't add a list margin-bottom on top of that. */
margin-bottom: 0;
}

.board-member h3 {
Expand All @@ -635,6 +643,13 @@ ol.content-list {
gap: var(--rythm-unit);
}

.current-members,
.current-auditors,
.former-members {
margin-top: calc(var(--rythm-unit) * 3);
margin-bottom: var(--rythm-unit);
}

.board-member,
.company-member {
display: flex;
Expand Down
3 changes: 1 addition & 2 deletions content/board/contents+en.lr
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,5 @@ title: Board
---
body:

The board of the Python Software Verband is elected at the annual general meeting.

The board of the Python Software Verband is elected at the annual general meeting.
The board manages the affairs of the association and represents it externally.
3 changes: 1 addition & 2 deletions content/board/contents.lr
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,5 @@ title: Vorstand
---
body:

Der Vorstand des Python Software Verband wird auf der jährlich stattfindenden Mitgliederversammlung gewählt.

Der Vorstand des Python Software Verband wird auf der jährlich stattfindenden Mitgliederversammlung gewählt.
Der Vorstand leitet die Geschäfte des Verbands und vertritt ihn nach außen.
Loading