From ee3720fca73cc512012bf68e12e47f8558cc054f Mon Sep 17 00:00:00 2001 From: Natasha Nunez <n.nunez@student.maastrichtuniversity.nl> Date: Sat, 28 Sep 2024 20:54:06 +0000 Subject: [PATCH] introduction section --- docs/.vuepress/components/HumanPractices.vue | 141 ++++++++++++++++--- 1 file changed, 120 insertions(+), 21 deletions(-) diff --git a/docs/.vuepress/components/HumanPractices.vue b/docs/.vuepress/components/HumanPractices.vue index a908d90..b7734d9 100644 --- a/docs/.vuepress/components/HumanPractices.vue +++ b/docs/.vuepress/components/HumanPractices.vue @@ -5,34 +5,66 @@ <img src="https://static.igem.wiki/teams/5306/human-practices/human-practice-vibrio.webp" alt="Human Practices Image" - width="300" + width="500" /> <p> "The greatness of humanity is not in being human, but in being humane." + </p> + <p> -Mahatma Gandhi </p> </div> <!-- Introduction Section --> <div class="card mb-2" style="background-color: #e3f2fd;"> <div class="card-header" @click="toggleSection('introduction')" style="display: flex; align-items: center; justify-content: space-between; cursor: pointer;"> - <h2 style="color: #396d7e;">Introduction to Natronaut’s Human Practices: Answering the Important Questions</h2> + <h2 style="color: #396d7e;">Introduction to Natronaut’s Human Practices:</h2> + <h3 style="color: #396d7e;">Answering the Important Questions</h3> + <span>{{ openSection === 'introduction' ? 'â–²' : 'â–¼' }}</span> </div> + + --- + <div v-if="openSection === 'introduction'" class="card-body" style="background-color: #e5efdf;"> <h3 style="color: #396d7e;">Designing the Natronaut Project: Values in Mind</h3> <p style="color: #333;"> When designing and brainstorming the final project, the Natronaut team always kept social and moral values in mind. It was indeed extremely important to ensure that the work aligned with the broader societal and ethical context in which it is situated. </p> - <p style="color: #333;"> The Netherlands has been facing a nitrogen crisis, which has quite important social implications. Indeed, rising tensions have been observed between governmental regulation and the agricultural community. While the government only wants to help in the mitigation of the Nitrogen Crisis, it puts agricultural workers in a difficult position. In fact, farmers have been facing stricter and stricter regulations and they found themselves under increasing pressure to decrease their nitrogen emissions, but they also have the need to work to maintain themselves financially. This has led to various protests and widespread social unrest. + <p style="color: #333;"> The Netherlands has been facing a nitrogen crisis, which has quite important social implications. Indeed, rising tensions have been observed between governmental regulation and the agricultural community. While the government only wants to help in the mitigation of the nitrogen crisis, it puts agricultural workers in a difficult position. In fact, farmers have been facing stricter and stricter regulations and they found themselves under increasing pressure to decrease their nitrogen emissions, but they also have the need to work to maintain themselves financially. This has led to various protests and widespread social unrest. </p> - + <img + src="https://static.igem.wiki/teams/5306/human-practices/farmerprotest.webp" + alt="Farmer Image" + width="100%" + /> + <p style="color: #333;"> [Farmer’s protest, 2019, The Hague](https://ejatlas.org/conflict/nitrogen-crisis-and-farmers-protests) + </p> + <p style="color: #333;"> Natronaut seeks to act as a mitigation force between the two stakeholders. The goal is to contribute to environmental solutions, without having to vilify the farming community. Focusing on the bioremediation of nitrates, an alternative is proposed, which ensures that economic and social burdens are not too hard on farmers. This reflects the overall commitment that the group has to find socially responsible solutions to problems and to prioritise collaboration over conflict. + </p> + <p style="color: #333;"> The project is driven by the moral imperative to restore the ecosystem balance of our water while doing our best to not compromise the well-being of the farmer community, a vital component of the Netherlands’ economy and cultural heritage. + </p> + + --- + <h3 style="color: #396d7e;">Consulting Resources and Communities Meaningful to Natronaut</h3> - <p style="color: #333;">Write here...</p> - - <h3 style="color: #396d7e;">Evidence of Responsibility</h3> - <p style="color: #333;">Write here...</p> - - <h3 style="color: #396d7e;">Impact of Natronaut</h3> - <p style="color: #333;">Write here...</p> + <p style="color: #333;"> At Natronaut, we understand that while our team is accustomed to the concept of Genetically Engineered Modified Organisms (GMOs) and the safety precautions that surround them, the broader public may not be as familiar with the rigorous protocols surrounding GMOs that avoid contamination. Therefore, it is understandable that a certain level of caution is shared outside of the laboratory– indeed, one of the most pressing concerns that the team has encountered revolves around safety and ethical implications of GMOs. For this reason, Natronaut was committed to reaching out and sharing our ideas within the community of professionals who could provide feedback and stakeholders who could voice their concerns. + </p> + + --- + + <h3 style="color: #396d7e;">Evidence of Responsibility and Impact</h3> + <p style="color: #333;"> Natronaut carefully considers the implications our research will have. We commit to undertaking responsible action by accounting for those who might be affected by it, whether that is the environment, farmers, the government, or any other relevant stakeholders. We hold circularity and sustainability as core aspects of the project itself and aim to tackle issues such as water quality and loss of biodiversity all stemming from the issue that is eutrophication by mitigating the nitrogen crisis. To prove our responsibility towards different views, we actively participate and take the initiative to share our project idea, gain feedback and adjust our practices accordingly. + </p> + <img + src="https://static.igem.wiki/teams/5306/human-practices/nitrogen-cascade.webp" + alt="Nitrogen Cascade" + width="100%" + /> + <img + src="https://static.igem.wiki/teams/5306/human-practices/natronaut-s-circular-approach.webp" + alt="Natronaut's Circular Approach" + width="100%" + /> + </div> </div> @@ -42,27 +74,43 @@ <h2 style="color: #396d7e;">Implementation and Impact on Design: Natronaut Application Chamber System — 3D Model</h2> <span>{{ openSection === 'implementation' ? 'â–²' : 'â–¼' }}</span> </div> + + --- + <div v-if="openSection === 'implementation'" class="card-body" style="background-color: #e5efdf;"> <h3 style="color: #396d7e;">1. Intake Pump</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">2. Physical Filter</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">3. Interchangeable Filter Module</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">4. Vibrio natriegens Chamber</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">5. Drying Chamber for Single-Cell Proteins and Output Pipe</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">6. Output Pipe</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Considerations</h3> <p style="color: #333;">Write here...</p> + </div> </div> @@ -72,24 +120,38 @@ <h2 style="color: #396d7e;">Taking Initiative: Inclusivity and Participation</h2> <span>{{ openSection === 'inclusivity' ? 'â–²' : 'â–¼' }}</span> </div> + + --- + <div v-if="openSection === 'inclusivity'" class="card-body" style="background-color: #e5efdf;"> <h3 style="color: #396d7e;">“Day In The Life of an iGEM Memberâ€</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Introduction Days and Bachelor’s Open Day at Maastricht University</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Spotify Link</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Colour-blind Friendly Colour Palette</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Postcards</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Eindhoven Funding Event</h3> <p style="color: #333;">Write here...</p> + </div> </div> @@ -99,40 +161,77 @@ <h2 style="color: #396d7e;">Gaining More Feedback and Stakeholder Insight</h2> <span>{{ openSection === 'feedback' ? 'â–²' : 'â–¼' }}</span> </div> + + --- + <div v-if="openSection === 'feedback'" class="card-body" style="background-color: #e5efdf;"> <h3 style="color: #396d7e;">Survey on GMOs</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Interview with Philosophy of Technology Expert</h3> - <p style="color: #333;">Introduction and Background: Write here...</p> - <p style="color: #333;">Intersection of Technology and Nature in Synthetic Biology: Write here...</p> - <p style="color: #333;">Ethical Challenges and Commodifying Life: Write here...</p> - <p style="color: #333;">Governance and Public Participation in Synthetic Biology: Write here...</p> - <p style="color: #333;">Philosophical Insights: Life as Technology: Write here...</p> - <p style="color: #333;">Societal Impact and Environmental Concerns: Write here...</p> - <p style="color: #333;">Ethical Frameworks and Global Impact: Write here...</p> - <p style="color: #333;">Main Takeaways and Incorporation into the Project: Write here...</p> - + <p style="color: #333;">Introduction and Background:</p> + <p style="color: #333;"> Write here...</p> + + <p style="color: #333;">Intersection of Technology and Nature in Synthetic Biology:</p> + <p style="color: #333;">Write here...</p> + + <p style="color: #333;">Ethical Challenges and Commodifying Life:</p> + <p style="color: #333;">Write here...</p> + + <p style="color: #333;">Governance and Public Participation in Synthetic Biology:</p> + <p style="color: #333;">Write here...</p> + + <p style="color: #333;">Philosophical Insights: Life as Technology:</p> + <p style="color: #333;">Write here...</p> + + <p style="color: #333;">Societal Impact and Environmental Concerns:</p> + <p style="color: #333;">Write here...</p> + + <p style="color: #333;">Ethical Frameworks and Global Impact:</p> + <p style="color: #333;">Write here...</p> + + <p style="color: #333;">Main Takeaways and Incorporation into the Project:.</p> + <p style="color: #333;">Write here...</p> + + --- + <h3 style="color: #396d7e;">Interview with Unimer: A Discussion on Organic Fertilizer</h3> - <p style="color: #333;">Introduction and Background: Write here...</p> + <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Meeting with Promega's Marloes van der Zwalm</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Meeting with Cultivarium's Henry Lee and Lilan Ling</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Utrecht, NL: The Dutch iGEM 2024 Meet</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Wageningen, NL: SynBioNL event</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">Madrid, ESP: European iGEM 2024 MeetUp</h3> <p style="color: #333;">Write here...</p> + --- + <h3 style="color: #396d7e;">University of Michigan: Bioremediation Virtual Symposium</h3> <p style="color: #333;">Write here...</p> + + --- + </div> </div> </div> -- GitLab