Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html lang="en">
</p></div></div></div></div>
</p></div></div></div></div>
-
<head>
 
-
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 
-
<link href="http://folk.ntnu.no/oyas/igem_new/css/styles.css" rel="stylesheet" type="text/css" />
 
-
</head>
 
-
 
<head>
<head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
Line 12: Line 7:
     <meta name="description" content="">
     <meta name="description" content="">
     <meta name="author" 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>
-
</head>
+
<!-- Responsive css must be added after top padding -->
-
<body>
+
    <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">
-
<div id="new-wrapper">
+
-
 
+
 +
    <!-- 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 -->
-
        <div id="new-content">
+
    <!--<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">
-
            <div id="content_main">
+
    <link rel="apple-touch-icon-precomposed" href="img/icons/oyas-icon-57.png">-->
-
               
+
-
<div class="news_box_container">
+
</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="http://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="http://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">
-
<script type="text/javascript">
+
<div class="row-fluid">
-
var fixed_menu_hidden = true;
+
-
function dtbaker_scroll(){
+
-
    var scrollTop = $(window).scrollTop();
+
-
    if(scrollTop>80){
+
-
        if(fixed_menu_hidden){
+
-
            $('#fixednav').fadeIn();
+
-
            fixed_menu_hidden = false;
+
-
        }
+
-
    }else{
+
-
        $('#fixednav').fadeOut();
+
-
        fixed_menu_hidden = true;
+
-
    }
+
-
}
+
-
window.onscroll = dtbaker_scroll;
+
-
$(function(){
+
-
    $('body').prepend('<div id="fixednav"><div></div></div>');
+
-
    $('#fixednav div').html($('#navigation ul').clone());
+
-
});
+
-
</script>
+
-
+
<div class="span9">
 +
<div id="myCarousel" class="carousel slide">
 +
<div class="carousel-inner">
 +
              <div class="item active">
 +
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
 +
                <div class="carousel-caption">
 +
                  <h4>First Thumbnail label</h4>
 +
                  <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 class="item">
 +
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
 +
                <div class="carousel-caption">
 +
                  <h4>Second Thumbnail label</h4>
 +
                  <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 class="item">
 +
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
 +
                <div class="carousel-caption">
 +
    <h4>Third Thumbnail label</h4>
 +
                <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>
 +
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">
 +
<h2>Our project</h2>
 +
<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>
 +
</div>
 +
<li class="span3">
 +
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
 +
</li>
 +
<div class="span3">
 +
<h2>Heading</h2>
 +
<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>
 +
</div>
 +
</ul>
 +
<ul class="thumbnails">
 +
<li class="span3">
 +
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
 +
</li>
 +
<div class="span3">
 +
<h2><i class="icon-beaker"></i> Results</h2>
 +
<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>
 +
</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">
 +
<h2><i class="icon-heart"></i> Matchmaker</h2>
 +
<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 &raquo;</a></p>
 +
</div>
 +
</ul>
 +
</div>
 +
</div> <!-- /span9 -->
-
+
<div class="span3">
 +
<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/>
 +
<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><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> <!-- /span3 -->
 +
</div>
-
 
-
+
<!-- Footer
-
+
================================================== -->
-
</div>
+
 
 +
<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="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>
 +
</footer>
 +
</div><!-- /container -->
-
            </div>
 
-
            <div id="content_sidebar">
 
-
               
 
-
            </div>
+
<!-- Javascript
-
+
================================================== -->
-
            <br class="clear">
+
<!-- Placed at the end of the document so the pages load faster -->
-
       
+
-
        </div>
+
 +
<!-- 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">
-
<div id="header">
+
$('.dropdown-toggle').dropdown()
-
<h4><a href="http://dtbaker.com.au">dtbaker.com.au - php scripts and wordpress themes</a></h4>
+
$('.carousel').carousel()
-
<div id="header_slogan">
+
</script>
-
/* <a href="http://codecanyon.net/user/dtbaker?ref=dtbaker" title="Quality PHP Scripts" style="color:#B4B4B4; text-decoration: none;">codecanyon</a> php programmer */
+
-
</div>
+
-
<div id="header_search">
+
-
</div>
+
-
<div id="header_links">
+
-
<!-- <a href="http://www.facebook.com/pages/Gold-Coast-Australia/DTBaker-Web-Design/155280794508482" target="_blank">
+
-
<img src="new/images/icon_facebook.png" width="32" height="32" alt="dtbaker on Facebook" title="dtbaker on Facebook" border="0">
+
-
<span>David Baker, PHP Programmer on Facebook</span>
+
-
</a> -->
+
-
<a href="http://twitter.com/dtbaker" target="_blank">
+
-
<img src="/new/images/icon_twitter.png" alt="dtbaker on Twitter" title="dtbaker on Twitter" height="32" width="32" border="0">
+
-
<span>David Baker, Web Developer on Twitter</span>
+
-
</a>
+
-
<a href="/contact.html">
+
-
<img src="/new/images/icon_email.png" alt="Contact dtbaker" title="Contact dtbaker" height="32" width="32" border="0">
+
-
<span>Contact Website Designer by email</span>
+
-
</a>
+
-
<a rel="author" href="https://plus.google.com/117903403161141413513?rel=author">
+
-
  <img src="http://ssl.gstatic.com/images/icons/gplus-32.png" height="32" width="32">
+
-
</a>
+
-
</div>
+
-
</div>
+
-
<div id="navigation">
+
-
+
-
<ul>
+
-
    <li class="first">
+
-
        <a href="/" title="Home Page" class="selected">Home</a>
+
-
    </li>
+
-
    <li>
+
-
        <a href="http://support.dtbaker.com.au/" title="" rel="nofollow">Envato Support</a>
+
-
    </li>
+
-
    <li>
+
-
        <a href="/about-us.html" title="About DTBAKER">About</a>
+
-
    </li>
+
-
    <li>
+
-
        <a href="/random-bits/index.html" title="php blog" >Blog</a>
+
-
    </li>
+
-
    <li>
+
-
        <a href="/premium-website-templates/index.html" title="Quality Wordpress Themes and Web Designs">Premium Wordpress Templates</a>
+
-
    </li>
+
-
    <li>
+
-
        <a href="/premium-php-applications/index.html" title="Professional PHP Applications and PHP Scripts">Premium PHP Scripts</a>
+
-
    </li>
+
-
    <li class="last">
+
-
        <a href="/contact.html" title="Contact Us">Contact</a>
+
-
    </li>
+
-
</ul>
+
-
</div>
+
-
<div id="navigation_ribbon"></div>
+
-
<div id="footer">
+
<!-- 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>
-
</div>
+
<!-- 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 -->
-
     </div>
+
<!-- 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>
-
    <script type="text/javascript">
+
<!-- Empty heading? - Then remove it.. -->
-
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+
<script type="text/javascript">
-
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+
     $(document).ready(function() {
-
    </script>
+
        if ("" == "Vision") {
-
    <script type="text/javascript">
+
            $("#heading").remove();
-
    var pageTracker = _gat._getTracker("UA-319038-1");
+
        }
-
    pageTracker._initData();
+
     });
-
     pageTracker._trackPageview();
+
</script>
-
    </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>
</body>
</html>
</html>

Revision as of 08:08, 20 August 2012

Search and Destroy

  • Our project

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

    View details »

  • Heading

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

    View details »

  • Results

    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"