Difference between revisions of "Team:Oxford/wetlab"

(Created page with "{{Oxford}} <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="de...")
 
 
(56 intermediate revisions by 3 users not shown)
Line 17: Line 17:
 
     <link href="https://2018.igem.org/Team:Oxford/css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2018.igem.org/Team:Oxford/css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <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>
 +
/* Three image containers (use 25% for four, and 50% for two, etc) */
 +
.column {
 +
  float: left;
 +
  width: 33.3%;
 +
  padding: 5px;
 +
}
  
 +
/* Clear floats after image containers */
 +
.row::after {
 +
  content: "";
 +
  clear: both;
 +
  display: table;
 +
}
 +
</style>
 
   </head>
 
   </head>
  
 
   <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">Parts</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">
 
           <div class=".col-md-8 .offset-md-2">
 
           <div class=".col-md-8 .offset-md-2">
−
             <h2>Section 1</h2>
+
             <h2>Wet Lab</h2>
−
            <p class="lead">This is a great place to talk about your webpage. This template is purposefully unstyled so you can use it as a boilerplate or starting point for you own landing page designs! This template features:</p>
+
<p>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.</p>
−
            <ul>
+
<br>
−
              <li>Clickable nav links that smooth scroll to page sections</li>
+
<p><b>Results</b></p>
−
              <li>Responsive behavior when clicking nav links perfect for a one page website</li>
+
<p>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. <br>
−
              <li>Bootstrap's scrollspy feature which highlights which section of the page you're on in the navbar</li>
+
All the protocols we used during the duration of iGEM can be found below. <br>
−
              <li>Minimal custom CSS so you are free to explore your own unique design options</li>
+
How we used these protocols in different experiments can be found below.<br>
−
            </ul>
+
</p>
−
          </div>
+
 
−
        </div>
+
<div class="service-section-03 tiles-wrapper">
−
      </div>
+
  <div class="row">
−
    </section>
+
                      <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>
 +
<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>
 +
 
 +
<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>
  
−
    <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>
 
         </div>
 
       </div>
 
       </div>
 
     </section>
 
     </section>
 +
  
 
     <!-- Footer -->
 
     <!-- Footer -->
Line 77: 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