Difference between revisions of "Team:Oxford/wetlab"

 
(49 intermediate revisions by 3 users not shown)
Line 18: Line 18:
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 
<style>
 
<style>
−
.button {
+
/* Three image containers (use 25% for four, and 50% for two, etc) */
−
    background-color: #4CAF50; /* Green */
+
.column {
−
    border: none;
+
  float: left;
−
    color: white;
+
  width: 33.3%;
−
    text-align: center;
+
  padding: 5px;
−
    text-decoration: none;
+
−
    display: inline-block;
+
−
    font-size: 16px;
+
−
    margin: 4px 2px;
+
−
    cursor: pointer;
+
−
    padding: 16px;
+
 
}
 
}
−
.button:hover {
+
 
−
    background-color: #3AD18C; /* Green */
+
/* Clear floats after image containers */
−
    color: white;
+
.row::after {
 +
  content: "";
 +
  clear: both;
 +
  display: table;
 
}
 
}
 
</style>
 
</style>
Line 38: Line 35:
  
 
   <body>
 
   <body>
−
 
+
     <header class="py-5 background-img parent" style="height: 400px;">
−
     <!-- Header - set the background image for the header in the line below -->
+
      <a href="#n1"style="text-decoration : none; color:white;">
−
    <header class="py-5 background-img" style="background-image: url('https://d2gg9evh47fn9z.cloudfront.net/800px_COLOURBOX22743258.jpg');">
+
        <div class="child background-img" style="background-image: url('https://static.igem.org/mediawiki/2018/d/dd/T--Oxford--lab5.jpg'); background-size: cover;">
−
      <div class="translucent-back" style="height: 500px;">
+
              <div class="translucent-back" style="height: 400px;">
−
<h1 class="header-text">Overview</h1>
+
                    <h1 class="header-text2">Overview</h1>
−
</div>
+
              </div>
 +
        </div>
 +
      </a>
 
     </header>
 
     </header>
  
−
     <section id="about">
+
     <section id="n1">
 
       <div class="container">
 
       <div class="container">
 
         <div class="row">
 
         <div class="row">
Line 59: Line 58:
 
</p>
 
</p>
  
−
<button class="button">16px</button>
+
<div class="service-section-03 tiles-wrapper">
−
<br>
+
  <div class="row">
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/experiments">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/c/ce/T--Oxford--Experiments_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Experiments</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
<div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/results">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/e/ee/T--Oxford--Results_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Results</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/protocols">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/d/dd/T--Oxford--Protocols_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Protocols</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
</div>
 +
</div>
 +
<p><b>Wet Lab day to day working </b></p>
 
<p>We only had a few months in the lab and made a lot of progress but there’s much more that could have been done. See our day to day workings here as well as what we’d have in store to take the project on after the jamboree .</p>
 
<p>We only had a few months in the lab and made a lot of progress but there’s much more that could have been done. See our day to day workings here as well as what we’d have in store to take the project on after the jamboree .</p>
−
<br>
+
<div class="service-section-03 tiles-wrapper">
 +
  <div class="row">
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/notebook">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/6/68/T--Oxford--Notebook_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Notebook</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
</div>
 +
</div>
 +
 
 +
<p><b> Interlab </b></p>
 
<p>This year we participated in the 5th instalment of the iGEM’s interlab study. For the details pertaining to what interlab is and what we did - click on the link below. </p>
 
<p>This year we participated in the 5th instalment of the iGEM’s interlab study. For the details pertaining to what interlab is and what we did - click on the link below. </p>
  
 +
<div class="service-section-03 tiles-wrapper">
 +
  <div class="row">
 +
                      <div class="col-md-3">
 +
                          <a href="https://2018.igem.org/Team:Oxford/InterLab">
 +
                              <div class="team-style-01 text-center section-block-p tile">
 +
                                  <div class="image" style="background-image: url('https://static.igem.org/mediawiki/2018/5/5b/T--Oxford--Interlab_Thumbnail.png'); background-size: cover;">
 +
                                    <div class="overlay"></div>
 +
                                    <div class = "tileTitleWrapper">
 +
                                        <div class = "tileTitle">Interlab</div>
 +
                                    </div>
 +
                                  </div>
 +
                              </div>
 +
                          </a>
 +
                      </div>
 +
</div>
 +
</div>
  
  
Line 72: Line 143:
 
     </section>
 
     </section>
  
−
    <section id="services">
 
−
      <div class="container">
 
−
        <div class="row">
 
−
          <div class=".col-md-8 .offset-md-2 .bg-light">
 
−
            <h2>Section 2</h2>
 
−
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut optio velit inventore, expedita quo laboriosam possimus ea consequatur vitae, doloribus consequuntur ex. Nemo assumenda laborum vel, labore ut velit dignissimos.</p>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </section>
 
−
 
−
    <section id="contact">
 
−
      <div class="container">
 
−
        <div class="row">
 
−
          <div class=".col-md-8 .offset-md-2">
 
−
            <h2>Section 3</h2>
 
−
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero odio fugiat voluptatem dolor, provident officiis, id iusto! Obcaecati incidunt, qui nihil beatae magnam et repudiandae ipsa exercitationem, in, quo totam.</p>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </section>
 
  
 
     <!-- Footer -->
 
     <!-- Footer -->
Line 103: Line 153:
 
     </ul>
 
     </ul>
 
</div>
 
</div>
−
    </footer>
 
−
 
  
−
    <!-- Bootstrap core JavaScript -->
 
−
    <script src="vendor/jquery/jquery.min.js"></script>
 
−
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 
  
 
   </body>
 
   </body>
  
 
</html>
 
</html>

Latest revision as of 15:13, 6 December 2018

Full Width Pics - Start Bootstrap Template

Overview

Wet Lab

A key part of our project has been our work in the Wet Lab. This page contains links and summaries of all the aspects of lab work we did.


Results

The first port of call for any lab work is to clone the DNA for our constructs into pSB1C3. This is the simple cloning vector with Chloramphenicol resistance chosen by iGEM to be the shipping vector for all parts to be submitted in. After this, the vectors would be transformed into the ideal cells optimised for the particular experiments they were undergoing.
All the protocols we used during the duration of iGEM can be found below.
How we used these protocols in different experiments can be found below.

Experiments
Results
Protocols

Wet Lab day to day working

We only had a few months in the lab and made a lot of progress but there’s much more that could have been done. See our day to day workings here as well as what we’d have in store to take the project on after the jamboree .

Notebook

Interlab

This year we participated in the 5th instalment of the iGEM’s interlab study. For the details pertaining to what interlab is and what we did - click on the link below.

Interlab