diff options
| author | Loek Le Blansch <loek@pipeframe.xyz> | 2024-10-05 17:56:32 +0200 |
|---|---|---|
| committer | Loek Le Blansch <loek@pipeframe.xyz> | 2024-10-05 17:56:32 +0200 |
| commit | b07eb8d1c06e582e5f177c159d820778029a9d93 (patch) | |
| tree | bd6621e3d0b63fe229e57f90109315b61ef9ad14 | |
| parent | b73f6aef37e60a5c58e38b69950717ab43a95c47 (diff) | |
use html figurecaption + fix caption css
| -rw-r--r-- | _posts/2021-08-17-homeauto.md | 5 | ||||
| -rw-r--r-- | _sass/image.css | 12 | ||||
| -rw-r--r-- | _sass/layout.css | 6 | ||||
| -rw-r--r-- | readme.md | 1 |
4 files changed, 17 insertions, 7 deletions
diff --git a/_posts/2021-08-17-homeauto.md b/_posts/2021-08-17-homeauto.md index cc8648e..544cf07 100644 --- a/_posts/2021-08-17-homeauto.md +++ b/_posts/2021-08-17-homeauto.md @@ -153,7 +153,10 @@ The esp is still at the bottom of the case, but getting everything to fit inside was so hard that I completely forgot to take pictures. So here's a picture of the finished controller mounted under my bed using two small nails: - +<figure> + <img src="/img/homeauto/finishedcontroller.png"/> + <figcaption>Job well done</figcaption> +</figure> ### ESP firmware diff --git a/_sass/image.css b/_sass/image.css index 3e98ae4..f1d48bb 100644 --- a/_sass/image.css +++ b/_sass/image.css @@ -1,8 +1,16 @@ -img { - position: relative; +img, figure { display: block; margin: 0 auto var(--page-margins) auto; max-width: 500px; +} + +img { + position: relative; overflow: visible; } +figure { + opacity: .8; + font-style: italic; +} + diff --git a/_sass/layout.css b/_sass/layout.css index b92ef79..c459e8e 100644 --- a/_sass/layout.css +++ b/_sass/layout.css @@ -56,9 +56,9 @@ overflow-x: hidden; } -.contentWrapper > * { - margin: 0; - margin-bottom: var(--page-margins); + +.contentWrapper :first-child { + margin-top: 0; } .contentWrapper p { @@ -5,5 +5,4 @@ Live at <https://blog.pipeframe.xyz> ## TODO - local search page functionality -- image captions not working |