Difference between revisions of "Team:Calgary/Software"

(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 judges-will-not-evaluate">
+
<link
−
<h3>★  ALERT! </h3>
+
      rel="stylesheet"
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2020.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2020.igem.org/Judging/Awards"> award listed below</a>. </p>
+
      type="text/css"
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2020.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</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");
  
 +
  /* Set a specific height */
 +
  height: 65vh;
  
−
<div class="clear"></div>
+
  /* Position and center the image to scale nicely on all screens */
 +
  background-position: center;
 +
  background-repeat: no-repeat;
 +
  background-size: cover;
 +
  position: relative;
 +
  background-attachment: fixed;
 +
}
  
  
−
<div class="column full_size">
 
−
<h1>Software</h1>
 
−
<p>For Software Track teams, while you are not eligible for the Software Tool Special Prize, you can use this page to document your work.</p>
 
  
−
</div>
+
/*header font size for tablet*/
−
<div class="column two_thirds_size">
+
@media(max-width: 768px){
−
<h3>Best Software Tool Special Prize</h3>
+
  .resp h1{
−
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success.  
+
    font-size:55px!important;
 +
  }}
 +
 
 +
/*header font size for mobile*/
 +
@media (max-width:525px){
 +
  .resp h1{
 +
    font-size:50px!important;
 +
  }}
  
  
−
<br><br>
 
−
To compete for the <a href="https://2020.igem.org/Judging/Awards">Best Software Tool prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2020.igem.org/Judging/Judging_Form">judging form</a>.
 
−
<br><br>
 
−
To be eligible, your software has to be documented and made available under an OSI approved open source license.
 
−
<br><br>
 
−
For software resources, please visit the <a href="https://2020.igem.org/Resources">Resources Hub</a>.
 
−
</p>
 
  
 +
 
 +
/*header4 font size for mobile*/
 +
@media (max-width:525px){
 +
  .resp2 h4{
 +
    font-size:15px!important;
 +
  }}
  
−
</div>
 
  
−
<div class="column third_size">
+
/*header4 font size for tablet*/
−
<div class="highlight decoration_A_full">
+
@media(max-width: 768px){
−
<h3> Inspiration </h3>
+
  .resp2 h4{
−
<p>
+
    font-size:15px!important;
−
Here are a few examples from previous teams:
+
  }}
−
</p>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:BostonU_HW">2016 BostonU HW</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">2014 Heidelberg</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">2014 Aachen</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
 +
/* Style page content */
 +
.main {
 +
  padding: 0px 0px;
 +
  position: relative;
 +
  top: -100px; /* To override the odd <br> tag bug */
 +
}
 +
 +
 +
.break h4{word-break: break-all;}
 +
 +
 +
 +
/* References section of page slightly above the header */
 +
#project-design, #part-design, #experimental-design, #future-directions {
 +
    padding-top: 50px;
 +
    margin-top: -50px;
 +
}
 +
 +
 +
 +
 +
/* Accordion styling */
 +
.btn {color:#882916;}
 +
 +
 +
 +
/* 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">
 +
 +
 +
 +
      <!-- HEADER/BANNER -->
 +
      <div class="banner-image">
 +
        <div class="banner-text resp">
 +
        <h1 style="font-weight: 600; font-family: 'Public Sans', sans-serif;">HARDWARE</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>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>
 +
 +
 +
 +
  <div style="background-color:#f5b984; border-radius: 25px; padding-bottom: 30px;"class="row resp2">
 +
    <div style="padding-top:30px;"class="col-sm-6"><a href="https://2020.igem.org/Team:Calgary/Bioreactor" class="imglink">
 +
    <center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/d/da/T--Calgary--commmm.jpg">
 +
 +
 +
 +
 +
<h4>BIOREACTOR</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-6 break"><a href="https://2020.igem.org/Team:Calgary/Randys_Cell" class="imglink">
 +
    <center><img style="padding-bottom:20px;"class="img-fluid"src="https://static.igem.org/mediawiki/2020/4/46/T--Calgary--miccccc.jpg"><h4>RANDY'S CELL</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 01:36, 10 October 2020



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!

BIOREACTOR

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

RANDY'S CELL

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