Difference between revisions of "Team:Waterloo/Parts"

Line 79: Line 79:
 
.parts{
 
.parts{
 
   background-color:#383838;
 
   background-color:#383838;
−
   padding: 5%;
+
   padding-bottom: 20%;
 
}
 
}
 
.plasmid-group{
 
.plasmid-group{
Line 142: Line 142:
 
</style>
 
</style>
 
<div class="content">
 
<div class="content">
 +
 +
  <div class="titleBox row" style="background: url(undefined)">
 +
    <div class="layer shade">
 +
      <div class="squiggle squiggleForward col-xs-4"></div>
 +
      <div class="titleCaption col-xs-4">
 +
        <h1>
 +
          Parts
 +
        </h1>
 +
      </div>
 +
      <div class="squiggle squiggleBackward col-xs-4"></div>
 +
    </div>
 +
  </div>
  
 
<div class="parts">
 
<div class="parts">
−
 
−
  <h1> Parts Page</h1>
 
−
  <hr>
 
 
<div class="plasmid-group">
 
<div class="plasmid-group">
 
   <h2>Vectors</h2>
 
   <h2>Vectors</h2>
Line 162: Line 171:
 
   </div>
 
   </div>
  
−
   <h2>Inserts</h2>
+
<div v-for="plasmid in plasmids" v-if="plasmid.id == show">
 +
<h2>^^plasmid.title$$</h2>
 +
<div class="col-md-8 col-md-offset-2">
 +
      <br>
 +
      <br>
 +
      <p>^^plasmid.text$$</p>
 +
    </div>
 +
 
 +
</div>
 +
 
 +
   <h2>Parts</h2>
 
    
 
    
 
<div id="inserts">  
 
<div id="inserts">  
Line 176: Line 195:
 
    
 
    
 
   <div class="row" v-for="item in psb1c3.items" v-if="psb1c3.showing==item.id">
 
   <div class="row" v-for="item in psb1c3.items" v-if="psb1c3.showing==item.id">
−
    <div class="col-md-2"></div>
 
 
        
 
        
−
    <div class="col-md-3">
 
−
      <div class="part-img">
 
−
        <img v-bind:src="item.image" alt="">
 
−
         
 
−
        </div>
 
−
    </div>
 
 
        
 
        
−
     <div class="col-md-5">
+
     <div class="col-md-8 col-md-offset-2">
 
       <br>
 
       <br>
 
       <br>
 
       <br>
Line 203: Line 215:
 
   data:{
 
   data:{
 
     show: 0,
 
     show: 0,
 +
  plasmids: [
 +
      {
 +
        id: 1,
 +
        title: "pSB1C3 (2070 bp)",
 +
        text: "pSB1C3 is a high-copy BioBrick assembly plasmid that is the Registry’s main backbone for the shipping and maintenance of samples. It carries chloramphenicol resistance and can be cut with standard Biobrick restriction enzymes. "
 +
      },
 +
      {
 +
        id: 2,
 +
        title: "pXP218 (6226 bp)",
 +
        text: "pXP218 is a modified pUC18 plasmid backbone used as a shuttle vector for yeast expression (Fang et al., 2011). It carries pBR322 and 2origins of replication as well as ampicillin resistance and URA3 nutrient-deficiency for both E. coli and S. cerevisiae expression (Fang et al., 2011). For our experiments, it was cut using the SpeI and SphI restriction sites, but it has a varied multiple cloning site."
 +
      },
 +
      {
 +
        id: 3,
 +
        title: "pXP216 (6115 bp)",
 +
        text: "pXP216 is a modified pUC18 plasmid backbone used as a shuttle vector for yeast expression (Fang et al., 2011). It carries pBR322 and 2 origins of replication as well as ampicillin resistance and TRP1 nutrient-deficiency for both E. coli and S. cerevisiae expression (Fang et al., 2011). For our experiments, it was cut using the SpeI and SphI restriction sites, but it has a varied multiple cloning site."
 +
      },
 +
    ],
 
     psb1c3: {
 
     psb1c3: {
 
     parent: "PSB1C3",
 
     parent: "PSB1C3",
−
     showing:1,
+
     showing:0,
−
    test: "message",
+
 
     items: [
 
     items: [
 
       { id: 1,
 
       { id: 1,

Revision as of 15:13, 30 October 2017

Parts

Vectors



^^plasmid.title$$



^^plasmid.text$$

Parts



^^item.text$$

Waterloo iGEM 2017

© 2017 Waterloo iGEM