In team labs logos: reordered by alphabetical order & resized to unif…

…y height
kokkos · Jul 9, 2024 · 3cbba37 · 3cbba37
1 parent 1f3fa05
commit 3cbba37
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 15 deletions.
diff --git a/assets/img/CSCS-Logo-258X79.jpg b/assets/img/CSCS-Logo-258X79.jpg
diff --git a/assets/img/LANL-logo-247x89.jpg b/assets/img/LANL-logo-247x89.jpg
diff --git a/assets/img/SNL-logo-588x90.jpg b/assets/img/SNL-logo-588x90.jpg
diff --git a/content/community/team.md b/content/community/team.md
@@ -7,17 +7,14 @@ tags: ["Team", "Sandia"]
 
 The Kokkos Team is a multi-institutional group of HPC, C++ and Linear Algebra experts dedicated to making life easier for computation scientists and engineers.
 
-{{< image src="img/snl-logo-632x200.jpg" class="community-team-image-column">}}
-
-{{< image src="img/lanl-logo-300x95.jpg" class="community-team-image-column">}}
-
-{{< image src="img/ORNL_Two-line_green-300x95.png" class="community-team-image-column">}}
-
-{{< image src="img/ANL-logo-300x105.png" class="community-team-image-column">}}
-
-{{< image src="img/CSCS-Logo-300x121.jpg" class="community-team-image-column">}}
-
-{{< image src="img/CEA-logo-480x480.png" class="community-team-image-column">}}
+<span class="botline">
+{{< image src="img/ANL-logo-300x105.png"           class="community-team-image-medium">}}
+{{< image src="img/CEA-logo-480x480.png"           class="community-team-image-xsmall">}}
+{{< image src="img/CSCS-Logo-258X79.jpg"          class="community-team-image-small">}}
+{{< image src="img/LANL-logo-247x89.jpg"           class="community-team-image-large">}}
+{{< image src="img/ORNL_Two-line_green-300x95.png" class="community-team-image-medium">}}
+{{< image src="img/SNL-logo-588x90.jpg"            class="community-team-image-xlarge" >}}
+</span>
 
 # Kokkos Core
 
@@ -67,10 +64,32 @@ The Kokkos Team is a multi-institutional group of HPC, C++ and Linear Algebra ex
 
 <style>
 
-    /* Align horizontally /community/team's image */
-    .community-team-image-column {
-        float: left;
-        width: 16.666%; /* 100% / 6 figures = 16.666...% */
+    .community-team-image-xsmall {
+        width: 7%;
+    }
+
+    .community-team-image-small {
+        width: 14%;
+    }
+
+    .community-team-image-medium {
+        width: 15%;
+    }
+
+    .community-team-image-large {
+        width: 17%;
+    }
+
+    .community-team-image-xlarge {
+        width: 25%;
+    }
+
+    .botline div {
+         vertical-align:bottom;
+         display: inline;
+    }
+    .botline div img {
+         margin-right: 0.5%;
     }
 
 </style>