Skip to content
Snippets Groups Projects
Commit 62c81eb3 authored by Devyani Ravi's avatar Devyani Ravi
Browse files

fix

parent 64641aaf
No related branches found
No related tags found
No related merge requests found
Pipeline #458687 failed
<template>
<div class="contribution">
<h3 style="color: #396d7e;">Natronaut for People</h3> <!-- Added color here -->
<h3>Natronaut for People</h3>
<div class="contribution-container">
<img
src="https://static.igem.wiki/teams/5306/human-practices/untitled-artwork-2good.png"
......@@ -8,7 +8,7 @@
width="300"
/>
<p>
This page highlights the many ways in which Natronaut has engaged with the scientific community, other iGEM teams, experts in related fields and the other stakeholders potentially affected directly or indirectly by the project, through outreach, dialogue and many collaborations.
Our team, MSP-Maastricht, is dedicated to being an active and ongoing contributor to the iGEM community. We believe that science and engineering bridge the past and future, as all research builds on the knowledge of those who came before us. A key part of this tradition is our Contributions page, which showcases the innovative solutions we are developing to tackle real-world challenges. By sharing our strategies, methodologies, and findings, we aim to enhance the accessibility and application of synthetic biology techniques. Through facilitating such knowledge transfer, we hope to benefit future iGEM teams and the broader SynBio community.
</p>
</div>
<!-- Introduction Section -->
......@@ -123,7 +123,54 @@
<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>
</template>
<script>
export default {
data() {
return {
openSection: null, // Track which section is open
};
},
methods: {
toggleSection(section) {
// Toggle the section, close others
this.openSection = this.openSection === section ? null : section;
},
},
};
</script>
<style scoped>
.mb-2 {
margin-bottom: 1rem;
}
.card {
border-radius: 0.25rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.card-header {
padding: 1rem;
font-size: 1.25rem;
}
.contribution {
padding: 20px;
}
.contribution-container {
display: flex;
align-items: center;
}
.card-body {
padding: 1rem;
}
</style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment