|
|
| Line 156: |
Line 156: |
| | <a data-toggle="dropdown" href="#" class="icon"><h2>Project</h2></a> | | <a data-toggle="dropdown" href="#" class="icon"><h2>Project</h2></a> |
| | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> | | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> |
| - | <li role="presentation" class="dropdown-header">Lab Projects</li>
| |
| - | <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
| |
| - | <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
| |
| - | <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
| |
| | <!--<li role="presentation" class="divider"></li>--> | | <!--<li role="presentation" class="divider"></li>--> |
| | <li role="presentation" class="dropdown-header">Software Projects</li> | | <li role="presentation" class="dropdown-header">Software Projects</li> |
| Line 180: |
Line 176: |
| | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> |
| | <li role="presentation" class="dropdown-header">Lab Projects</li> | | <li role="presentation" class="dropdown-header">Lab Projects</li> |
| - | <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
| |
| - | <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
| |
| - | <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
| |
| | <!--<li role="presentation" class="divider"></li>--> | | <!--<li role="presentation" class="divider"></li>--> |
| | <li role="presentation" class="dropdown-header">Software Projects</li> | | <li role="presentation" class="dropdown-header">Software Projects</li> |
| Line 203: |
Line 196: |
| | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> | | <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> |
| | <li role="presentation" class="dropdown-header">Lab Projects</li> | | <li role="presentation" class="dropdown-header">Lab Projects</li> |
| - | <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
| |
| - | <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
| |
| - | <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
| |
| | <!--<li role="presentation" class="divider"></li>--> | | <!--<li role="presentation" class="divider"></li>--> |
| | <li role="presentation" class="dropdown-header">Software Projects</li> | | <li role="presentation" class="dropdown-header">Software Projects</li> |
| Line 344: |
Line 334: |
| | <div class="item active"> | | <div class="item active"> |
| | <img src="data:image/png;base64,"/> | | <img src="data:image/png;base64,"/> |
| - | <div class="container">
| |
| - | <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
| |
| - | <h1>Week 1</h1>
| |
| - | <p style="font-size:10pt; text-align:justify; position:relative; right:1%">At the beginning of the week, we could verify that the Gibson Assembly for Tripeptide I was indeed positive, however, the other Gibson Assemblies did not work properly. Instead of picking new colonies, we decided to optimize the Gibson recipe instead, as backbone religations were the most common problem. With these improved protocols, we used Gibson Assembly for the Dipeptide, Tripeptide II and Tetrapeptide I, later that week, Tetrapeptide II followed. After the Transformation to DH10β cells and screening by restriction digest we could send samples for the Dipeptide and Tetrapeptide I to sequencing and obtained a positive alignment. Hence we transformed BAP I cells with the positive constructs. The same was done earlier that week with the Tripeptide I - NRPS. After a second round of picking and restriction digest, positive colonies were also found for the missing constructs and DNA was sent to sequencing. If the sequencing turns out to be correct, we can transform BAP I cells with the missing constructs, and can either way start with the preparation for mass-spec. Besides that, primers for the Tyrocidine-Indigoidine-Fusion-Project were designed and ordered.</p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <img src="data:image/png;base64,"/>
| |
| - | <div class="container">
| |
| - | <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
| |
| - | <h1>Week 2</h1>
| |
| - | <p style="font-size:10pt; text-align:justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| |
| - | <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <img src="data:image/png;base64,"/>
| |
| - | <div class="container">
| |
| - | <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
| |
| - | <h1>Week 3</h1>
| |
| - | <p style="font-size:10pt; text-align:justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| |
| - | <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <img src="data:image/png;base64,"/>
| |
| - | <div class="container">
| |
| - | <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
| |
| - | <h1>Week 4</h1>
| |
| - | <p style="font-size:10pt; text-align:justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| |
| - | <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
| |
| - | <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
| |
| - | </div>
| |
| - | </div><!-- /.carousel -->
| |
| - | <div class="jumbotron" id="methods" data-spy="scroll" data-target="#navbarExample" data-offset="0">
| |
| - | <h4>Methods:</h4>
| |
| - | <p style="font-size:10pt; text-align:justify">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. .
| |
| - | </p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!--Start Weekly Labjournal-->
| |
| - | <div class="weekly-tabs">
| |
| - | <ul class="nav nav-tabs">
| |
| - | <li class="active"><a href="#">Del H</a></li>
| |
| - | <li><a href="#">Del A-E</a></li>
| |
| - | <li><a href="#">Del E-G</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | <div class="jumbotron" id="weekly">
| |
| - | <div class="nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent">
| |
| - | <h4>Amplification of... </h4>
| |
| - | <p style="font-size:12pt; text-align:justify; position:absolute; right:2%">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
| |
| - |
| |
| - | Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
| |
| - |
| |
| - | Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
| |
| - |
| |
| - | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
| |
| - |
| |
| - | Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
| |
| - |
| |
| - | At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
| |
| - |
| |
| - | Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.
| |
| - |
| |
| - | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
| |
| - |
| |
| - | Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
| |
| - |
| |
| - | Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
| |
| - |
| |
| - | Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
| |
| - | </p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <!-- The JavaScript -->
| |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
| |
| - | <script src="https://2013.igem.org/Team:Heidelberg/Templates/bootstrap-js?action=raw&ctype=text/javascript"></script>
| |
| - | <script src="https://2013.igem.org/Team:Heidelberg/Templates/holder-js?action=raw&ctype=text/javascript"></script>
| |
| - | <script type="text/javascript">
| |
| - | $('#myCarousel').carousel({interval: false});
| |
| - | //$('div').scrollspy({ target: '#scrollmenu' });
| |
| - | $('div').scrollspy({ target: '#navbarExample' });
| |
| - | </script>
| |
| - | </html>
| |
"
