Difference between revisions of "Team:Calgary/Awards"

(Created page with "{{Calgary/Imposter-Navbar-No-Logo}} <!-- Final Colours: menu bar (red-brown): #882916 progress bar (light orange-yellow): #FFA600 light blue: #0197AE dark...")
 
 
(90 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{Calgary/Imposter-Navbar-No-Logo}}
+
{{Calgary/Imposter-Navbar}}
 
<!--
 
<!--
 
     Final Colours:
 
     Final Colours:
Line 9: Line 9:
 
     light red: #FBF6F3
 
     light red: #FBF6F3
 
     light yellow: #F1C23F (jumbotron h1)
 
     light yellow: #F1C23F (jumbotron h1)
−
-->
 
−
<!-- INSTRUCTIONS for adding more sections
 
−
 
−
1. copy and paste the following code above the message at end of code (message says CONTENT):
 
−
 
−
<div class = "NAME" id="NAME">
 
−
        <h2>NAME</h2>
 
−
        <h4>HEADER</h4>
 
−
        <p>
 
−
          PASTE IN TEXT HERE
 
−
        </p>
 
−
</div>
 
−
<br>
 
−
<hr>
 
−
 
−
2. Where it says NAME, type in name of section. This has to be the SAME thing you type in for every place it says NAME. for the NAME after the id, you cannot include spaces between words, so use dashes instead, also don't use capitals. (Ex. NAME of section is "Future Directions", so i would paste that in where ever it says NAME. for the NAME after the id, I would type in "future-directions".) Also type in desired HEADER and text where it says PASTE IN TEXT HERE.
 
−
 
−
3. Now we have to add the section to the sidebar menu. For this, go through the code and find the part where it says SIDEBAR. where it says "replace-title" paste in the NAME you put in after the id (Ex. I would paste in "future-directions".) Where it says "Title" paste in the NAME of the section.
 
−
 
−
4. Now go to the part of the code where it says "References section of page slightly above the header". In the line of code after that, add in #NAME after a comma after the last one that is there before the curly brackets. (Ex. I would paste in #future-directions after the last item in that line of code after a comma.)
 
−
 
−
5. I've included the example in the code so you can follow along.That's all. You're all done!! :D If you need help just ask! 
 
−
-->
 
−
<!-- INSTRUCTIONS for adding more experiment sections to accordion:
 
−
 
−
1. copy and paste the following above the message showing where to paste (it says ACCORDION in the message):
 
−
 
−
<div class="card">
 
−
    <div class="card-header" id="headingREPLACE">
 
−
      <h2 class="mb-0">
 
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseREPLACE" aria-expanded="false" aria-controls="collapseREPLACE">
 
−
          EXPERIMENT
 
−
        </button>
 
−
      </h2>
 
−
    </div>
 
−
    <div id="collapseREPLACE" class="collapse" aria-labelledby="headingREPLACE" data-parent="#accordionExample">
 
−
      <div class="card-body">
 
−
        PASTE IN TEXT HERE.
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
 
−
2. Every place where it says REPLACE in the code, type in the next highest numerical number. (Ex. if I am putting in a new experiment I would copy and paste the code above, and type in "Five" where REPLACE is because the last number used in the code was "Four".) The main thing is that whatever you type in for REPLACE has to only be present there and nowhere else in the code!!!!
 
−
 
−
3. You can now copy and paste in your text from your protocol where it says PASTE IN TEXT HERE. And paste in the name of your experiment where it says EXPERIMENT.
 
−
 
 
-->
 
-->
 
<html>
 
<html>
 
   <head>
 
   <head>
−
<!-- LINKS THE SIDEBAR CSS SHEET BECAUSE THIS PAGE USES A SIDEBAR -->
 
−
    <link
 
−
      rel="stylesheet"
 
−
      type="text/css"    href="https://2020.igem.org/Template:Calgary/Imposter-Sidebar-2-Style?action=raw&ctype=text/css"
 
−
    />
 
  
 
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet">
Line 69: Line 18:
 
       rel="stylesheet"
 
       rel="stylesheet"
 
       type="text/css"
 
       type="text/css"
−
       href="https://2020.igem.org/Template:Calgary/Imposter-Content-Style?action=raw&ctype=text/css"
+
       href="https://2020.igem.org/Template:Calgary/Imposter-Wet-Overview-Style?action=raw&ctype=text/css"
 
     />
 
     />
 
      
 
      
Line 75: Line 24:
 
     <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 
     <style>
 
     <style>
−
 
 
/* The banner image */
 
/* The banner image */
 
.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 */
 
   /* 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/6/6c/T--Calgary--cellulase.jpg");
+
   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/a/a2/T--Calgary--Teamstairs-picture.jpeg");
 +
 
 +
  /* Set a specific height */
 +
  height: 65vh;
 +
 
 +
  /* Position and center the image to scale nicely on all screens */
 +
  background-position: center -225px;
 +
  background-repeat: no-repeat;
 +
  background-size: cover;
 +
  position: relative;
 +
  background-attachment: fixed;
 
}
 
}
 +
  
  
Line 96: Line 55:
  
  
 +
@media (max-width: 767px) {
  
 +
.banner-image {
 +
  background-position: center;
 +
}
 +
}
 +
 
 +
/*header4 font size for mobile*/
 +
@media (max-width:525px){
 +
  .resp2 h4{
 +
    font-size:15px!important;
 +
  }}
  
  
 +
/*header4 font size for tablet*/
 +
@media(max-width: 768px){
 +
  .resp2 h4{
 +
    font-size:15px!important;
 +
  }}
  
 +
/*no beige for mobile*/
 +
@media (max-width:525px){
 +
  .beige {
 +
    background-color:#FFFFFF!important;
 +
  }}
  
−
/* Fixing the top content under the navbar */
+
/*nice pics for mobile*/
−
      .banner-image {
+
@media (max-width:525px){
−
        position: relative;
+
  .nice {
−
      }
+
    width:100%!important;
 +
  }}
 +
 
 +
/*header2 font size for mobile*/
 +
@media (max-width:525px){
 +
  .project-design h2{
 +
    font-size:20px!important;
 +
  }}
 +
 
 +
 
 +
/*padding for mobile*/
 +
@media (max-width:525px){
 +
.padding {
 +
      padding-left: 0px!important;
 +
      padding-right: 0px!important;
 +
      padding-bottom: 0px!important;
 +
}}
 +
 
 +
 
 +
 
 +
/* Style page content */
 +
.main {
 +
  padding: 0px 0px;
 +
  position: relative;
 +
  top: -100px; /* To override the odd <br> tag bug */
 +
}
  
  
  
  
 +
.resp2 h4{font-size:20px!important;}
  
 
/* References section of page slightly above the header */
 
/* References section of page slightly above the header */
Line 122: Line 128:
 
.btn {color:#882916;}
 
.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>
 
     </style>
 
   </head>
 
   </head>
−
 
+
<body style="background-color: #FFFFFF;">
−
  <body style="background-color: #FFFFFF;" ;>
+
<div class="main">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
  
  
−
  <!-- SIDEBAR -->
+
   
−
        <div class="sidenav" id="sidenav">
+
−
          <a href="https://2020.igem.org/Team:Calgary"
+
−
            ><img
+
−
              src="https://static.igem.org/mediawiki/2020/c/c1/T--Calgary--whitelogo.jpg"
+
−
              style="height: 150px; width: auto; padding-top:20px; position:relative; left:-20px;"
+
−
          /></a>
+
−
 
+
−
          <a href="#project-design">Project Designs</a>
+
−
<br>
+
−
          <a href="#part-design">Part Design</a>
+
−
<br>
+
−
          <a href="#experimental-design">Experimental Design</a>
+
−
<br>
+
−
          <a href="#future-directions">Future Directions</a>
+
−
<br>
+
−
          <a href="#replace-title">Title</a>
+
−
<br>
+
−
          <a href="#replace-title">Title</a>
+
−
<br>
+
−
          <a href="#replace-title">Title</a>
+
−
        </div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="main">
+
 
       <!-- HEADER/BANNER -->
 
       <!-- HEADER/BANNER -->
 
       <div class="banner-image">
 
       <div class="banner-image">
 
         <div class="banner-text resp">
 
         <div class="banner-text resp">
−
          <h1 style="font-family: 'Public Sans', sans-serif; font-weight: 600;">AWARDS</h1>
+
        <h1 style="font-weight: 600; font-family: 'Public Sans', sans-serif;">AWARDS</h1>
−
             
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
        
 
        
 
       <!-- BODY -->
 
       <!-- BODY -->
−
       <div class="intro-body">
+
       <div style="margin-bottom:-200px; background-color:#f0eadfff;"class="intro-body beige">
−
<div class = "project-design" id="project-design">
+
<div style="background-color:#FFFFFF; padding-left: 60px; padding-right: 50px; padding-bottom: 60px; border-radius: ;"class = "project-design padding" id="project-design">
−
        <h2>PROJECT DESIGN</h2>
+
−
        <h4>What do the people need? </h4>
+
<h4>
−
        <p>
+
           <center>Check out our accomplishments from the 2020 iGEM Giant Jamboree!</center>
−
           In order to provide a sustainable, community-based solution, we plan
+
         </h4>    
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
+
 
−
          yeast that naturally produces beta-carotene and lipids, to be more
+
−
          robust and resource-efficient. By modifying the yeast to produce
+
−
          cellulase, it can then use common agricultural waste products as an
+
−
          energy source for synthesizing its oil. It can then be eaten as a
+
−
          vitamin A supplement. The yeast strain, while naturally safe and
+
−
          non-pathogenic, will also be genetically modified to include a kill
+
−
          switch for bio-containment, and optimized for oil production.
+
−
         </p>
+
−
<img src="https://static.igem.org/mediawiki/2019/4/48/T--Calgary--6GIXgel.jpeg">
+
 
<br>
 
<br>
−
<p>
+
<div style="background-color:#f5b984; border-radius: 25px; padding-bottom: 30px;">
−
          In order to provide a sustainable, community-based solution, we plan
+
<div style="padding-left:30px; padding-right:30px;"class="row resp2">
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
+
<div style="padding-top:30px;"class="col-md-12">
−
          yeast that naturally produces beta-carotene and lipids, to be more
+
<h1>AWARDS</h1> <hr></div>
−
          robust and resource-efficient. By modifying the yeast to produce
+
</div>
−
          cellulase, it can then use common agricultural waste products as an
+
−
          energy source for synthesizing its oil. It can then be eaten as a
+
−
          vitamin A supplement. The yeast strain, while naturally safe and
+
−
          non-pathogenic, will also be genetically modified to include a kill
+
−
          switch for bio-containment, and optimized for oil production.
+
−
        </p>
+
  
 +
  <div style="padding-left:30px; padding-right:30px;"class="row resp2">
 +
<div style="padding-top:10px;"class="col-md-12">
 +
<center><a href="https://2020.igem.org/Team:Calgary/Judging" class="imglink">
 +
    <center><img style="padding-bottom:20px; width:30%;"class="nice img-fluid"src="https://static.igem.org/mediawiki/2020/1/14/T--Calgary--medal.jpg"> <h4>GOLD MEDAL</h4> </a></center>
 +
</div>
  
 
</div>
 
</div>
−
<br>
 
−
<hr>
 
−
<div class = "part-design" id="part-design">
 
−
        <h2>PART DESIGN</h2>
 
−
        <h4>Thoughtful design of genetic constructs</h4>
 
−
        <p>
 
−
          In order to provide a sustainable, community-based solution, we plan
 
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
 
−
          yeast that naturally produces beta-carotene and lipids, to be more
 
−
          robust and resource-efficient. By modifying the yeast to produce
 
−
          cellulase, it can then use common agricultural waste products as an
 
−
          energy source for synthesizing its oil. It can then be eaten as a
 
−
          vitamin A supplement. The yeast strain, while naturally safe and
 
−
          non-pathogenic, will also be genetically modified to include a kill
 
−
          switch for bio-containment, and optimized for oil production.
 
−
        </p>
 
 
</div>
 
</div>
 +
 +
 
<br>
 
<br>
−
<hr>
 
−
<div class = "experimental-design" id="experimental-design">
 
−
        <h2>EXPERIMENTAL DESIGN</h2> </div>
 
−
        <h4>Thoughtful design of experiments</h4>
 
−
        <p>
 
−
          In order to provide a sustainable, community-based solution, we plan
 
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
 
−
          yeast that naturally produces beta-carotene and lipids, to be more
 
−
          robust and resource-efficient. By modifying the yeast to produce
 
−
          cellulase, it can then use common agricultural waste products as an
 
−
          energy source for synthesizing its oil. It can then be eaten as a
 
−
          vitamin A supplement. The yeast strain, while naturally safe and
 
−
          non-pathogenic, will also be genetically modified to include a kill
 
−
          switch for bio-containment, and optimized for oil production.
 
−
        </p>
 
−
<!--ACCORDION -->
 
  
−
<div class="accordion" id="accordionExample">
+
<div style="background-color:#f5b984; border-radius: 25px; padding-bottom: 30px;">
−
  <div class="card">
+
 
−
    <div class="card-header" id="headingOne">
+
<div style="padding-left:30px; padding-right:30px;"class="row resp2">
−
      <h2 class="mb-0">
+
<div style="padding-top:30px;"class="col-sm-12">  
−
        <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+
<h1>NOMINATIONS</h1> <hr> </div>
−
          Experiment 1
+
</div>
−
        </button>
+
 
−
      </h2>
+
<div style="padding-left:30px; padding-right:30px;"class="row resp2">
 +
<div style="padding-top:30px;"class="col-md-6"><a href="https://2020.igem.org/Team:Calgary/Hardware" class="imglink">
 +
    <center><img style="padding-bottom:20px; width:30%;"class="nice img-fluid"src="https://static.igem.org/mediawiki/2020/3/38/T--Calgary--moa.jpg">
 +
 
 +
 
 +
 
 +
 
 +
<h4>BEST HARDWARE</h4>
 +
      </center></a>
 
     </div>
 
     </div>
  
−
    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
+
<div style="padding-top:30px;"class="col-md-6"><a href="https://2020.igem.org/Team:Calgary/Sustainable" class="imglink">
−
      <div class="card-body">
+
    <center><img style="padding-bottom:20px; width:25%;"class="nice img-fluid"src="https://static.igem.org/mediawiki/2020/4/48/T--Calgary--plannnt.jpg">
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
 
−
      </div>
+
 
 +
 
 +
 
 +
<h4>BEST SUSTAINABLE<br> DEVELOPMENT IMPACT</h4>
 +
      </center></a>
 
     </div>
 
     </div>
−
  </div>
+
 
−
   <div class="card">
+
 
−
    <div class="card-header" id="headingTwo">
+
</div>
−
      <h2 class="mb-0">
+
 
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+
   <div style="padding-left:30px; padding-right:30px;"class="row resp2">
−
          Experiment 2
+
     <div style="padding-top:30px;"class="col-md-4"><a href="https://2020.igem.org/Team:Calgary/Human_Practices" class="imglink">
−
        </button>
+
    <center><img style="padding-bottom:20px;width:35%;"class="nice img-fluid"src="https://static.igem.org/mediawiki/2020/1/12/T--Calgary--talkk.jpg">
−
      </h2>
+
 
−
    </div>
+
 
−
     <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
+
 
−
      <div class="card-body">
+
 
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
<h4>BEST INTEGRATED HUMAN PRACTICES</h4>
−
      </div>
+
      </center></a>
−
    </div>
+
−
  </div>
+
−
  <div class="card">
+
−
    <div class="card-header" id="headingThree">
+
−
      <h2 class="mb-0">
+
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+
−
          Experiment 3
+
−
        </button>
+
−
      </h2>
+
−
    </div>
+
−
    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
+
−
      <div class="card-body">
+
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
<div class="card">
+
−
    <div class="card-header" id="headingFour">
+
−
      <h2 class="mb-0">
+
−
        <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+
−
          Experiment 4
+
−
        </button>
+
−
      </h2>
+
−
    </div>
+
−
    <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionExample">
+
−
      <div class="card-body">
+
−
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
−
      </div>
+
 
     </div>
 
     </div>
−
  </div>
+
  <div style="padding-top:30px;"class="col-md-4"><a href="https://2020.igem.org/Team:Calgary/Measurement" class="imglink">
  
 +
<center><img style="padding-bottom:20px;width:40%;"class="nice img-fluid"src="https://static.igem.org/mediawiki/2020/e/e9/T--Calgary--sofft.jpg">
  
  
  
  
 +
      <h4>BEST MEASUREMENT</h4>
 +
</center></a>
 +
    </div>
 +
    <div style="padding-top:30px;"class="col-md-4 break"><a href="https://2020.igem.org/Team:Calgary/Entrepreneurship" class="imglink">
 +
    <center><img style="padding-bottom:20px;width:35%;"class="nice img-fluid"src="https://static.igem.org/mediawiki/2020/6/66/T--Calgary--busini.jpg">
  
−
</div> <!--Everything above this is in the ACCORDION. So copy and paste a new experiment above here. -->
+
<h4>BEST SUPPORTING ENTREPRENEURSHIP</h4>
−
<hr>
+
</center></a>
−
<div class = "Future Directions" id="future-directions">
+
    </div>
−
        <h2>FUTURE DIRECTIONS</h2>
+
    </div>
−
        <h4>Next Steps</h4>
+
−
        <p>
+
 
−
          In order to provide a sustainable, community-based solution, we plan
+
−
          to genetically modify <i>Rhodosporidium toruloides</i>, an oleaginous
+
−
          yeast that naturally produces beta-carotene and lipids, to be more
+
−
          robust and resource-efficient. By modifying the yeast to produce
+
−
          cellulase, it can then use common agricultural waste products as an
+
−
          energy source for synthesizing its oil. It can then be eaten as a
+
−
          vitamin A supplement. The yeast strain, while naturally safe and
+
−
          non-pathogenic, will also be genetically modified to include a kill
+
−
          switch for bio-containment, and optimized for oil production.
+
−
        </p>
+
 
</div>
 
</div>
−
<br>
 
−
<hr>
 
  
  
Line 322: Line 254:
  
  
 +
 +
</div>
 
           </div> <!-- add in new section of CONTENT above this -->
 
           </div> <!-- add in new section of CONTENT above this -->
 
       </div>
 
       </div>
−
    </div>
+
    </div>
 
   </body>
 
   </body>
 
</html>
 
</html>
 
{{Calgary/Imposter-Footer}}
 
{{Calgary/Imposter-Footer}}

Latest revision as of 01:38, 11 December 2020