From e83807acd7044aa6df9f20028d4b36a8ac8fab4b Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Wed, 25 Sep 2024 03:16:01 +0000
Subject: [PATCH] Update file attributions.html

---
 wiki/pages/attributions.html | 107 ++++++++++++++++++++++++-----------
 1 file changed, 73 insertions(+), 34 deletions(-)

diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index d4eb8999..6f5e310c 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -14,10 +14,9 @@
     }
     .content {
       padding: 20px;
-      max-width: 800px;
+      max-width: 1200px;
       margin: 0 auto;
     }
-
     h2 {
       scroll-margin-top: 60px; 
     }
@@ -28,6 +27,27 @@
     .sidebar {
       height: 300px;
     }
+    .grid-container {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 20px;
+      justify-content: flex-start;
+    }
+    .grid-item {
+      background-color: #fa8072;
+      border-radius: 10px;
+      padding: 15px;
+      color: white;
+      width: calc(33.33% - 20px);
+      box-sizing: border-box;
+    }
+    .grid-item h3 {
+      margin-top: 0;
+    }
+    .grid-item ul {
+      padding-left: 20px;
+      margin-bottom: 0;
+    }
   </style>
 </head>
 <body>
@@ -40,8 +60,8 @@
   <div class="sidebar">
     <ul>
       <li><a href="#Introduction">Introduction</a></li>
-      <li><a href="#Team Member Contributions">Team Member Contributions</a></li>
-      <li><a href="#External Contributions">External Contributions</a></li>
+      <li><a href="#Team-Member-Contributions">Team Member Contributions</a></li>
+      <li><a href="#External-Contributions">External Contributions</a></li>
       <li><a href="#Timeline">Timeline</a></li>
     </ul>
   </div>
@@ -53,42 +73,61 @@
     <div class="progress-text">0%</div>
   </div>
 
-  <div class="row mt-4">
-    <div class="col-lg-12">
-      <h2 id="Introduction">
-      <h2>Introduction</h2>
-      <hr>
-      <p>To be continue...</p>
+  <div class="content">
+    <div class="row mt-4">
+      <div class="col-lg-12">
+        <h2 id="Introduction">Introduction</h2>
+        <hr>
+        <p>To be continued...</p>
+      </div>
     </div>
-  </div>
-  
-  <div class="row mt-4">
-    <div class="col-lg-12">
-      <h2 id="Team Member Contributions">
-      <h2>Team Member Contributions</h2>
-      <hr>
-      <p>To be continue...</p>
+    
+    <div class="row mt-4">
+      <div class="col-lg-12">
+        <h2 id="Team-Member-Contributions">Team Member Contributions</h2>
+        <hr>
+        <div class="grid-container">
+          {% for i in range(15) %}
+            <div class="grid-item">
+              <h3>Team Member {{ i + 1 }}</h3>
+              <ul>
+                <li>Task 1</li>
+                <li>Task 2</li>
+                <li>Task 3</li>
+              </ul>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
     </div>
-  </div>
-  <div class="row mt-4">
-    <div class="col-lg-12">
-      <h2 id="External Contributions">
-      <h2>External Contributions</h2>
-      <hr>
-      <p>To be continue...</p>
+
+    <div class="row mt-4">
+      <div class="col-lg-12">
+        <h2 id="External-Contributions">External Contributions</h2>
+        <hr>
+        <div class="grid-container">
+          {% for i in range(10) %}
+            <div class="grid-item">
+              <h3>External Contributor {{ i + 1 }}</h3>
+              <ul>
+                <li>Contribution 1</li>
+                <li>Contribution 2</li>
+              </ul>
+            </div>
+          {% endfor %}
+        </div>
+      </div>
     </div>
-  </div>
-  
-  <div class="row mt-4">
-    <div class="col-lg-12">
-      <h2 id="Introduction">
-      <h2>Timeline</h2>
-      <hr>
-      <p>Timeline</p>
+    
+    <div class="row mt-4">
+      <div class="col-lg-12">
+        <h2 id="Timeline">Timeline</h2>
+        <hr>
+        <p>Timeline content goes here...</p>
+      </div>
     </div>
   </div>
   
-
 </body>
 </html>
 {% endblock %}
\ No newline at end of file
-- 
GitLab