From 8b9435b0ff9590dec8d7544a164af8f1c88dc25a Mon Sep 17 00:00:00 2001
From: Arina Filatova <a.filatova@student.maastrichtuniversity.nl>
Date: Sun, 29 Sep 2024 23:09:42 +0000
Subject: [PATCH] add notion sc
---
docs/.vuepress/components/Contribution.vue | 19 +++++++++++++++++++
1 file changed, 19 insertions(+)
diff --git a/docs/.vuepress/components/Contribution.vue b/docs/.vuepress/components/Contribution.vue
index 21fe65e..ddf0114 100644
--- a/docs/.vuepress/components/Contribution.vue
+++ b/docs/.vuepress/components/Contribution.vue
@@ -164,6 +164,12 @@
Check out our Notion template:
<a href="https://curvy-caribou-2c5.notion.site/iGEM-Notion-11010f1720c0805d8e12f4e8b2943349?pvs=4" target="_blank">Click here to view the Notion template</a>.
</p>
+ <!-- Display three images side by side -->
+ <div class="image-row">
+ <img src="https://static.igem.wiki/teams/5306/notion-template/screenshot-2024-09-30-at-00-42-12.webp" alt="Screenshot 1 of Notion template" class="image-item" />
+ <img src="https://static.igem.wiki/teams/5306/notion-template/screenshot-2024-09-30-at-00-43-14.webp" class="image-item" />
+ <img src="https://static.igem.wiki/teams/5306/notion-template/screenshot-2024-09-30-at-00-44-44-2.webp" alt="Screenshot 3 of Notion template" class="image-item" />
+ </div>
</div>
</div>
@@ -261,4 +267,17 @@ h1, h3 {
.download-section {
margin-top: 10px;
}
+
+.image-row {
+ display: flex;
+ justify-content: space-between;
+ margin-top: 1em;
+}
+
+.image-item {
+ width: 30%; /* Adjust this to control the image size */
+ height: auto;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+}
</style>
--
GitLab