Brummel 385dce04e5 fix(images): match live <p>-wrapped img markup, drop width/height attrs
Two related fixes for the visual gaps reported after the previous pass:

1. Doctor portraits on /team were horizontally compressed. Cause: explicit
   width="200"/height="200" attributes interacted with Bootstrap's
   `img { display:block; max-width:100%; height:auto }` and `.float-right`
   padding to squish the rendered box. Dropping the attributes lets the
   browser use the resized image's intrinsic 200x200 dimensions, with the
   padding sitting around the image instead of inside its width.

2. Vertical rhythm was a few pixels off vs live. Cause: the live Grav
   markdown wraps standalone image references in <p> (markdown spec),
   adding the expected paragraph margin. Our shortcode emitted bare <img>
   with no wrapper, so the following <p> was visually slightly closer.
   Wrap the shortcode calls in <p> in the 6 service pages and 3 doctor
   blocks to restore the rhythm.
2026-05-21 10:03:04 +02:00
2026-05-20 23:51:45 +02:00

Praxis am Lienhardplatz — Static Site

Static rebuild of the practice website, replacing the previous Grav 1.4.3 installation.

Build

zola build       # production build → ./public/
zola serve       # dev server with auto-reload → http://127.0.0.1:1111

Deploy (staging)

zola build
rsync -av --delete public/ mycelium:public/praxis/

Staging URL: https://preview.praxis-am-lienhardplatz.de

Layout

  • content/ — Markdown pages
  • templates/ — Tera templates
  • static/ — verbatim assets (JS, CSS, fonts, images)
  • sass/ — SCSS sources (compiled by Zola)
  • docs/specs/ — design specs
  • docs/plans/ — implementation plans

The directory orig/ (gitignored) is a read-only snapshot of the previous Grav installation, kept as a reference for content and visual parity.

S
Description
No description provided
Readme 13 MiB
Languages
CSS 54.8%
HTML 22.1%
JavaScript 21.9%
Shell 1.2%