Convert about and contacts pages

content/about/contacts.md

@@ -0,0 +1,22 @@
+---
+title: "Contacts"
+date: 2024-09-30T15:00:00+02:00
+draft: false
+tags:
+- about
+---
+
+_IVOA Executive Committee_
+- **IVOA Chair**: [Simon O'Toole](mailto:[email protected])
+- **Deputy Chair**: [JJ Kavelaars](mailto:[email protected])
+- *Secretary*: [Marcy Harbut](mailto:[email protected])
+
+Contacts for the [_IVOA Member Organizations_](../member-contacts)
+
+_IVOA Technical Coordination Group (TCG)_
+- **TCG Chair**: [Marco Molinaro](mailto:[email protected])
+- **TCG Deputy**: [Tom Donaldson](mailto:[email protected])
+
+Contacts for the [_IVOA Working Groups_](../../members/working-groups)
+
+_IVOA Document Coordinator_: [Giulia Iafrate](mailto:[email protected])

layouts/shortcodes/floating.html

@@ -0,0 +1,3 @@
+<div class="{{ if .Get 0 }}floating {{ .Get 0 }}{{ else }}floating{{ end }}">
+    {{ .Inner | markdownify }}
+</div>

layouts/shortcodes/side-image.html

@@ -0,0 +1,12 @@
+<section class="with-image {{ .Get "position" }}">
+    <aside>
+    {{- if (.Get "thumbnail") }}
+        <a href="{{ .Get "image" }}"><img src="{{- .Get "thumbnail" }}" /></a>
+    {{- else }}
+        <img src="{{- .Get "image" }}" />
+    {{- end }}
+    </aside>
+    <main>
+        {{- .Inner | markdownify }}
+    </main>
+</section>

static/css/ivoa.css

@@ -21,6 +21,7 @@ body {
 
 h1, h2, h3 {
     color: #012647;
+    clear: both;
 }
 
 body > main > article > header > h1 {
@@ -244,6 +245,31 @@ section > main + aside  { margin-left: 1em }
 }
 
 
+/* =============================================================================
+   SECTION WITH A SIDE IMAGE
+ */
+
+.with-image {
+    display              : grid;
+    grid-template-columns: auto 1fr;
+    grid-template-areas  : "image content";
+    column-gap: 1em;
+}
+
+.with-image.right {
+    grid-template-columns: 1fr auto;
+    grid-template-areas  : "content image";
+}
+
+.with-image > aside {
+    grid-area : image;
+    margin-top: 1em;
+}
+
+.with-image > aside > img { max-width: 30vw }
+.with-image > main        { grid-area: content }
+
+
 /* =============================================================================
    CARROUSEL
  */
@@ -404,4 +430,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;
+}