Icons on same line

basicpage · Oct 19, 2024 · 59f8eb1 · 59f8eb1
1 parent 4552130
commit 59f8eb1
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 24 deletions.
diff --git a/pandoc/template.html4 b/pandoc/template.html4
@@ -50,30 +50,32 @@ $endif$
     $if(email)$
     <p>✉️ <code>$email$</code></p>
     $endif$
-    $if(orcid)$
-    <a href="https://orcid.org/$orcid$">
-      <i class="ai ai-orcid ai-fw icon-pad-right"></i>
-      $orcid$
-    </a>
-    $endif$
-    $if(dblp)$
-    <a href="$dblp$">
-      <i class="ai ai-dblp ai-fw icon-pad-right"></i>
-      DBLP
-    </a>
-    $endif$
-    $if(hal)$
-    <a href="$hal$">
-      <i class="ai ai-hal ai-fw icon-pad-right"></i>
-      HAL
-    </a>
-    $endif$
-    $if(scholar)$
-    <a href="$scholar$">
-      <i class="ai ai-google-scholar ai-fw icon-pad-right"></i>
-      Google Scholar
-    </a>
-    $endif$
+    <div class="icons">
+      $if(orcid)$
+      <a href="https://orcid.org/$orcid$">
+        <i class="ai ai-orcid ai-fw icon-pad-right"></i>
+        $orcid$
+      </a>
+      $endif$
+      $if(dblp)$
+      <a href="$dblp$">
+        <i class="ai ai-dblp ai-fw icon-pad-right"></i>
+        DBLP
+      </a>
+      $endif$
+      $if(hal)$
+      <a href="$hal$">
+        <i class="ai ai-hal ai-fw icon-pad-right"></i>
+        HAL
+      </a>
+      $endif$
+      $if(scholar)$
+      <a href="$scholar$">
+        <i class="ai ai-google-scholar ai-fw icon-pad-right"></i>
+        Google Scholar
+      </a>
+      $endif$
+    </div>
   </header>
   $if(toc)$
   <nav>

diff --git a/website/style.css b/website/style.css
@@ -75,6 +75,18 @@ header p {
   margin: 0;
 }
 
+header div.icons {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 5px;
+}
+
+header div.icons a + a::before {
+  content: '•';
+}
+
 /*** NAV ***/
 
 nav {