From 1cad910c0b5769ed832c17c7a76fd360a296f6b6 Mon Sep 17 00:00:00 2001
From: Arina Filatova <a.filatova@student.maastrichtuniversity.nl>
Date: Mon, 30 Sep 2024 01:20:05 +0000
Subject: [PATCH] part-collection page upd
---
docs/.vuepress/components/PartsCollection.vue | 161 ++++++++++++++++++
docs/part-collection.md | 66 +------
2 files changed, 164 insertions(+), 63 deletions(-)
diff --git a/docs/.vuepress/components/PartsCollection.vue b/docs/.vuepress/components/PartsCollection.vue
index e69de29..dbef97b 100644
--- a/docs/.vuepress/components/PartsCollection.vue
+++ b/docs/.vuepress/components/PartsCollection.vue
@@ -0,0 +1,161 @@
+<template>
+ <div>
+ <h1>Parts Collection</h1>
+ <table>
+ <thead>
+ <tr>
+ <th>BioBrick Part</th>
+ <th>Short Description</th>
+ <th>Part Type</th>
+ <th>Sequence</th>
+ <th>Assembly Compatibility</th>
+ <th>Designed By</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr v-for="part in parts" :key="part.id">
+ <td><a :href="part.link">{{ part.name }}</a></td>
+ <td>{{ part.description }}</td>
+ <td>{{ part.type }}</td>
+ <td>{{ part.sequence }}</td>
+ <td>
+ <span class="bubble" v-for="compatibility in part.compatibility" :key="compatibility">{{ compatibility }}</span>
+ </td>
+ <td>{{ part.designer }}</td>
+ <td><a :href="part.referenceLink">{{ part.reference }}</a></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+</template>
+
+<script>
+export default {
+ data() {
+ return {
+ parts: [
+ {
+ id: 1,
+ name: 'BBa_K5306000',
+ link: 'http://parts.igem.org/Part:BBa_K5306000',
+ description: 'Periplasmic Binding Protein (nasF)',
+ type: 'Basic Part',
+ sequence: 'AGA',
+ compatibility: [21, 1000],
+ designer: 'Iulia Beres',
+ reference: 'Hui, C. et al. (April 9, 2018)',
+ referenceLink: 'https://doi.org/10.1038/s41598-018-24134-3'
+ },
+ {
+ id: 2,
+ name: 'BBa_K5306001',
+ link: 'http://parts.igem.org/Part:BBa_K5306001',
+ description: 'Homodimeric Transmembrane Protein (nasE)',
+ type: 'Basic Part',
+ sequence: 'AGA',
+ compatibility: [21, 1000],
+ designer: 'Iulia Beres',
+ reference: 'Hui, C. et al. (April 9, 2018)',
+ referenceLink: 'https://doi.org/10.1038/s41598-018-24134-3'
+ },
+ {
+ id: 3,
+ name: 'BBa_K5306002',
+ link: 'http://parts.igem.org/Part:BBa_K5306002',
+ description: 'Dimeric ATP-Binding Protein (nasD)',
+ type: 'Basic Part',
+ sequence: 'AGA',
+ compatibility: [21, 1000],
+ designer: 'Iulia Beres',
+ reference: 'Hui, C. et al. (April 9, 2018)',
+ referenceLink: 'https://doi.org/10.1038/s41598-018-24134-3'
+ },
+ {
+ id: 4,
+ name: 'BBa_K5306003',
+ link: 'http://parts.igem.org/Part:BBa_K5306003',
+ description: 'Nitrate Reductase (nasC)',
+ type: 'Basic Part',
+ sequence: 'AGA',
+ compatibility: [21, 1000],
+ designer: 'Iulia Beres',
+ reference: 'Hui, C. et al. (April 9, 2018)',
+ referenceLink: 'https://doi.org/10.1038/s41598-018-24134-3'
+ },
+ {
+ id: 5,
+ name: 'BBa_K5306004',
+ link: 'http://parts.igem.org/Part:BBa_K5306004',
+ description: 'Nitrite Reductase (nasB)',
+ type: 'Basic Part',
+ sequence: 'AGA',
+ compatibility: [21, 1000],
+ designer: 'Iulia Beres',
+ reference: 'Hui, C. et al. (April 9, 2018)',
+ referenceLink: 'https://doi.org/10.1038/s41598-018-24134-3'
+ },
+ {
+ id: 6,
+ name: 'BBa_K5306005',
+ link: 'http://parts.igem.org/Part:BBa_K5306005',
+ description: 'Molybdoenzyme (nasA)',
+ type: 'Basic Part',
+ sequence: 'AGA',
+ compatibility: [21, 1000],
+ designer: 'Iulia Beres',
+ reference: 'Hui, C. et al. (April 9, 2018)',
+ referenceLink: 'https://doi.org/10.1038/s41598-018-24134-3'
+ },
+ {
+ id: 7,
+ name: 'BBa_K5306006',
+ link: 'http://parts.igem.org/Part:BBa_K5306006',
+ description: 'ANRA Pathway',
+ type: 'Composite Part',
+ sequence: 'AGA',
+ compatibility: [21, 1000],
+ designer: 'Iulia Beres',
+ reference: 'Hui, C. et al. (April 9, 2018)',
+ referenceLink: 'https://doi.org/10.1038/s41598-018-24134-3'
+ }
+ ]
+ };
+ }
+};
+</script>
+
+<style scoped>
+table {
+ width: 100%;
+ border-collapse: collapse;
+ border-radius: 10px;
+ overflow: hidden;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ font-size: 1.1em;
+}
+th, td {
+ padding: 10px;
+ text-align: left;
+ border: 2px solid #b3c7f7;
+}
+td {
+ background-color: #73aba2;
+ color: #1c2740;
+}
+tbody tr:hover {
+ background-color: #b3c7f7;
+ color: #1c2740;
+}
+tbody tr:nth-child(odd) {
+ background-color: #a3c88a;
+}
+.bubble {
+ display: inline-block;
+ background-color: #00bf7d;
+ color: #ffffff;
+ padding: 5px 10px;
+ border-radius: 15px;
+ margin: 0 2px;
+ font-size: 0.9em;
+}
+</style>
diff --git a/docs/part-collection.md b/docs/part-collection.md
index 4da2888..e996822 100644
--- a/docs/part-collection.md
+++ b/docs/part-collection.md
@@ -2,68 +2,8 @@
title: Our Part Collection
---
-# Parts Collection
-
-<style>
- body {
- font-family: Arial, sans-serif;
- }
-
- table {
- width: 100%;
- border-collapse: collapse;
- border-radius: 10px;
- overflow: hidden;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
- font-size: 1.1em;
- }
-
- th {
- padding: 12px;
- background-color: #396d7e; /* Header background color */
- color: #ffffff; /* White text for contrast */
- border: 2px solid #1c2740; /* Border color around header */
- }
-
- th, td {
- padding: 10px;
- text-align: left;
- border: 2px solid #b3c7f7; /* Border color for separation */
- }
-
- td {
- background-color: #73aba2; /* Light background for readability */
- color: #1c2740; /* Dark text for visibility */
- }
-
- tbody tr:hover {
- background-color: #b3c7f7; /* Highlight on hover */
- color: #1c2740; /* Keep text dark */
- }
-
- tbody tr:nth-child(odd) {
- background-color: #a3c88a; /* Slightly darker for odd rows */
- }
-
- .bubble {
- display: inline-block;
- background-color: #00bf7d;
- color: #ffffff; /* White text for contrast */
- padding: 5px 10px;
- border-radius: 15px;
- margin: 0 2px;
- font-size: 0.9em;
- }
-</style>
-
-| BioBrick Part | Short Description | Part Type | Sequence | Assembly Compatibility | Designed By |
-|----------------|-------------------|------------|----------|--------------------------|---------------|
-| [BBa_K5306000](http://parts.igem.org/Part:BBa_K5306000) | Periplasmic Binding Protein (nasF) | Basic Part | AGA | 21, 1000 | Iulia Beres | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
-| [BBa_K5306001](http://parts.igem.org/Part:BBa_K5306001) | Homodimeric Transmembrane Protein (nasE) | Basic Part | AGA | 21, 1000 | Iulia Beres | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
-| [BBa_K5306002](http://parts.igem.org/Part:BBa_K5306002) | Dimeric ATP-Binding Protein (nasD) | Basic Part | AGA | 21, 1000 | Iulia Beres | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
-| [BBa_K5306005](http://parts.igem.org/Part:BBa_K5306005) | Molybdoenzyme (nasA) | Basic Part | AGA | 21, 1000 | Iulia Beres | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
-| [BBa_K5306003](http://parts.igem.org/Part:BBa_K5306003) | Nitrate Reductase (nasC) | Basic Part | AGA | 21, 1000 | Iulia Beres | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
-| [BBa_K5306004](http://parts.igem.org/Part:BBa_K5306004) | Nitrite Reductase (nasB) | Basic Part | AGA | 21, 1000 | Iulia Beres | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
-| [BBa_K5306006](http://parts.igem.org/Part:BBa_K5306006) | ANRA Pathway | Composite Part | AGA | 21, 1000 | Iulia Beres | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
+<ClientOnly>
+ <PartsCollection />
+</ClientOnly>
--
GitLab