diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html index 68ca17e459ed2750e84caf7883c1c1686ee4404d..bb403cc173488adfea3a3ea0a8a3c8b357b5b21b 100644 --- a/wiki/pages/attributions.html +++ b/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">