|
|
(3 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html lang="en">
| + | {{:Team:NTNU_Trondheim/Test/Templates/Header}} |
- | </p></div></div></div></div>
| + | <html> |
- | <head>
| + | <div class="container main-container" style="margin-top:220px;"> |
- | <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">
| + | |
- | <meta name="description" content="">
| + | |
- | <meta name="author" content="">
| + | |
- |
| + | |
- | <!-- Google fonts -->
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
| + | |
- | <link href='http://fonts.googleapis.com/css?family=Jolly+Lodger|Chelsea+Market|Frijole|Fredericka+the+Great|Londrina+Shadow' rel='stylesheet' type='text/css'>
| + | |
- |
| + | |
- | <!-- Styles -->
| + | |
- | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap/css/bootstrap.css" rel="stylesheet">
| + | |
- | <link href="http://folk.ntnu.no/oyas/igem/css/jquery.countdown.css" rel="stylesheet">
| + | |
- | | + | |
- | | + | |
- | <style>
| + | |
- | body {
| + | |
- | padding-top: 0px; /* To make the container go all the way to the bottom of the topbar */
| + | |
- | }
| + | |
- | .sidebar-nav {
| + | |
- | padding: 9px 0;
| + | |
- | }
| + | |
- | </style>
| + | |
- | | + | |
- | <!-- Responsive css must be added after top padding -->
| + | |
- | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap/css/responsive.css" rel="stylesheet">
| + | |
- | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/extras.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]-->
| + | |
- | | + | |
- | <!-- Fav and touch icons -->
| + | |
- | <!--<link rel="shortcut icon" href="img/icons/oyas-icon.ico" type="image/x-icon" />
| + | |
- | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/icons/oyas-icon-114.png">
| + | |
- | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/icons/oyas-icon-72.png">
| + | |
- | <link rel="apple-touch-icon-precomposed" href="img/icons/oyas-icon-57.png">-->
| + | |
- | | + | |
- | </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">
| + | |
- | <h1>Search and Destroy</h1>
| + | |
- | </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-flag"></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>
| + | |
- | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Matchmaker" target="_blank">
| + | |
- | <i class="icon-heart"></i> Matchmaker</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
| | | |
- | <div class="container main-container">
| |
| | | |
| <div class="row-fluid"> | | <div class="row-fluid"> |
| | | |
| <div class="span9"> | | <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 id="myCarousel" class="carousel slide"> |
Line 162: |
Line 46: |
| </li> | | </li> |
| <div class="span3"> | | <div class="span3"> |
- | <h2>Our project</h2> | + | <h2><i class="icon-info-sign"></i> Project</h2> |
| <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> | | <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> | | <p><a class="btn" href="#">View details »</a></p> |
Line 170: |
Line 54: |
| </li> | | </li> |
| <div class="span3"> | | <div class="span3"> |
- | <h2>Heading</h2> | + | <h2><i class="icon-trophy"></i> Achievements</h2> |
| <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> | | <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> | | <p><a class="btn" href="#">View details »</a></p> |
Line 180: |
Line 64: |
| </li> | | </li> |
| <div class="span3"> | | <div class="span3"> |
- | <h2><i class="icon-beaker"></i> Results</h2> | + | <h2><i class="icon-beaker"></i> Experiments</h2> |
| <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> | | <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> | | <p><a class="btn" href="#">View details »</a></p> |
Line 196: |
Line 80: |
| </div> <!-- /span9 --> | | </div> <!-- /span9 --> |
| | | |
- | <div class="span3"> | + | <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>: | | <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" style="width:200px;float:right;position:relative;right:50px;"></div><br /><br /><br/> | + | <div id="jamboreeCountdown"></div><br /><br /><br/> |
| <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> | | <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:'#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>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/> | | </script><br/> |
- | <div style="" 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> | + | <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> <!-- /span3 --> |
- | </div>
| |
- |
| |
- |
| |
- | <!-- Footer
| |
- | ================================================== -->
| |
- |
| |
- | <footer class="footer">
| |
- | <p class="pull-right"><a href="#">To the top</a></p>
| |
- | <p>Designed and built with <a href="http://php.net/" target="_blank">PHP</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://glyphicons.com" target="_blank">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">CC BY 3.0</a>, and <a href="http://www.famfamfam.com/" target="_blank">famfamfam.com</a>.</p>
| |
- | <p><br />Made by <a href="http://twitter.com/oveoyas" target="_blank">Ove Øyås</a> @ <a href="https://2012.igem.org/Team:NTNU_Trondheim" target="_blank">iGEM NTNU 2012</a> <br/><i class="icon-envelope-alt"></i><a href="mailto:igem.ntnu@gmail.com"> igem.ntnu@gmail.com</a></p>
| |
- | </footer>
| |
- | </div><!-- /container -->
| |
- |
| |
- |
| |
- | <!-- Javascript
| |
- | ================================================== -->
| |
- | <!-- Placed at the end of the document so the pages load faster -->
| |
- |
| |
- | <!-- Bootstrap -->
| |
- | <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://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-transition.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-alert.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-modal.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-dropdown.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-scrollspy.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-tab.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-tooltip.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-popover.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-button.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-collapse.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-carousel.js"></script>
| |
- | <script src="http://folk.ntnu.no/oyas/igem3/bootstrap/js/bootstrap-typeahead.js"></script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | $('.dropdown-toggle').dropdown()
| |
- | $('.carousel').carousel()
| |
- | </script>
| |
- |
| |
- | <!-- jQuery countdown -->
| |
- | <script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/jquery.countdown.js"></script>
| |
- | <script type="text/javascript">
| |
- | $(function () {
| |
- | var jamboreeDay = new Date();
| |
- | jamboreeDay = new Date(2012, 10 - 1, 5);
| |
- | $('#jamboreeCountdown').countdown({
| |
- | until: jamboreeDay,
| |
- | /*onExpiry: liftOff*/
| |
- | compact: false,
| |
- |
| |
- | });
| |
- | });
| |
- | /*function liftOff() {
| |
- | alert('We are rolling!');
| |
- | }*/
| |
- | </script>
| |
- |
| |
- | <!-- Navigation scroll follow -->
| |
- | <script type="text/javascript">
| |
- | $(window).scroll(function () {
| |
- | var scrollPos = $(window).scrollTop();
| |
- | if (scrollPos > 110) {
| |
- | $(".navbar").addClass("navbar-fixed-top");
| |
- | $(".navbar").removeClass("navbar-below-header");
| |
- | } else {
| |
- | $(".navbar").removeClass("navbar-fixed-top");
| |
- | $(".navbar").addClass("navbar-below-header");
| |
- | }
| |
- | if (scrollPos > 180) {
| |
- | $(".toc").addClass("stickBelowNavigation");
| |
- | } else {
| |
- | $(".toc").removeClass("stickBelowNavigation");
| |
- | }
| |
- | });
| |
- | </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 -->
| |
- |
| |
- | <!-- Remove all empty <p> tags -->
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function() {
| |
- | $("p").filter( function() {
| |
- | return $.trim($(this).html()) == '';
| |
- | }).remove();
| |
- | });
| |
- | </script>
| |
- |
| |
- | <!-- Remove "team" from the menubar -->
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function() {
| |
- | $("menubar > ul > li:last-child").remove();
| |
- | });
| |
- | </script>
| |
- |
| |
- | <!-- Empty heading? - Then remove it.. -->
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function() {
| |
- | if ("" == "Vision") {
| |
- | $("#heading").remove();
| |
- | }
| |
- | });
| |
- | </script>
| |
- |
| |
- |
| |
- | <!-- Analytics
| |
- | ================================================== -->
| |
- | <!-- Piwik -->
| |
- | <script type="text/javascript">
| |
- | var pkBaseURL = (("https:" == document.location.protocol) ? "https://folk.ntnu.no/oyas/adm/piwik/" : "http://folk.ntnu.no/oyas/adm/piwik/");
| |
- | document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
| |
- | </script><script type="text/javascript">
| |
- | try {
| |
- | var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 1);
| |
- | piwikTracker.trackPageView();
| |
- | piwikTracker.enableLinkTracking();
| |
- | } catch( err ) {}
| |
- | </script><noscript><p><img src="http://folk.ntnu.no/oyas/adm/piwik/piwik.php?idsite=1" style="border:0" alt="" /></p></noscript>
| |
- | <!-- End Piwik Tracking Code -->
| |
- |
| |
- | </body>
| |
| </html> | | </html> |
| + | {{:Team:NTNU_Trondheim/Test/Templates/Footer}} |