Add a shortcode for floating (left or right) content

ivoa · Sep 30, 2024 · 0796c88 · 0796c88
1 parent 850cf27
commit 0796c88
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/layouts/shortcodes/floating.html b/layouts/shortcodes/floating.html
@@ -0,0 +1,3 @@
+<div class="{{ if .Get 0 }}floating {{ .Get 0 }}{{ else }}floating{{ end }}">
+    {{ .Inner | markdownify }}
+</div>
diff --git a/static/css/ivoa.css b/static/css/ivoa.css
@@ -21,6 +21,7 @@ body {
 
 h1, h2, h3 {
     color: #012647;
+    clear: both;
 }
 
 body > main > article > header > h1 {
@@ -404,4 +405,20 @@ section > main.carrousel {
 .sitemap .card { border: none }
 .sitemap .card:nth-child(1) > .card-title { border-bottom-color: #5dbbf5 }
 .sitemap .card:nth-child(2) > .card-title { border-bottom-color: #399110 }
-.sitemap .card:nth-child(3) > .card-title { border-bottom-color: #aa3f3f }
+.sitemap .card:nth-child(3) > .card-title { border-bottom-color: #aa3f3f }
+
+
+/* =============================================================================
+   FLOATING
+ */
+
+.floating {
+    margin: 1em;
+    margin-top: 0;
+}
+.floating.left  { float: left ; margin-left: 0; }
+.floating.right { float: right; margin-right: 0; }
+
+.floating > img {
+    max-width: 30vw;
+}