embed sustainable dev booklets

docs/.vuepress/components/Contribution.vue

@@ -93,11 +93,19 @@
         </h4>
         <div v-if="sections.sustainableBooklet" class="content">
           <p>
-          Sustainability is an integral part that is inherently integrated into our project. Given our experience in this area, Natronaut is currently developing a Sustainable Development Booklet. This booklet will share our experiences with the community, as an outline for how iGEM projects can align with global sustainability goals
+            Sustainability is an integral part that is inherently integrated into our project. Given our experience in this area, Natronaut is currently developing a Sustainable Development Booklet. This booklet will share our experiences with the community, as an outline for how iGEM projects can align with global sustainability goals.
           </p>
+          <iframe
+            src="https://static.igem.wiki/teams/5306/contribution/sdi-booklet-msp-maastricht24.pdf"
+            width="100%"
+            height="600px"
+            style="border: none;"
+            title="Sustainable Development Booklet"
+         ></iframe>
         </div>
       </div>
 
+
       <!-- Notion Organisation Template -->
       <div class="card">
         <h4 @click="toggleSection('notionTemplate')">