385dce04e58669cca542525621f6523096b6b87f
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.
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 pagestemplates/— Tera templatesstatic/— verbatim assets (JS, CSS, fonts, images)sass/— SCSS sources (compiled by Zola)docs/specs/— design specsdocs/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.
Description
Languages
CSS
54.8%
HTML
22.1%
JavaScript
21.9%
Shell
1.2%