fix author

neulab · Dec 6, 2024 · c1e9c06 · c1e9c06
1 parent 6b79eb0
commit c1e9c06
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 31 deletions.
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -81,20 +81,6 @@ <h4 style="text-align: center; font-size: 22px;">{{site.description}}</h4>
           <span>Data</span>
 
           <img src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.png" alt="Submit" width="25em"></img>        </a>
-        {% if site.code %}
-          <a class="button" href="{{site.hf_model_7b}}" target="_blank">
-            <span>7B</span>
-
-          <img src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.png" alt="Submit" width="25em"></img>            
-          </a>
-        {% endif %}
-        {% if site.code %}
-          <a class="button" href="{{site.hf_model_13b}}" target="_blank">
-            <span>13B</span>
-          <img src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo.png" alt="Submit" width="25em"></img>
-
-          </a>
-        {% endif %}
       </div>
     </div>
     <div class="wrapper">

diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css
@@ -78,23 +78,24 @@ iframe {
 
 .authors-wrapper {
   text-align: center;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 20px;
+  margin: 30px 0;
 }
 
 .author-container {
-  display: inline-block;
-  width: 12%;
-  margin: 0 2% 0 2%;
-}
-
-.author-container p {
-  margin-bottom: 0px;
-  font-size: 14px;
+  width: 120px; /* Fixed width instead of percentage */
+  text-align: center;
 }
 
 .author-image {
   position: relative;
   width: 100%;
   padding-bottom: 100%;
+  margin-bottom: 8px;
 }
 
 .author-image img {
@@ -104,6 +105,24 @@ iframe {
   top: 0;
   left: 0;
   border-radius: 50%;
+  object-fit: cover;
+}
+
+.author-container p {
+  margin: 4px 0;
+  font-size: 14px;
+  line-height: 1.3;
+}
+
+/* Responsive adjustments */
+@media (max-width: 600px) {
+  .author-container {
+    width: 90px;
+  }
+
+  .author-container p {
+    font-size: 12px;
+  }
 }
 
 .center {
@@ -288,9 +307,6 @@ strong {
     font-size: 14px;
   }
 
-  .author-container p {
-    font-size: 10px;
-  }
 
   pre {
     font-size: 10px;
@@ -300,12 +316,6 @@ strong {
     max-width: calc(100vw - 30px);
   }
 
-  .author-container {
-    display: inline-block;
-    width: 22%;
-    margin: 0 1% 0 1%;
-  }
-
   .img-left {
     display: block;
     text-align: center;