|
|
(62 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html lang="en">
| + | {{:Team:NTNU_Trondheim/Test/Templates/Header}} |
- | <head>
| + | <html> |
- | <meta http-equiv="content-type" content="text/html; charset=UTF-8">
| + | <div class="container main-container" style="margin-top:220px;"> |
- | <link href="http://folk.ntnu.no/oyas/igem/css/base-style.css" rel="stylesheet">
| + | |
- | <link href="http://folk.ntnu.no/oyas/igem/css/superfish.css" rel="stylesheet">
| + | |
- | <link href="http://folk.ntnu.no/oyas/igem/css/superfish-navbar.css" rel="stylesheet">
| + | |
- | <!--<link href="http://folk.ntnu.no/oyas/igem/css/superfish-vertical.css" rel="stylesheet">-->
| + | |
| | | |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
| |
- | <script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/hoverIntent.js"></script>
| |
- | <script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/jquery.bgiframe.min.js"></script>
| |
- | <script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/superfish.js"></script>
| |
- | <!--<script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/supersubs.js"></script>-->
| |
- |
| |
- | <script>
| |
- | $(document).ready(function(){
| |
- | $("ul.sf-menu").superfish({
| |
- | delay: 100, // delay on mouseout
| |
- | animation: {opacity:'show', height:'show'}, // fade-in and slide-down animation
| |
- | speed: 'normal', // animation speed
| |
- | autoArrows: true, // generation of arrow mark-up
| |
- | dropShadows: true // drop shadows );
| |
- | });
| |
- | });
| |
- | </script>
| |
- |
| |
- | <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
| |
- | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
| |
- |
| |
- | </head>
| |
| | | |
- | <body> | + | <div class="row-fluid"> |
| | | |
- | <div id="fb-root"></div> | + | <div class="span9"> |
- | <script>(function(d, s, id) {
| + | |
- | var js, fjs = d.getElementsByTagName(s)[0];
| + | <!-- <div class="alert alert-success">--> |
- | if (d.getElementById(id)) return;
| + | <!-- <button type="button" class="close" data-dismiss="alert">×</button>--> |
- | js = d.createElement(s); js.id = id;
| + | <!-- <strong>Hi, there!</strong> Looking for a quick tour? Click me!--> |
- | js.src = "//connect.facebook.net/nb_NO/all.js#xfbml=1";
| + | <!-- </div> --> |
- | fjs.parentNode.insertBefore(js, fjs);
| + | |
- | }(document, 'script', 'facebook-jssdk'));</script>
| + | |
| | | |
- | <a name="top"></a> | + | <div id="myCarousel" class="carousel slide"> |
- | <div id='ProjectLogo'> | + | <div class="carousel-inner"> |
- | <a href='https://2012.igem.org/Team:NTNU_Trondheim'>
| + | <div class="item active"> |
- | <img src="http://folk.ntnu.no/oyas/igem/images/ntnu_igem12_header_new3.png"/>
| + | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt=""> |
- | </a>
| + | <div class="carousel-caption"> |
- | </div> | + | <h4>First Thumbnail label</h4> |
- | <div id='iGEMLogo'> | + | <p>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> |
- | <a href='https://2012.igem.org/Main_Page' target="_blank">
| + | </div> |
- | <img src='http://folk.ntnu.no/oyas/igem/images/igem_logo.png' style="width:90px;" />
| + | </div> |
- | </a>
| + | <div class="item"> |
- | </div>
| + | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt=""> |
- | <div id='NTNULogo'> | + | <div class="carousel-caption"> |
- | <a href='http://www.ntnu.edu/' target="_blank">
| + | <h4>Second Thumbnail label</h4> |
- | <img src='http://folk.ntnu.no/oyas/igem/images/ntnu_logo.png' style="width:160px;" />
| + | <p>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> |
- | </a>
| + | </div> |
- | </div> | + | </div> |
- | | + | <div class="item"> |
- | <div id="BackToTop"> | + | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt=""> |
- | <a href="#top">
| + | <div class="carousel-caption"> |
- | <img src="https://static.igem.org/mediawiki/2011/6/62/ICL_BackToTop2.png" width="48px" /> | + | <h4>Third Thumbnail label</h4> |
- | </a> | + | <p>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> |
- | </div>
| + | </div> |
- | <!--
| + | </div> |
- | <div id="Sitemap">
| + | </div> |
- | <a href="#"> | + | <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> |
- | <img src="https://static.igem.org/mediawiki/2011/f/f5/ICL_SitemapBtn.png" width="80px" /> | + | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> |
- | </a> | + | </div> |
- | </div> | + | <div class="row-fluid"> |
- | -->
| + | <ul class="thumbnails"> |
- | <!-- NAVBAR
| + | <li class="span3"> |
- | ----------------------------------------------->
| + | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> |
- | | + | |
- | <div id="main-menu"> | + | |
- | <ul class="sf-menu">
| + | |
- | <span id="menu-item1">
| + | |
- | <li class="current">
| + | |
- | <a class="sf-with-ul" href="#a">Project<!--<span class="sf-sub-indicator"> »</span>--></a><!--
| + | |
- | <ul> | + | |
- | <li> | + | |
- | <a href="#aa">menu item</a> | + | |
| </li> | | </li> |
- | <li class="current"> | + | <div class="span3"> |
- | <a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> »</span></a> | + | <h2><i class="icon-info-sign"></i> Project</h2> |
- | <ul> | + | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> |
- | <li class="current"><a href="#">menu item</a></li>
| + | <p><a class="btn" href="#">View details »</a></p> |
- | <li><a href="#aba">menu item</a></li>
| + | </div> |
- | <li><a href="#abb">menu item</a></li>
| + | <li class="span3"> |
- | <li><a href="#abc">menu item</a></li>
| + | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> |
- | <li><a href="#abd">menu item</a></li>
| + | |
- | </ul>
| + | |
| </li> | | </li> |
- | <li> | + | <div class="span3"> |
- | <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> | + | <h2><i class="icon-trophy"></i> Achievements</h2> |
- | <ul> | + | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> |
- | <li><a href="#">menu item</a></li>
| + | <p><a class="btn" href="#">View details »</a></p> |
- | <li><a href="#">menu item</a></li>
| + | </div> |
- | <li><a href="#">menu item</a></li>
| + | </ul> |
- | <li><a href="#">menu item</a></li>
| + | <ul class="thumbnails"> |
- | <li><a href="#">menu item</a></li>
| + | <li class="span3"> |
- | </ul>
| + | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> |
| </li> | | </li> |
- | <li> | + | <div class="span3"> |
- | <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> | + | <h2><i class="icon-beaker"></i> Experiments</h2> |
- | <ul> | + | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> |
- | <li><a href="#">menu item</a></li>
| + | <p><a class="btn" href="#">View details »</a></p> |
- | <li><a href="#">menu item</a></li>
| + | </div> |
- | <li><a href="#">menu item</a></li>
| + | <li class="span3"> |
- | <li><a href="#">menu item</a></li>
| + | <a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a> |
- | <li><a href="#">menu item</a></li>
| + | |
- | </ul>
| + | |
| </li> | | </li> |
- | </ul>-->
| + | <div class="span3"> |
- | </li>
| + | <h2><i class="icon-heart"></i> Matchmaker</h2> |
- | </span>
| + | <p>We created a tool to make it easy for all iGEM teams to find other teams to collaborate with. </p> |
- | <span id="menu-item2">
| + | <p><a class="btn" href="#">Read more »</a></p> |
- | <li>
| + | </div> |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Notebook">Notebook</a>
| + | </ul> |
- | </li>
| + | </div> |
- | </span>
| + | </div> <!-- /span9 --> |
- | <span id="menu-item3">
| + | |
- | <li>
| + | <div class="span3 well well-small visible-desktop" style="background-color: #ffffff;"> |
- | <a class="sf-with-ul" href="https://2012.igem.org/Team:NTNU_Trondheim/Protocols">Protocols<!--<span class="sf-sub-indicator"> »</span>--></a><!--
| + | <p style="text-align: center;">Countdown to the <a href="https://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>: |
- | <ul>
| + | <div id="jamboreeCountdown"></div><br /><br /><br/> |
- | <li> | + | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> |
- | <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a>
| + | <script>new TWTR.Widget({version:2,type:'profile',rpp:4,interval:30000,width:250,height:300,theme:{shell:{background:'#222',color:'#ffffff'},tweets:{background:'#555',color:'#ffffff',links:'#53db50'}},features:{scrollbar:false,loop:false,live:false,behavior:'all'}}).render().setUser('iGEM_NTNU').start(); |
- | <ul> | + | </script><br/> |
- | <li><a href="#">short</a></li>
| + | <div style="" class="fb-like-box" data-href="http://www.facebook.com/ntnuigem" data-width="250" data-show-faces="true" data-border-color="#ffffff" data-stream="false" data-header="false"></div> |
- | <li><a href="#">short</a></li>
| + | </div> <!-- /span3 --> |
- | <li><a href="#">short</a></li>
| + | |
- | <li><a href="#">short</a></li>
| + | |
- | <li><a href="#">short</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a>
| + | |
- | <ul> | + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a>
| + | |
- | <ul> | + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a>
| + | |
- | <ul>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | </ul>
| + | |
- | </li> | + | |
- | <li>
| + | |
- | <a class="sf-with-ul" href="#">menu item<!--<span class="sf-sub-indicator"> »</span>--></a><!--
| + | |
- | <ul>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | <li><a href="#">menu item</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | </ul>--> | + | |
- | </li> | + | |
- | </span>
| + | |
- | <span id="menu-item4">
| + | |
- | <li>
| + | |
- | <a href="#">Extras</a>
| + | |
- | </li>
| + | |
- | </span>
| + | |
- | <span id="menu-item5">
| + | |
- | <li>
| + | |
- | <a href="#">Team</a>
| + | |
- | </li>
| + | |
- | </span>
| + | |
- | </ul> | + | |
- | </div> <!-- End of main menu --> | + | |
- | | + | |
- | <div id="content"> | + | |
- | <div id="rightContent">
| + | |
- | <p>This year the team is bent on cancer destruction by means of exploding bacteria. Here's a sketch of our basic plan for the genetic circuit:</p>
| + | |
- | <p align="center"><img src="https://static.igem.org/mediawiki/2012/3/3a/Genetisk_krets.png" width="500px;"/></p>
| + | |
- | <p>Please note that the wiki is under construction. Content will be updated continously over the course of the summer, so stay
| + | |
- | tuned for the best synthetic biology action Trondheim has to offer!</p>
| + | |
- | <p>In the meanwhile, why not enjoy some classic entertainment:</p>
| + | |
- | <iframe width="560" height="315" src="http://www.youtube.com/embed/x5yPkxCLads" frameborder="0" allowfullscreen></iframe>
| + | |
- |
| + | |
- | <div id="leftContent">
| + | |
- | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
| + | |
- | <script>
| + | |
- | new TWTR.Widget({
| + | |
- | version: 2,
| + | |
- | type: 'profile',
| + | |
- | rpp: 4,
| + | |
- | interval: 30000,
| + | |
- | width: 280,
| + | |
- | height: 300,
| + | |
- | theme: {
| + | |
- | shell: {
| + | |
- | background: '#515151',
| + | |
- | color: '#ffffff'
| + | |
- | },
| + | |
- | tweets: {
| + | |
- | background: '#000000',
| + | |
- | color: '#ffffff',
| + | |
- | links: '#53db50'
| + | |
- | }
| + | |
- | },
| + | |
- | features: {
| + | |
- | scrollbar: false,
| + | |
- | loop: false,
| + | |
- | live: false,
| + | |
- | behavior: 'all'
| + | |
- | }
| + | |
- | }).render().setUser('iGEM_NTNU').start();
| + | |
- | </script>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <!--
| + | |
- | <table width="975px" border="0">
| + | |
- | <tr style="vertical-align:top;">
| + | |
- | <td rowspan="2">
| + | |
- | <h2>Welcome to our team wiki!</h2>
| + | |
- | <p> The Norwegian University of Science and Technology is participating in the iGEM competition for the second time.
| + | |
- | This year the team is bent on cancer destruction by means of exploding bacteria. Here's a sketch of our basic plan for the genetic circuit:</p>
| + | |
- | <p align="center"><img src="https://static.igem.org/mediawiki/2012/3/3a/Genetisk_krets.png" width="500px;"/></p>
| + | |
- | <p>Please note that the wiki is under construction. Content will be updated continously over the course of the summer, so stay
| + | |
- | tuned for the best synthetic biology action Trondheim has to offer!</p>
| + | |
- | <p>In the meanwhile, why not enjoy some classic entertainment:</p>
| + | |
- | <iframe width="560" height="315" src="http://www.youtube.com/embed/x5yPkxCLads" frameborder="0" allowfullscreen></iframe>
| + | |
- | </td> | + | |
- | <td style="width:290px; padding:0px 0px 0px 24px; p {background-color:#ffffff;};">
| + | |
- | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
| + | |
- | <script>
| + | |
- | new TWTR.Widget({
| + | |
- | version: 2,
| + | |
- | type: 'profile',
| + | |
- | rpp: 4,
| + | |
- | interval: 30000,
| + | |
- | width: 280,
| + | |
- | height: 300,
| + | |
- | theme: {
| + | |
- | shell: {
| + | |
- | background: '#515151',
| + | |
- | color: '#ffffff'
| + | |
- | },
| + | |
- | tweets: {
| + | |
- | background: '#000000',
| + | |
- | color: '#ffffff',
| + | |
- | links: '#53db50'
| + | |
- | }
| + | |
- | },
| + | |
- | features: {
| + | |
- | scrollbar: false,
| + | |
- | loop: false,
| + | |
- | live: false,
| + | |
- | behavior: 'all'
| + | |
- | }
| + | |
- | }).render().setUser('iGEM_NTNU').start();
| + | |
- | </script>
| + | |
- | | + | |
- | </td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td> | + | |
- | <div class="fb-like-box" data-href="http://www.facebook.com/ntnuigem" data-width="292" data-show-faces="true" data-border-color="#ffffff" data-stream="false" data-header="false"></div>
| + | |
- |
| + | |
- | </td>
| + | |
- | </tr> | + | |
- | </table> | + | |
- | --> | + | |
- | </body>
| + | |
| </html> | | </html> |
| + | {{:Team:NTNU_Trondheim/Test/Templates/Footer}} |