Even more OCD updates

Author: jaywonchung

custom/layouts/open-source.njk

@@ -20,6 +20,7 @@
   .project {
     width: 48%; /* Full width for each project */
     padding: 15px;
+    padding-top: 4px;
     box-sizing: border-box;
     background-color: #f9f9f9;
     border: 1px solid #ddd;
@@ -48,7 +49,7 @@
   .project-logo {
     max-height: 50px;
     object-fit: contain;
-    margin-left: 10px;
+    margin-right: 2px;
   }
 
   .project-name {
@@ -63,7 +64,7 @@
 
   .project-details {
     display: flex;
-    justify-content: flex-end;
+    justify-content: flex-start;
     gap: 20px; /* Add space between details */
     font-size: 12px;
     color: #666;
@@ -120,20 +121,24 @@
       {% for item in section.items %}
         <a href="{{ item.url or item.github_url }}" class="project" data-repo="{{ item.github_url }}">
           <div class="project-header">
+          <span>
             <div class="project-name">{{ item.name }}</div>
-            {% if item.logo %}
-              <img src="{{ item.logo }}" alt="{{ item.name }} logo" class="project-logo" style="height: {{ item.logo_scale or '100%' }}">
-            {% endif %}
-          </div>
-          <div class="project-description">{{ item.description }}</div>
           {% if item.github_url %}
             <div class="project-details">
               <!-- Fixed width for consistent alignment, using FontAwesome icons -->
               <span class="language"><i class="fas fa-code"></i> <span id="{{ item.name | lower | replace(' ', '-') }}-language">...</span></span>
-              <span class="stars"><i class="fas fa-star"></i> <span id="{{ item.name | lower | replace(' ', '-') }}-stars">...</span></span>
+              <span class="stars"><i class="far fa-star"></i> <span id="{{ item.name | lower | replace(' ', '-') }}-stars">...</span></span>
               <span class="forks"><i class="fas fa-code-branch"></i> <span id="{{ item.name | lower | replace(' ', '-') }}-forks">...</span></span>
             </div>
           {% endif %}
+          </span>
+          {% if item.logo %}
+            <span style="width: {{ item.logo_scale or '100%' }}">
+              <img src="{{ item.logo }}" alt="{{ item.name }} logo" class="project-logo">
+            </span>
+          {% endif %}
+          </div>
+          <div class="project-description">{{ item.description }}</div>
         </a>
       {% endfor %}
     </div>

source/open-source/index.md

@@ -22,6 +22,7 @@ sections:
         url: "https://ml.energy/zeus"
         github_url: "https://github.com/ml-energy/zeus"
         logo: "/open-source/logo/zeus.svg"
+        logo_scale: 70%
         description: "Deep learning energy measurement and optimization"
 
   - title: "Systems + AI"
@@ -38,7 +39,7 @@ sections:
         url: "https://fedscale.ai"
         github_url: "https://github.com/SymbioticLab/FedScale"
         logo: "/open-source/logo/fedscale.png"
-        logo_scale: 60%
+        logo_scale: 50%
         description: "A scalable and extensible federated learning platform"
 
   - title: "Memory systems"