Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:NTNU_Trondheim/Templates/Header}}
+
{{:Team:NTNU_Trondheim/Test/Templates/Header}}
-
</div>
+
-
 
+
<html>
<html>
 +
<div class="container main-container" style="margin-top:220px;">
-
<head>
 
-
<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>
+
-
<style type="text/css">
+
-
#fixednav{
+
-
    position:fixed;
+
-
    left:0;
+
-
    right:0;
+
-
    top:0;
+
-
    height:39px;
+
-
    background:#13B8D6;
+
-
    display:none;
+
-
    z-index:300;
+
-
}
+
-
#fixednav div{
+
-
    width:994px;
+
-
    margin:0 auto;
+
-
}
+
-
#fixednav ul{
+
-
    list-style:none;
+
-
    margin:0 0 0 110px;
+
-
    padding:0;
+
-
}
+
-
#fixednav ul li{
+
-
    list-style:none;
+
-
    margin:0;
+
-
    padding:0;
+
-
    float:left;
+
-
}
+
-
#fixednav ul li a{
+
-
    display:block;
+
-
    margin:0;
+
-
    padding:12px 13px 8px 13px;
+
-
    float:left;
+
-
    height:19px;
+
-
    border-left:1px solid #84daea;
+
-
    border-right:1px solid #15a1bb;
+
-
    font-family: Cuprum, Helvetica, 'Helvetica Neue', arial;
+
-
    font-size: 1.4em;
+
-
    text-transform:uppercase;
+
-
    text-decoration:none;
+
-
    color:#FFF;
+
-
}
+
-
#fixednav ul li a.selected{
+
-
    height:24px !important;
+
-
    background:#15a1bb url('/new/images/menu_arrow_down.gif') no-repeat center bottom !important;
+
-
    border-right:none;
+
-
    border-left:none;
+
-
    padding-left:14px;
+
-
    padding-right:14px;
+
-
}
+
-
#fixednav ul li a:hover{
+
-
    background:#15a1bb;
+
-
    height:19px;
+
-
    text-decoration:underline;
+
-
}
+
-
#fixednav ul li.first a{
+
-
    border-left:none;
+
-
    padding-left:14px;
+
-
}
+
-
#fixednav ul li.last a{
+
-
    border-right:none;
+
-
    padding-right:14px;
+
-
}
+
-
</style>
+
-
</head>
+
<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="fixednav">
+
<div id="myCarousel" class="carousel slide">
-
<div><ul>
+
<div class="carousel-inner">
-
    <li class="first">
+
              <div class="item active">
-
        <a href="/" title="Home Page">Home</a>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
-
    </li>
+
                <div class="carousel-caption">
-
    <li>
+
                  <h4>First Thumbnail label</h4>
-
        <a href="http://support.dtbaker.com.au/" title="" rel="nofollow">Envato Support</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>
-
    </li>
+
                </div>
-
    <li>
+
              </div>
-
        <a href="/about-us.html" title="About DTBAKER">About</a>
+
              <div class="item">
-
    </li>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
-
    <li>
+
                <div class="carousel-caption">
-
        <a href="/random-bits/index.html" title="php blog" class="selected">Blog</a>
+
                  <h4>Second Thumbnail label</h4>
-
    </li>
+
                  <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>
-
    <!-- <li>
+
                </div>
-
        <a href="/free-websites-and-php-scripts/index.html" title="Free Web Templates and PHP Scripts">Freebies</a>
+
              </div>
-
    </li> -->
+
              <div class="item">
-
    <li>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
-
        <a href="/premium-website-templates/index.html" title="Quality Wordpress Themes and Web Designs">Premium Wordpress Templates</a>
+
                <div class="carousel-caption">
-
    </li>
+
    <h4>Third Thumbnail label</h4>
-
    <li>
+
                <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="/premium-php-applications/index.html" title="Professional PHP Applications and PHP Scripts">Premium PHP Scripts</a>
+
                </div>
-
    </li>
+
              </div>
-
    <li class="last">
+
            </div>
-
        <a href="/contact.html" title="Contact Us">Contact</a>
+
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
-
    </li>
+
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
-
</ul></div>
+
</div>
-
</div>
+
<div class="row-fluid">
-
 
+
<ul class="thumbnails">
-
<div id="main">
+
<li class="span3">
-
<!--
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
<div id="buttons">
+
</li>
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Project"><button class="punch" id="projectButton">Project</button></a>
+
<div class="span3">
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Results"><button class="punch" id="resultsButton">Results</button></a>
+
<h2><i class="icon-info-sign"></i> Project</h2>
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Data"><button class="punch" id="dataButton">Data</button></a>
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
</div>
+
<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><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><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> Experiments</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 -->
-
<h1>Welcome to our wiki!</h1>
+
<div class="span3 well well-small visible-desktop" style="background-color: #ffffff;">
-
<p>This year the NTNU iGEM 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 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/>
-
<img src="https://static.igem.org/mediawiki/2012/3/3a/Genetisk_krets.png" width="500px;"/>
+
<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();
-
<p>Check out the <a href="https://2012.igem.org/Team:NTNU_Trondheim/Project">project</a> section if you want to read more.
+
</script><br/>
-
Please note that the wiki is under construction. Content will be updated continously over the course of the summer, so stay
+
<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>
-
tuned for the best synthetic biology action Trondheim has to offer!</p>
+
</div> <!-- /span3 -->
-
+
-
<p>In the meantime, why not enjoy some classic entertainment:</p>
+
-
+
-
<iframe width="560" height="315" src="http://www.youtube.com/embed/x5yPkxCLads" frameborder="0" allowfullscreen></iframe>
+
-
</div>
+
-
 
+
-
<div id="sidebar">
+
-
 
+
-
<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 style="padding: 0 0 0 10px; text-align:center;">
+
-
<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>
+
-
<br/>
+
-
<div style="padding: 0 0 0 5px;" 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>
+
-
<br/><br/>
+
-
</div>
+
-
 
+
-
<div id="bottom">
+
-
<h1>Our sponsors:</h1>
+
-
<p><a href="http://www.ntnu.edu/bioinformatics/pbi" target="_blank"><img src="http://folk.ntnu.no/oyas/igem/images/ntnu_bioinformatics_logo.png" /></a></p>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
</body>
+
</html>
</html>
 +
{{:Team:NTNU_Trondheim/Test/Templates/Footer}}

Latest revision as of 15:30, 17 September 2012

Search and Destroy
NTNU IS B.A.C.K.
Bacterial Anti-Cancer-Kamikaze

    • 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"