|
|
(21 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
- |
| |
- | <!DOCTYPE html>
| |
- | <html lang="en">
| |
- | <head>
| |
- | <meta http-equiv="content-type" content="text/html; charset=utf-8">
| |
- | <meta charset="utf-8">
| |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
- |
| |
- | <!-- Google fonts -->
| |
- | <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
| |
- |
| |
- | <!-- Styles -->
| |
- | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap2/css/bootstrap.css" rel="stylesheet">
| |
- | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/jquery.countdown.css" rel="stylesheet">
| |
- | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/extras.css" rel="stylesheet">
| |
- |
| |
- | <!-- Responsive css must be added after top padding -->
| |
- | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap2/css/responsive.css" rel="stylesheet">
| |
- |
| |
- | <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
| |
- | <!--[if lt IE 9]>
| |
- | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
| |
- | <![endif]-->
| |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- |
| |
- | <!-- Facebook box
| |
- | ================================================== -->
| |
- | <div id="fb-root"></div>
| |
- | <script>
| |
- | (function(d, s, id) {
| |
- | var js, fjs = d.getElementsByTagName(s)[0];
| |
- | if (d.getElementById(id)) return;
| |
- | js = d.createElement(s); js.id = id;
| |
- | js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
| |
- | fjs.parentNode.insertBefore(js, fjs);
| |
- | }(document, 'script', 'facebook-jssdk'));
| |
- | </script>
| |
- |
| |
- |
| |
- | <!-- Header
| |
- | ================================================== -->
| |
- | <div class="header">
| |
- | <div class="container">
| |
- | <div class="heading"><a href="https://2012.igem.org/Team:NTNU_Trondheim">Search and Destroy</a></div>
| |
- | <div class="sub-heading" id="sub-heading1">
| |
- | <span class="sub-heading-small">NTNU IS</span> <span style="font-size: 30pt; font-style: italic;">B.A.C.K.</span>
| |
- | </div>
| |
- | <div class="sub-heading" id="sub-heading2">
| |
- | B<span class="sub-heading-small">acterial</span> A<span class="sub-heading-small">nti</span>-C<span class="sub-heading-small">ancer</span>-K<span class="sub-heading-small">amikaze</span>
| |
- | </div>
| |
- | <div class="pull-right visible-desktop" style="text-align:right;" id="ntnu-logo">
| |
- | <a href="http://ntnu.edu" target="_blank"><img src="http://folk.ntnu.no/oyas/igem3/img/ntnu_logo_en_scaled.png"/></a><br/>
| |
- | <a href="https://2012.igem.org/Main_Page" target="_blank"><img id="igem-logo" src="http://folk.ntnu.no/oyas/igem3/img/igem_logo_scaled.png" /></a>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <!-- Navbar
| |
- | ================================================== -->
| |
- | <div class="navbar navbar-below-header">
| |
- | <div class="navbar-inner">
| |
- | <div class="container">
| |
- | <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | </a>
| |
- | <div class="nav-collapse">
| |
- | <ul class="nav">
| |
- | <li class="active">
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim">
| |
- | <i class="icon-home"></i> Home</a>
| |
- | </li>
| |
- | <li class="dropdown">
| |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-info-sign"></i>Project <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu">
| |
- | <li class="nav-header">Project description</li>
| |
- | <li><a href="#">Background</a></li>
| |
- | <li><a href="#">Overview</a></li>
| |
- | <li><a href="#">In detail</a></li>
| |
- | <li><a href="#">Challenges</a></li>
| |
- | <li><a href="#">Experiments</a></li>
| |
- | <li class="divider"></li>
| |
- | <li class="nav-header">Parts</li>
| |
- | <li><a href="#">Promoters</a></li>
| |
- | <li><a href="#">Genes</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown">
| |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cogs"></i> Technical stuff <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu">
| |
- | <li><a href="#">Notebook</a></li>
| |
- | <li><a href="#">Protocols</a></li>
| |
- | <li><a href="#">Safety</a></li>
| |
- | <li><a href="#">Data</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown">
| |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-group"></i> Team <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu">
| |
- | <li><a href="#">Meet the team</a></li>
| |
- | <li><a href="#">Official team profile</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown">
| |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-bullhorn"></i> Outreach <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu">
| |
- | <li><a href="#">Collaboration</a></li>
| |
- | <li><a href="#">Researchers' Night</a></li>
| |
- | <li><a href="#">Press coverage</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li>
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Matchmaker" target="_blank">
| |
- | <i class="icon-heart"></i> Matchmaker</a>
| |
- | </li>
| |
- | </ul>
| |
- | <ul class="nav pull-right">
| |
- | <li id="fb-icon">
| |
- | <a href="http://facebook.com/ntnuigem" target="_blank"><i class="icon-facebook"></i></a>
| |
- | </li>
| |
- | <li id="twitter-icon">
| |
- | <a href="http://twitter.com/iGEM_NTNU" target="_blank"><i class="icon-twitter"></i></a>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- | <div class="container main-container" style="margin-top:220px;">
| |
- |
| |
- |
| |
- | <div class="row-fluid">
| |
- |
| |
- | <div class="span9">
| |
- |
| |
- | <!-- <div class="alert alert-success">-->
| |
- | <!-- <button type="button" class="close" data-dismiss="alert">×</button>-->
| |
- | <!-- <strong>Hi, there!</strong> Looking for a quick tour? Click me!-->
| |
- | <!-- </div> -->
| |
- |
| |
- | <div id="myCarousel" class="carousel slide">
| |
- | <div class="carousel-inner">
| |
- | <div class="item active">
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Project">
| |
- | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/project_illustration_carousel_870x400_4.png" alt="">
| |
- | </a>
| |
- | <div class="carousel-caption">
| |
- | <h4>Our project</h4>
| |
- | <p>Click to read more about our project, Bacterial Anti-Cancer Kamikaze. Our vision: Destruction of cancer cells by means of exploding bacteria!</p>
| |
- | </div>
| |
- | </div>
| |
- | <div class="item">
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Achievements">
| |
- | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/project_illustration_carousel_870x400_4.png" alt="">
| |
- | </a>
| |
- | <div class="carousel-caption">
| |
- | <h4>Achievements</h4>
| |
- | <p>See how we have fulfilled the judging criteria.</p>
| |
- | </div>
| |
- | </div>
| |
- | <div class="item">
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Project">
| |
- | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/project_illustration_carousel_870x400_4.png" alt="">
| |
- | </a>
| |
- | <div class="carousel-caption">
| |
- | <h4>Experiments and results</h4>
| |
- | <p>Documentation of the testing of the components of our genetic circuit.</p>
| |
- | </div>
| |
- | </div>
| |
- | <div class="item">
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Model">
| |
- | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/model_illustration_870x400.png" alt="">
| |
- | </a>
| |
- | <div class="carousel-caption">
| |
- | <h4>Modelling</h4>
| |
- | <p>We have created a stochastic model of our genetic circuit.</p>
| |
- | </div>
| |
- | </div>
| |
- | <div class="item">
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Collaboration">
| |
- | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/rhit_collaboration.png" alt="">
| |
- | </a>
| |
- | <div class="carousel-caption">
| |
- | <h4>Collaboration</h4>
| |
- | <p>We have collaborated with the Rose-Hulman Institute of Technology iGEM team.</p>
| |
- | </div>
| |
- | </div>
| |
- | <div class="item">
| |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Human_Practices">
| |
- | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/rhit_collaboration.png" alt="">
| |
- | </a>
| |
- | <div class="carousel-caption">
| |
- | <h4>Human practices</h4>
| |
- | <p>We helped spread the word of synthetic biology to high school students at NTNU's Researchers' Night.</p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
| |
- | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
| |
- | </div>
| |
- | <div class="row-fluid">
| |
- | <ul class="thumbnails">
| |
- | <li class="span3">
| |
- | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
| |
- | </li>
| |
- | <div class="span3">
| |
- | <h4><i class="icon-info-sign"></i> Project</h4>
| |
- | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
| |
- | <p><a class="btn" href="#">View details »</a></p>
| |
- | </div>
| |
- | <li class="span3">
| |
- | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
| |
- | </li>
| |
- | <div class="span3">
| |
- | <h4><i class="icon-trophy"></i> Achievements</h4>
| |
- | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
| |
- | <p><a class="btn" href="#">View details »</a></p>
| |
- | </div>
| |
- | </ul>
| |
- | <ul class="thumbnails">
| |
- | <li class="span3">
| |
- | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
| |
- | </li>
| |
- | <div class="span3">
| |
- | <h4><i class="icon-beaker"></i> Experiments</h4>
| |
- | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
| |
- | <p><a class="btn" href="#">View details »</a></p>
| |
- | </div>
| |
- | <li class="span3">
| |
- | <a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a>
| |
- | </li>
| |
- | <div class="span3">
| |
- | <h4><i class="icon-heart"></i> Matchmaker</h4>
| |
- | <p>We created a tool to make it easy for all iGEM teams to find other teams to collaborate with. </p>
| |
- | <p><a class="btn" href="#">Read more »</a></p>
| |
- | </div>
| |
- | </ul>
| |
- | </div>
| |
- | </div> <!-- /span9 -->
| |
- |
| |
- | <div class="span3 well well-small visible-desktop" style="background-color: #ffffff;">
| |
- | <p style="text-align: center;">Countdown to the <a href="https://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>:
| |
- | <div id="jamboreeCountdown"></div><br /><br /><br/>
| |
- | <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: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();
| |
- | </script><br/>
| |
- | <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>
| |
- | </div> <!-- /span3 -->
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </div>
| |
- |
| |
| </div><!-- /container --> | | </div><!-- /container --> |
| | | |
Line 270: |
Line 9: |
| <div class="container"> | | <div class="container"> |
| <p class="pull-right top-pointer"><a href="#top"><i class="icon-arrow-up"></i></a></p> | | <p class="pull-right top-pointer"><a href="#top"><i class="icon-arrow-up"></i></a></p> |
- | <p>Designed and built with MediaWiki, <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap</a>.</p> | + | <p>Designed and built with <a href="http://www.mediawiki.org/wiki/MediaWiki" target="_blank">MediaWiki</a>, <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap</a>.</p> |
| <p>Icons by <a href="http://http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a>.</p> | | <p>Icons by <a href="http://http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a>.</p> |
| <p><br /> | | <p><br /> |
Line 285: |
Line 24: |
| <!-- Bootstrap --> | | <!-- Bootstrap --> |
| <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> | | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> |
- | <script src="http://folk.ntnu.no/oyas/igem3/extras/js/sorttable.js"></script> | + | <script src="http://oveoyas.github.io/igem-ntnu-2012/js/bootstrap.min.js"></script> |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-transition.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-alert.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-modal.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-dropdown.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-scrollspy.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-tab.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-tooltip.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-popover.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-button.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-collapse.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-carousel.js"></script>
| + | |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap2/js/bootstrap-typeahead.js"></script>
| + | |
| | | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
Line 303: |
Line 30: |
| $('.carousel').carousel() | | $('.carousel').carousel() |
| </script> | | </script> |
- |
| |
- |
| |
- | <!-- Adding classes -->
| |
- | <script type="text/javascript">
| |
- | if (document.URL == "https://2012.igem.org/Team:NTNU_Trondheim") {
| |
- | $('.main-container').addClass('index-container');
| |
- | }
| |
- | $('.toc').addClass('well well-small');
| |
- | </script>
| |
- |
| |
- | <!-- Lazy way out of reformatting all tables -->
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function() {
| |
- | $('.wikitable').removeClass('wikitable').addClass('table table-striped wikitable-centered');
| |
- | }
| |
- | </script>
| |
- |
| |
| | | |
| <!-- Smooth scroll to top --> | | <!-- Smooth scroll to top --> |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| $("a[href='#top']").click(function() { | | $("a[href='#top']").click(function() { |
- | $("html, body").animate({ scrollTop: 0 }, "fast"); | + | $("html, body").animate({ scrollTop: 0 }, "medium"); |
| return false; | | return false; |
| }); | | }); |
Line 330: |
Line 40: |
| | | |
| <!-- jQuery countdown --> | | <!-- jQuery countdown --> |
- | <script type="text/javascript" src="http://folk.ntnu.no/oyas/igem3/extras/js/jquery.countdown.js"></script> | + | <script type="text/javascript" src="http://oveoyas.github.io/igem-ntnu-2012/js/jquery.countdown.js"></script> |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| $(function () { | | $(function () { |
Line 365: |
Line 75: |
| }); | | }); |
| </script> | | </script> |
- |
| |
- | <!-- MathJax (LaTeX for the web) -->
| |
- | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
| |
- | <script type="text/x-mathjax-config">
| |
- | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
| |
- | MathJax.Hub.Config({
| |
- | TeX: {
| |
- | equationNumbers: { autoNumber: "AMS" }
| |
- | }
| |
- | });
| |
- | </script>
| |
- |
| |
| | | |
| <!-- iGem wiki hacks --> | | <!-- iGem wiki hacks --> |
Line 402: |
Line 100: |
| $("#heading").remove(); | | $("#heading").remove(); |
| } | | } |
| + | }); |
| + | </script> |
| + | |
| + | <!-- Fill the screen of index page on tablets --> |
| + | <script type="text/javascript"> |
| + | $(document).ready(function() {f |
| + | if ( $(window).width() < 1100 ) { |
| + | $('#index-collapse').addClass('span12').removeClass('span9'); |
| + | } |
| + | else { |
| + | $('#index-collapse').removeClass('span12').addClass('span9'); |
| + | } |
| }); | | }); |
| </script> | | </script> |