Difference between revisions of "Team:Calgary/Parts"

(Prototype team page)
 
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{Calgary/Imposter-Navbar}}
−
{{Calgary}}
+
<!--
 +
    Final Colours:
 +
    menu bar (red-brown): #882916
 +
    progress bar (light orange-yellow): #FFA600
 +
    light blue: #0197AE
 +
    dark blue: #1E6273
 +
    dark orange: #FF7700
 +
    light red: #FBF6F3
 +
    light yellow: #F1C23F (jumbotron h1)
 +
-->
 
<html>
 
<html>
 +
  <head>
  
 +
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet">
  
−
<div class="column full_size">
+
<link
−
<h1>Parts</h1>
+
      rel="stylesheet"
−
<p>Each team will make new parts during iGEM and will add them to the Registry of Standard Biological Parts. iGEM provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
      type="text/css"
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
      href="https://2020.igem.org/Template:Calgary/Imposter-Wet-Overview-Style?action=raw&ctype=text/css"
−
</div>
+
    />
 +
   
 +
   
 +
    <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 +
    <style>
 +
/* The banner image */
 +
.banner-image {
 +
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
 +
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url("https://static.igem.org/mediawiki/2020/8/8a/T--Calgary--wetlab.jpg");
  
−
<div class="column full_size">
+
  /* Set a specific height */
−
<div class="highlight decoration_background">
+
  height: 65vh;
−
<h3>Note</h3>
+
−
<p>Note that parts must be well documented on each Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>. This documentation includes all of the characterization data for your parts. <b>The part's data MUST be on the part's Main Page on the Registry for your team to be eligible for medals and special prizes pertaining to parts.</b> <br><br>
+
−
This page serves to <i>showcase</i> the parts you have made and should include links to the Registry pages for your parts. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
−
</div>
+
−
</div>
+
  
−
<div class="clear extra_space"></div>
+
  /* Position and center the image to scale nicely on all screens */
−
<div class="line_divider"></div>
+
  background-position: center;
−
<div class="clear extra_space"></div>
+
  background-repeat: no-repeat;
 +
  background-size: cover;
 +
  position: relative;
 +
  background-attachment: fixed;
 +
}
  
  
  
 +
/*header font size for tablet*/
 +
@media(max-width: 768px){
 +
  .resp h1{
 +
    font-size:55px!important;
 +
  }}
 +
 
 +
/*header font size for mobile*/
 +
@media (max-width:525px){
 +
  .resp h1{
 +
    font-size:50px!important;
 +
  }}
  
  
−
<div class="column two_thirds_size">
 
−
<div class="highlight decoration_B_full">
 
  
−
<h3>Adding parts to the registry</h3>
+
 
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
/*header4 font size for mobile*/
 +
@media (max-width:525px){
 +
  .resp2 h4{
 +
    font-size:15px!important;
 +
  }}
  
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Documentation includes the characterization data of your parts.</p>
 
−
<div class="button_link">
 
−
<a href="http://parts.igem.org/Add_a_Part_to_the_Registry">
 
−
ADD PARTS
 
−
</a>
 
−
</div>
 
  
−
</div>
+
/*header4 font size for tablet*/
−
</div>
+
@media(max-width: 768px){
 +
  .resp2 h4{
 +
    font-size:15px!important;
 +
  }}
  
  
 +
/* Style page content */
 +
.main {
 +
  padding: 0px 0px;
 +
  position: relative;
 +
  top: -100px; /* To override the odd <br> tag bug */
 +
}
  
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
 
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
.break h4{word-break: break-all;}
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
  
−
<div class="clear extra_space"></div>
 
  
 +
/* References section of page slightly above the header */
 +
#project-design, #part-design, #experimental-design, #future-directions {
 +
    padding-top: 50px;
 +
    margin-top: -50px;
 +
}
  
  
  
−
<div class="column full_size">
 
  
−
<h3>What information do I need to start putting my parts on the Registry?</h3>
+
/* Accordion styling */
−
<p>The information needed to initially create a part on the Registry is:</p>
+
.btn {color:#882916;}
−
<ul>
+
−
<li>Part Name</li>
+
−
<li>Part type</li>
+
−
<li>Creator</li>
+
−
<li>Sequence</li>
+
−
<li>Short Description (60 characters on what the DNA does)</li>
+
−
<li>Long Description (Longer description of what the DNA does)</li>
+
−
<li>Design considerations</li>
+
−
</ul>
+
  
−
<p>
 
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, you must also put it up on the part page. </p>
 
  
−
</div>
 
  
 +
/* mouse over button */
 +
a.imglink{
 +
  background:        #000;
 +
  display:            inline-block;
 +
}
 +
a.imglink img{
 +
  vertical-align:    middle;
 +
  transition:        opacity 0.3s;
 +
  -webkit-transition: opacity 0.3s;
 +
}
 +
a.imglink:hover img{
 +
  opacity:            0.5;
 +
}
 +
    </style>
 +
  </head>
 +
<body style="background-color: #FFFFFF;">
 +
<div class="main">
 +
    <div class="container-fluid">
  
−
<div class="clear extra_space"></div>
 
−
<div class="line_divider"></div>
 
−
<div class="clear extra_space"></div>
 
  
−
<div class="column full_size">
+
−
<h3>Part Table </h3>
+
      <!-- HEADER/BANNER -->
 +
      <div class="banner-image">
 +
        <div class="banner-text resp">
 +
        <h1 style="font-weight: 600; font-family: 'Public Sans', sans-serif;">PARTS</h1>
 +
        </div>
 +
      </div>
 +
     
 +
      <!-- BODY -->
 +
      <div style="margin-bottom:-200px; background-color:#e5e5e5;"class="intro-body">
 +
<div style="background-color:#FFFFFF; padding-left: 60px; padding-right: 50px; padding-bottom: 60px; border-radius: ;"class = "project-design" id="project-design">
 +
        <center><h2><b>PARTS OVERVIEW</b></h2></center>
 +
        <br>
 +
        <p>
 +
          Oviita has three main wet lab components that allow <span style="font-style: italic;class="italic">Yarrowia lipolytica</span> to be easy and safe to work with in communities, and be as nutritionally valuable as possible. This year we did extensive planning of experiments, including trouble-shooting plans. Check out our work below!
 +
        </p>
  
−
<p>Please include a table of all the parts your team has made during your project on this page. Remember part characterization and measurement data must go on your team part pages on the Registry. </p>
 
  
−
</html>
 
−
<groupparts>iGEM20 Calgary</groupparts>
 
−
<html>
 
−
</div>
 
  
 +
  <div style="background-color:#f5b984; border-radius: 25px; padding-bottom: 30px;"class="row resp2">
 +
    <div style="padding-top:30px;"class="col-sm-4"><a href="https://2020.igem.org/Team:Calgary/Imposter-Content" class="imglink">
 +
    <center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/3/3a/T--Calgary--partcollection.jpg">
  
  
  
 +
 +
<h4>PART COLLECTION</h4>
 +
      <p>Integrating cellulase genes into the <span style="font-style: italic;class="italic">Y. lipolytica</span> genome, thus allowing the yeast to use agricultural waste as a carbon source for energy. </p></center></a>
 +
    </div>
 +
  <div style="padding-top:30px;"class="col-sm-4"><a href="https://2020.igem.org/Team:Calgary" class="imglink">
 +
 +
<center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/f/ff/T--Calgary--validate.jpg">
 +
 +
 +
 +
 +
      <h4>VALIDATE</h4>
 +
<p>Introducing the genes that will allow <span style="font-style: italic;class="italic">Y. lipolytica</span> to produce omega 3-fatty acids to be more nutritionally valuable  </p></center></a>
 +
    </div>
 +
    <div style="padding-top:30px;"class="col-sm-4 break"><a href="https://2020.igem.org/Team:Calgary" class="imglink">
 +
    <center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/7/79/T--Calgary--characterize.jpg"><h4>CHARACTERIZE</h4>
 +
<p>Engineering the different strains to be dependent on each other so they can only survive within the bioreactor and not in the environment </p></center></a>
 +
    </div>
 +
    </div>
 +
 +
 +
 +
 +
 +
 +
 
 +
 +
 +
 +
 +
   
 +
 +
 +
 +
 +
 +
 +
</div>
 +
          </div> <!-- add in new section of CONTENT above this -->
 +
      </div>
 +
    </div>
 +
  </body>
 
</html>
 
</html>
 +
{{Calgary/Imposter-Footer}}

Revision as of 03:08, 19 September 2020



PARTS OVERVIEW


Oviita has three main wet lab components that allow Yarrowia lipolytica to be easy and safe to work with in communities, and be as nutritionally valuable as possible. This year we did extensive planning of experiments, including trouble-shooting plans. Check out our work below!

PART COLLECTION

Integrating cellulase genes into the Y. lipolytica genome, thus allowing the yeast to use agricultural waste as a carbon source for energy.

VALIDATE

Introducing the genes that will allow Y. lipolytica to produce omega 3-fatty acids to be more nutritionally valuable

CHARACTERIZE

Engineering the different strains to be dependent on each other so they can only survive within the bioreactor and not in the environment