96eea20c97ce133d7123c1486f976af8ccb0cc07
Root cause of the home carousel indicator dots drifting apart on slide
change: flexslider.css adds a rule `.carousel li { margin-right: 5px }`
that bleeds into Bootstrap's carousel because both use the `.carousel`
class. With Bootstrap's `.active { margin: 0 }` overriding the active
dot but flexslider's `margin-right: 5px` still applying to the inactive
dot, the gap between the two dots is asymmetric — 1px when active is on
the left, ~9px (1+4+4) when active is on the right.
Live's Grav asset pipeline doesn't bundle that flexslider rule (the
live HTML uses Bootstrap carousel exclusively too), so the bug is
stage-only.
We don't actually use flexslider — testimonialSlider was the only
target in scripts.js and it doesn't exist in our markup. Drop the css
link, the js script tag, and the static assets. Also revert the
previous attempt that forced active dots to inactive geometry; with
flexslider gone, Bootstrap's design (active 12px margin 0 + inactive
10px margin 1 → both outer 12px) keeps positions stable on its own,
which matches the live behavior the user observed.
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%