Difference between revisions of "Team:TEC-Costa Rica/Human Practice/Synbiothon"

Line 72: Line 72:
 
    color: #fff;
 
    color: #fff;
 
}
 
}
.winners { display: block; }
+
.syn-video h1 {
.winners-description { padding: 20px; }
+
#myCarousel p {
+
 
text-align: center;
 
text-align: center;
}
 
.carousel h1, .carousel h1 {
 
margin: 0;
 
padding-top: 0;
 
}
 
.carousel {
 
height: 350px;
 
margin-bottom: 60px;
 
}
 
.carousel-caption { z-index: 10; }
 
.carousel .item {
 
height: 350px;
 
background-color: #777;
 
}
 
.carousel-inner > .item > img {
 
position: absolute;
 
top: 0;
 
left: 0;
 
min-width: 100%;
 
height: 350px;
 
}
 
.carousel-indicators, .mw-content-ltr ol {
 
position: absolute;
 
bottom: 10px;
 
left: 50%;
 
z-index: 15;
 
width: 60%;
 
padding-left: 0;
 
margin-left: -30%;
 
text-align: center;
 
list-style: none;
 
}
 
.carousel-control {
 
color: white;
 
}
 
@media (min-width: 768px) {
 
.carousel-caption p {
 
margin-bottom: 20px;
 
font-size: 21px;
 
line-height: 1.4;
 
}
 
 
}
 
}
 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
Line 140: Line 97:
 
<main class="synbiothon well">
 
<main class="synbiothon well">
 
<div class="jumbotron text-center parallax">    
 
<div class="jumbotron text-center parallax">    
<h1 style="font-size: 50px;">SynBioThon 2016<br><span>Rewriting the code</span></h1>
+
<h1 style="font-size: 50px;">SynBioThon 2016<br><span>Rewriting the code</span></h1>
 
</div>
 
</div>
 
<div class="concept">
 
<div class="concept">
Line 150: Line 107:
 
<div id="synbiothon-details" class="container-fluid">
 
<div id="synbiothon-details" class="container-fluid">
 
  <div class="row slideanim">
 
  <div class="row slideanim">
 +
    <div class="col-sm-3">
 +
      <div class="panel panel-default text-center">
 +
        <div class="panel-heading">
 +
          <h1>Biohacker's Journal</h1>
 +
        </div>
 +
        <div class="panel-body">
 +
          <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 +
        </div>
 +
        <div class="panel-footer">
 +
        <a href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon/Biohacker_Journal"><button class="btn btn-lg">More</button></a>
 +
        </div>
 +
      </div>     
 +
    </div> 
 
    <div class="col-sm-3">
 
    <div class="col-sm-3">
 
      <div class="panel panel-default text-center">
 
      <div class="panel panel-default text-center">
Line 189: Line 159:
 
      </div>       
 
      </div>       
 
    </div>     
 
    </div>     
    <div class="col-sm-3">
 
      <div class="panel panel-default text-center">
 
        <div class="panel-heading">
 
          <h1>Biohacker's Journal</h1>
 
        </div>
 
        <div class="panel-body">
 
          <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
        </div>
 
        <div class="panel-footer">
 
        <a href="https://2016.igem.org/Team:TEC-Costa_Rica/Human_Practice/Synbiothon/Biohacker_Journal"><button class="btn btn-lg">More</button></a>
 
        </div>
 
      </div>     
 
    </div> 
 
 
  </div>
 
  </div>
 
</div>
 
</div>
<!--
+
<div class="comments container-fluid">
<div class="container-fluid">
+
<div class="row slideanim">
<div class="row">
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2016/3/3c/T--TEC-Costa_Rica--prostal_hp_projects_commet1.jpg" alt="Comment 1">
<h1>The winners</h1>
+
</div>
<div class="col-sm-5">
+
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
+
<div class="syn-video container-fluid">
  <ol class="carousel-indicators">
+
<h1>Take a look at SynBioThon 2016!</h1>
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
    <li data-target="#myCarousel" data-slide-to="1"></li>
+
    <li data-target="#myCarousel" data-slide-to="2"></li>
+
  </ol>
+
  <div class="carousel-inner" role="listbox">
+
    <div class="item active">
+
      <img class="first-slide img-responsive" src="https://static.igem.org/mediawiki/2016/b/b1/T--TEC-Costa_Rica--prostal_human_practice_firstplace.jpg" alt="First place Hemoalgae">
+
      <div class="container">
+
        <div class="carousel-caption">
+
          <h1>First Place</h1>
+
          <h1>Hemoalgae</h1>
+
          <p>Heparin (anticoagulant) synthesis in microalgae to provide a lower cost product.</p>
+
        </div>
+
      </div>
+
    </div>
+
    <div class="item">
+
      <img class="second-slide img-responsive" src="https://static.igem.org/mediawiki/2016/c/cc/T--TEC-Costa_Rica--prostal_human_practice_secondplace.jpg" alt="Second place Bet PRO">
+
      <div class="container">
+
        <div class="carousel-caption">
+
          <h1>Second Place</h1>
+
          <h1>Bet PRO</h1>
+
          <p>Genetic modification of a yeast so it can produce Betaine from tyrosine.</p>
+
        </div>
+
      </div>
+
    </div>
+
    <div class="item">
+
      <img class="third-slide img-responsive" src="https://static.igem.org/mediawiki/2016/7/76/T--TEC-Costa_Rica--prostal_human_practice_thirdplace.jpg" alt="Third place PAP-aleve">
+
      <div class="container">
+
        <div class="carousel-caption">
+
          <h1>Third Place</h1>
+
          <h1>PAP-aleve</h1>
+
          <p>Production of a fosfatase with higher analgesic effect than morphine and no side effects.<p>
+
        </div>
+
      </div>
+
    </div>
+
  </div>
+
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
    <span class="sr-only">Previous</span>
+
  </a>
+
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
+
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
    <span class="sr-only">Next</span>
+
  </a>
+
</div>
+
</div>
+
<div class="col-sm-7 winners-description">
+
<p>ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
</div>
+
</div>
+
 
</div>
 
</div>
-->
 
 
</main>
 
</main>
 
<script type="text/javascript">
 
<script type="text/javascript">

Revision as of 06:00, 14 October 2016

SynBioThon 2016
Rewriting the code

SynBioThon 2016 (SBT16) is a Synthetic Biology competition, in which teams of students work for a weekend to create an in silico genetic device that can solve some kind of problem.

SBT16 was organized not only as a mean to promote Synthetic Biology within the community but also to make aware about the importance of the application of Synthetic Biology as a high potential tool that allows technological development in Costa Rica.

As an iGEM team, we wanted to improve innovation, creativity, and teamwork among participants; we worked to generate a space for student’s active participation in science.

Reach

For SBT16, we had diverse talks in different classes and universities, trying to reach the most diverse participants. In our college (TEC), we spoke with people of different majors (Biotechnology Engineering, Material Science, Agricultural Engineering, and others). We also went to two other public universities: University of Costa Rica (UCR), where we spoke with people of Biology, Microbiology and Pharmacy, and the National University (UNA), where we talked to students of Biology. We also gave talks in private universities such as UCIMED (Medical School), LEAD University (Business Management), and others.

Prior to the event, we had preparatory workshops with students so they could get a grasp of genetics, molecular biology, and bioinformatics if they weren’t familiar with them. We had three workshops at UCR, one at UNA, and four at TEC. We had about 80 students overall in a full-day session. We had a theoric section where we explained the basics of genetics and molecular biology, and then an activity to test the concepts, and after lunch a demonstrative session of bioinformatics, centered in databases and benchling, which was followed by work.

These workshops encouraged students to participate in SBT16, so once the inscription closed we had 76 students from three different universities, willing to participate in our 54 hour SynBio competition.

Biohacker's Journal

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Projects

Here you can read about the 15 projects that were generated at SBT16.

Mentors and Judges

Molecular and Synthetic Biology experts were invited to join SBT16. Check them out!

Evaluation

How the winners were selected? Take a look here!

Comment 1

Take a look at SynBioThon 2016!