diff --git a/static/style.css b/static/style.css
index 33d1a4b9872697fccd023830c120a6202e0cf6a9..4f16dcfd2b948c6257088cb8886ab06c7997cd33 100644
--- a/static/style.css
+++ b/static/style.css
@@ -70,5 +70,8 @@ footer a:hover { color: white; text-decoration: underline; }
transition: .2s, background-position 0s;
}
+.container {
+ display: flex; /* or inline-flex */
+}
diff --git a/wiki/layout.html b/wiki/layout.html
index ae9cf01824bc3f84f383eca3db3980793fb22fde..e1cea272feca3bdc75ae6fd5b8d12004acbc3555 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -33,10 +33,27 @@
</header>
<!-- Page Content -->
- <div class="container">
- {% block page_content %}{% endblock %}
+ <div class="container-fluid">
+ <div class="row mt-5">
+
+ <div class="col-2 d-none d-lg-block">
+ <div class="sticky-top" style="top: 80px; overflow-wrap: break-word;">
+ {% block sidebar %}{% endblock %}
+ </div>
+ </div>
+
+ <div class="col">
+ {% block page_content %}{% endblock %}
+ </div>
+
+ <div class="col-2 d-none d-lg-block">
+ <!-- empty -->
+ </div>
+
+ </div>
</div>
+
<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org -->
{% include 'footer.html' %}
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index e2aff766a7a62e16023792c62d3ce14af5868220..054c4b9f109756dee1b93845fb103b1d5c6dc8fc 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -3,6 +3,8 @@
{% block title %}Hardware{% endblock %}
{% block lead %}Hardware in iGEM should make synthetic biology based on standard parts easier, faster, better, or more accessible to our community.{% endblock %}
+
+
{% block page_content %}
<div class="row mt-4">
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index 4bfdb2dce622f5fe2070ca74c217ca1e767b5fe9..ed852a659ab573af04379eb57b18c378882abc08 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -1,63 +1,20 @@
{% extends "layout.html" %}
+
+{% block title %}Human Practices{% endblock %}
+{% block sidebar %}
+<ul class="sidebar">
+ <li> <a class="anchor sidebarEntry" href="#">1</a> </li>
+ <li> <a class="anchor sidebarEntry" href="#">2</a> </li>
+ <li> <a class="anchor sidebarEntry" href="#">3</a> </li>
+ <li> <a class="anchor sidebarEntry" href="#">4 Safety</a> </li>
+</ul>
+{% endblock %}
+
+
{% block page_content %}
-<div class="container-fluid">
- <div class="row mt-5">
- <div class="col-2 d-none d-lg-block">
- <div class="sticky-top" style="top: 80px; overflow-wrap: break-word;">
- <ul class="sidebar">
- <li> <a class="anchor sidebarEntry" href="#">1</a> </li>
- <li> <a class="anchor sidebarEntry" href="#">2</a> </li>
- <li> <a class="anchor sidebarEntry" href="#">3</a> </li>
- <li> <a class="anchor sidebarEntry" href="#">4</a> </li>
- </ul>
- </div>
- </div>
- </div>
-</div>
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Silver Medal Criterion #2</h4>
- <p>Explain how you have determined your work is responsible and good for the world.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2024 Medals Page</a> for more information.</p>
- </div>
-
- <div class="bd-callout bd-callout-info">
- <h4>Best Integrated Human Practices</h4>
- <p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p>
- <p>To compete for the Best Integrated Human Practices prize, select the prize on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a> and describe your work on this page.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2024 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Overview</h2>
- <hr>
- <p>At iGEM we believe societal considerations should be upfront and integrated throughout the design and execution of synthetic biology projects. “Human Practices†refers to iGEM teams' efforts to actively consider how the world affects their work and their work affects the world. Through your Human Practices activities, your team should demonstrate how you have thought carefully and creatively about whether your project is responsible and good for the world. We invite you to explore issues relating (but not limited) to the ethics, safety, security, and sustainability of your project, and to show how this exploration feeds back into your project purpose, design, and execution.</p>
- <p>Please note you can compete for the Silver Medal criterion #2 and the Best Integrated Human Practices prize with this page.</p>
- <p>For more information, please see the <a href="https://responsibility.igem.org/human-practices/what-is-human-practices">Human Practices Hub</a>.</p>
- <p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution.</p>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2019.igem.org/Team:Thessaly/Human_Practices">2019 Thessaly</a></li>
- <li><a href="https://2019.igem.org/Team:Linkoping_Sweden/Human_Practices">2019 Linkoping Sweden</a></li>
- <li><a href="https://2019.igem.org/Team:FDR-HB_Peru/Human_Practices">2019 FDR HB Peru</a></li>
- <li><a href="https://2020.igem.org/Team:William_and_Mary/Human_Practices">2020 William and Mary</a></li>
- <li><a href="https://2020.igem.org/Team:Rochester/Human_Practices">2020 Rochester</a></li>
- <li><a href="https://2020.igem.org/Team:Leiden/Human_Practices">2020 Leiden</a></li>
- <li><a href="https://2020.igem.org/Team:Baltimore_BioCrew/Human_Practices">2020 Baltimore BioCrew</a></li>
- </ul>
- </div>
-</div>
{% endblock %}