Skip to content
Snippets Groups Projects
Commit 1cad910c authored by Arina Filatova's avatar Arina Filatova
Browse files

part-collection page upd

parent 1597034d
No related branches found
No related tags found
No related merge requests found
Pipeline #469106 failed
<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>
......@@ -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>
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