Update file attributions.html

wiki/pages/attributions.html

@@ -16,12 +16,26 @@
       max-width: 800px;
       margin: 0 auto;
     }
-    .sidebar {
+    .sidebar-container {
       position: fixed;
       left: 0;
-      top: 280px;
+      top: 20px;
       width: 160px;
-      height: 40%;
+      padding: 20px;
+    }
+    .logo {
+      width: 120px;
+      height: 120px;
+      border-radius: 50%;
+      overflow: hidden;
+      margin: 0 auto 30px;
+    }
+    .logo img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+    .sidebar {
       background-color: #ffffff;
       padding: 20px;
       box-shadow: 2px 0 5px rgba(0,0,0,0.1);
@@ -45,7 +59,7 @@
       scroll-margin-top: 60px; 
     }
     .row.mt-4 {
-      margin-left: 130px; 
+      margin-left: 180px; 
     }
     
     .progress-container {
@@ -83,14 +97,19 @@
   {% block lead %}Make a useful contribution for future iGEM teams. Use this page to document that contribution.{% endblock %}
 
   {% block page_content %}
-  <div class="sidebar">
-    <ul>
-      <li><a href="#description">General Description</a></li>
-      <li><a href="#topic1">Topic1</a></li>
-      <li><a href="#topic2">Topic2</a></li>
-      <li><a href="#topic3">Topic3</a></li>
-      <li><a href="#topic4">Topic4</a></li>
-    </ul>
+  <div class="sidebar-container">
+    <div class="logo">
+      <img src="https://static.igem.wiki/teams/5187/art/logo.png" alt="Logo">
+    </div>
+    <div class="sidebar">
+      <ul>
+        <li><a href="#description">General Description</a></li>
+        <li><a href="#topic1">Topic1</a></li>
+        <li><a href="#topic2">Topic2</a></li>
+        <li><a href="#topic3">Topic3</a></li>
+        <li><a href="#topic4">Topic4</a></li>
+      </ul>
+    </div>
   </div>
 
   <div class="progress-container">