Update new logo and secondary repo logos

Author: lukeinglis

_data/settings.yml

@@ -1,7 +1,7 @@
 #-------------------------------
 # Site Settings
 title: AI Innovation Team
-logo: # You can add own logo. For example '/images/logo.png'.
+logo: /images/toolkit logos/Black and White Labs/lab.png
 author: AI Innovation Team
 description: A collection of open-source generative AI tools made and maintained by a collective of AI researchers and engineers from Red Hat AI, MIT, IBM, UMass.
 
@@ -38,58 +38,58 @@ hero:
 portfolio:
   portfolio__title: LLM Hubs
   portfolio__gallery:
-    - image: /images/toolkit logos/logo-its-white_bg-v2.png
+    - image: /images/toolkit logos/Black and White Labs/lab-its.png
       title: its_hub
       link: https://github.com/Red-Hat-AI-Innovation-Team/its_hub
       description: Inference-time scaling for LLMs.
 
-    - image: /images/toolkit logos/sdg_hub.png
+    - image: /images/toolkit logos/Black and White Labs/lab-sdg.png
       title: sdg_hub
       link: https://github.com/Red-Hat-AI-Innovation-Team/sdg_hub
-      description: Synthetic data generation pipelines for post-training
+      description: Synthetic data generation pipelines 
 
-    - image: /images/toolkit logos/training_hub.png
+    - image: /images/toolkit logos/Black and White Labs/lab-training-hub.png
       title: training_hub
       link: https://github.com/Red-Hat-AI-Innovation-Team/training_hub
       description: Post training algorithms for LLMs
 
 other_repos:
   title: LLM Tools
   gallery:
-    - image: /images/toolkit logos/async-logo.png
+    - image: /images/toolkit logos/Black and White Labs/lab-async-grpo.png
       title: async-grpo
       link: https://github.com/Red-Hat-AI-Innovation-Team/async-grpo
-      description: Asynchronous GRPO for scalable reinforcement learning
+      description: Asynchronous GRPO for scalable reinforcement learning.
 
-    - image: /images/toolkit logos/training.png
-      title: training
-      link: https://github.com/instructlab/training
-      description: Efficient messages-format SFT library for language models
-
-    - image: /images/toolkit logos/squat.jpg
-      title: SQuat
-      link: /squat/
-      description: KV cache quantization for scaling inference time
+    - image: /images/toolkit logos/Black and White Labs/lab-mini-trainer.png
+      title: mini_trainer
+      link: https://github.com/Red-Hat-AI-Innovation-Team/mini_trainer
+      description: Efficient training library for large language models up to 70B parameters on a single node.
 
-    - image: /images/toolkit logos/orthogonal-subspace-learning.png
+    - image: /images/toolkit logos/Black and White Labs/lab-osft.png
       title: orthogonal-subspace-learning
       link: https://github.com/Red-Hat-AI-Innovation-Team/orthogonal-subspace-learning
-      description: Adaptive SVD-based continual learning method for LLMs with negligible catastrophic forgetting.
+      description: Adaptive SVD-based continual learning method for LLMs.
 
-    - image: /images/toolkit logos/logo-its-white_bg-v2.png
+    - image: /images/toolkit logos/Black and White Labs/lab-probabilistic-its.png
       title: probabilistic-inference-scaling
       link: https://github.com/probabilistic-inference-scaling/probabilistic-inference-scaling
       description: Inference-time scaling with particle filtering.
 
-    - image: /images/toolkit logos/logo-its-white_bg-v2.png
+    - image: /images/toolkit logos/Black and White Labs/lab-reward-hub.png
       title: reward_hub
       link: https://github.com/Red-Hat-AI-Innovation-Team/reward_hub
       description: State-of-the-art reward models for preference data generation and acceptance criteria.
 
-    - image: /images/toolkit logos/training.png
-      title: mini_trainer
-      link: https://github.com/Red-Hat-AI-Innovation-Team/mini_trainer
-      description: Efficient training library for large language models up to 70B parameters on a single node.
+    - image: /images/toolkit logos/Black and White Labs/lab-squat.png
+      title: SQuat
+      link: /squat/
+      description: KV cache quantization for scaling inference time
+
+    - image: /images/toolkit logos/Black and White Labs/lab-training.png
+      title: training
+      link: https://github.com/instructlab/training
+      description: Efficient messages-format SFT library for language models
 
     # - image: /images/gallery-06.jpg
     #   title: Isaac Benhesed

_includes/header.html

@@ -8,6 +8,7 @@
           <a class="logo__link" href="{{ site.baseurl }}/">
           {% if site.data.settings.logo %}
             <img class="logo__image" src="{{ site.baseurl }}{{ site.data.settings.logo }}" alt="{{ site.data.settings.title }}">
+            <span class="logo__text">{{ site.data.settings.title }}</span>
           {% else %}
             {{ site.data.settings.title }}
           {% endif %}

_sass/3-modules/_header.scss

@@ -5,10 +5,10 @@
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-    padding: 60px $base-spacing-unit;
+    padding: 40px $base-spacing-unit 20px $base-spacing-unit;
 
     @media only screen and (max-width: $tablet) {
-      padding: 40px $base-spacing-unit;
+      padding: 30px $base-spacing-unit 15px $base-spacing-unit;
     }
   }
 }
@@ -22,6 +22,8 @@
   line-height: 1;
   font-weight: 700;
   transition: none;
+  display: flex;
+  align-items: center;
 
   &:hover {
     color: var(--heading-font-color);
@@ -33,7 +35,33 @@
 }
 
 .logo__image {
-  max-height: 50px;
+  height: 60px;
+  width: auto;
+  margin-right: 16px;
+  vertical-align: middle;
+  background: transparent;
+  border-radius: 0;
+  padding: 0;
+  display: inline-block;
+  filter: invert(0);
+}
+
+.dark-mode .logo__image {
+  filter: invert(1);
+}
+
+.logo__text {
+  font-family: $heading-font-family;
+  font-size: 36px;
+  letter-spacing: -1px;
+  line-height: 1;
+  font-weight: 700;
+  vertical-align: middle;
+  display: inline-block;
+
+  @media only screen and (max-width: $mobile) {
+    font-size: 32px;
+  }
 }
 
 /* Nav */

_sass/3-modules/_section-hero.scss

@@ -1,9 +1,9 @@
 /* Hero */
 .hero {
-  margin: 96px 0;
+  margin: 40px 0;
 
   @media only screen and (max-width: $desktop) {
-    margin: 40px 0;
+    margin: 20px 0;
   }
 }