Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
Line 2: Line 2:
</p></div></div></div></div>
</p></div></div></div></div>
<head>
<head>
-
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta charset="utf-8">
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
Line 9: Line 9:
<!-- Google fonts -->     
<!-- 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=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 -->
     <!-- Styles -->
     <link href="http://folk.ntnu.no/oyas/igem3/bootstrap/css/bootstrap.css" rel="stylesheet">
     <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">
+
<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/blank.css" rel="stylesheet">
 +
    <link href="http://folk.ntnu.no/oyas/igem3/extras/css/extras.css" rel="stylesheet">
     <style>
     <style>
Line 29: Line 28:
<!-- Responsive css must be added after top padding -->
<!-- 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/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 -->
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
Line 49: Line 47:
================================================== -->
================================================== -->
<div id="fb-root"></div>
<div id="fb-root"></div>
-
<script>(function(d, s, id) {
+
<script>
-
  var js, fjs = d.getElementsByTagName(s)[0];
+
    (function(d, s, id) {
-
  if (d.getElementById(id)) return;
+
      var js, fjs = d.getElementsByTagName(s)[0];
-
  js = d.createElement(s); js.id = id;
+
      if (d.getElementById(id)) return;
-
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+
      js = d.createElement(s); js.id = id;
-
  fjs.parentNode.insertBefore(js, fjs);
+
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
-
}(document, 'script', 'facebook-jssdk'));</script>
+
      fjs.parentNode.insertBefore(js, fjs);
 +
    }(document, 'script', 'facebook-jssdk'));
 +
</script>
Line 62: Line 62:
<div class="header">
<div class="header">
<div class="container">
<div class="container">
-
<h1>Search and Destroy</h1>
+
        <div class="heading"><a href="http://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>
</div>
</div>
</div>
Line 107: Line 113:
  </li>
  </li>
<li class="dropdown">
<li class="dropdown">
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-flag"></i> Team <b class="caret"></b></a>
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-group"></i> Team <b class="caret"></b></a>
<ul class="dropdown-menu">
<ul class="dropdown-menu">
<li><a href="#">Meet the team</a></li>
<li><a href="#">Meet the team</a></li>
Line 117: Line 123:
<i class="icon-heart"></i> Matchmaker</a>
<i class="icon-heart"></i> Matchmaker</a>
</li>
</li>
 +
            <li class="pull-right">
 +
                <a href="http://2012.igem.org/Team:NTNU_Trondheim/Matchmaker" target="_blank">
 +
<i class="icon-heart"></i> Matchmaker</a>
 +
            </li>
</ul>
</ul>
  </div>
  </div>
Line 128: Line 138:
<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 177:
</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 &raquo;</a></p>
<p><a class="btn" href="#">View details &raquo;</a></p>
Line 170: Line 185:
</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 &raquo;</a></p>
<p><a class="btn" href="#">View details &raquo;</a></p>
Line 180: Line 195:
</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 &raquo;</a></p>
<p><a class="btn" href="#">View details &raquo;</a></p>
Line 196: Line 211:
</div> <!-- /span9 -->
</div> <!-- /span9 -->
-
<div class="span3">
+
<div class="span3 well well-small" style="background-color: #ffffff;">
<p style="text-align: center;">Countdown to the <a href="http://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>:
<p style="text-align: center;">Countdown to the <a href="http://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>
</div>
 +
 +
</div><!-- /container -->
Line 211: Line 228:
    
    
<footer class="footer">
<footer class="footer">
-
<p class="pull-right"><a href="#">To the top</a></p>
+
    <div class="container">
-
<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 class="pull-right top-pointer"><a href="#top"><i class="icon-hand-up"></i></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>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><br />Made by <a href="http://twitter.com/oveoyas" target="_blank">Ove Øyås</a> @ <a href="http://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>
+
    <p>Icons by <a href="http://http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a>.</p>
 +
    <p><br />
 +
        <i class="icon-envelope-alt"></i><a href="mailto:igem.ntnu@gmail.com"> igem.ntnu@gmail.com</a></p>
 +
    </div> <!-- /container -->
</footer>
</footer>
-
</div><!-- /container -->
+
 
Line 242: Line 262:
$('.dropdown-toggle').dropdown()
$('.dropdown-toggle').dropdown()
$('.carousel').carousel()
$('.carousel').carousel()
 +
</script>
 +
 +
<!-- Smooth scroll to top -->
 +
<script type="text/javascript">
 +
    $("a[href='#top']").click(function() {
 +
      $("html, body").animate({ scrollTop: 0 }, "fast");
 +
      return false;
 +
    });
</script>
</script>
<!-- jQuery countdown -->
<!-- jQuery countdown -->
-
<script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/jquery.countdown.js"></script>
+
<script type="text/javascript" src="http://folk.ntnu.no/oyas/igem3/extras/js/jquery.countdown.js"></script>
<script type="text/javascript">
<script type="text/javascript">
$(function () {
$(function () {
Line 266: Line 294:
     $(window).scroll(function () {  
     $(window).scroll(function () {  
         var scrollPos = $(window).scrollTop();
         var scrollPos = $(window).scrollTop();
-
         if (scrollPos > 110) {
+
         if (scrollPos > 150) {
             $(".navbar").addClass("navbar-fixed-top");
             $(".navbar").addClass("navbar-fixed-top");
             $(".navbar").removeClass("navbar-below-header");
             $(".navbar").removeClass("navbar-below-header");
Line 291: Line 319:
     });
     });
</script>
</script>
 +
<!-- iGem wiki hacks -->
<!-- iGem wiki hacks -->

Revision as of 11:19, 5 September 2012

NTNU IS B.A.C.K.
Bacterial Anti-Cancer-Kamikaze
Hi, there! Looking for a quick tour? Click me!
  • Project

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

  • Achievements

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

  • Experiments

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

  • Matchmaker

    We created a tool to make it easy for all iGEM teams to find other teams to collaborate with.

    Read more »

Countdown to the European jamboree:





Retrieved from "http://2012.igem.org/Team:NTNU_Trondheim/Test"