Team:Dundee/policypractice/clinic

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Dundee/Template/header}}
{{:Team:Dundee/Template/header}}
 +
<html>
<html>
<head>
<head>
-
<link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
<title>Dundee 2014 Team</title>
-
<link href="https://2014.igem.org/Team:Dundee/css/school?action=raw&ctype=text/css" rel="stylesheet">
+
-
<!-- jQuery -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script>       
+
-
<!-- Bootstrap -->
+
-
<script src="https://2014.igem.org/Team:Dundee/js/bootstrap-js?action=raw&ctype=text/javascript"></script>
+
      
      
-
</head>
+
  <link href="https://2014.igem.org/Team:Dundee/stylesheet/notebook?action=raw&ctype=text/css" rel="stylesheet">
-
<body data-spy="scroll" data-target="#myScrollspy">
+
-
<div class="container">
+
-
    <div class="jumbotron">
+
-
              <h1>Project
+
-
            <p class="lead">What we did</p>
+
-
    </div>
+
-
        <div class="row">
+
-
    <div class="col-col-sm-3 col-xs-3 col-md-3" id="nav">
+
-
        <ul class="nav list-group affix">
+
-
            <li class="list-group-item"><a href="#0" class="">Initial planning and cloning strategy</a>
+
-
            </li>
+
-
            <li class="list-group-item"><a href="#1" class="">Building the PQS sensor</a>
+
-
            </li>
+
-
            <li class="list-group-item"><a href="#2" class="">Characterisation</a>
+
-
            </li>
+
-
        </ul>
+
-
    </div>
+
-
    <div class="col-sm-9 col-xs-9">
+
 +
  <link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
 +
  <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
 
-
           
 
 +
<!-- jQuery -->
 +
<script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script>
 +
   
 +
<!-- Turn js -->
 +
<script src="https://2014.igem.org/Team:Dundee/js/turn-js?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
-
<!--END OF CONTENT-->
+
#magazine{
-
</div>
+
top: 100px;
-
</div>
+
width:1000px;
 +
height:500px;
 +
}
 +
#magazine .turn-page{
 +
background-color:#ccc;
 +
background-size:100% 100%;
 +
}
 +
</style>
 +
</head>
 +
<body>
-
<div id="ref">
+
<div id="magazine">
-
            <h3>References</h3>   
+
-
</div>      
+
<div style="background-color:blue;"></div>
-
      </div>
+
-
    </div>
+
-
    <div class="row" id="btnRow">
+
<div>
-
      <div class="btn-group btn-group-justified">
+
<video controls="controls" width=100% height=100% name="Video Name" src="https://static.igem.org/mediawiki/2014/a/ac/Rick.mov"></video>
-
  <div class="btn-group">
+
-
<a href="" class="btn btn-default toLesson">Previous lesson</a> 
+
-
  </div>
+
-
  <div class="btn-group">
+
-
<a href="https://2014.igem.org/Team:Dundee/inside/school" class="btn btn-default toClass">Back to School</a>
+
-
  </div>
+
-
  <div class="btn-group">
+
-
    <a href="bdsf" class="btn btn-default toLesson">BDSF</a>
+
-
  </div>
+
</div>
</div>
-
    </div> 
+
 
</div>
</div>
-
<script>
 
-
  $('body').scrollspy({ 'target': '#nav', 'offset': 10 });
+
<script type="text/javascript">
-
 
+
 
-
  $('#nav').on('activate.bs.scrollspy', function() {
+
$(window).ready(function() {
-
   
+
$('#magazine').turn({
-
    var ele = $(this).find('.active');
+
display: 'double',
-
   
+
acceleration: true,
-
    if (ele.find('.submenu').length>0) {
+
gradients: !$.isTouch,
-
      $('.submenu li').addClass('hide');
+
elevation:50,
-
      $('.active>ul.submenu>li').removeClass('hide');
+
when: {
-
    }
+
turned: function(e, page) {
-
    else{
+
/*console.log('Current view: ', $(this).turn('view'));*/
-
      $('.submenu li').addClass('hide');
+
}
-
    }
+
}
-
     
+
});
-
   
+
});
-
  });
+
 +
 +
$(window).bind('keydown', function(e){
 +
 +
if (e.keyCode==37)
 +
$('#magazine').turn('previous');
 +
else if (e.keyCode==39)
 +
$('#magazine').turn('next');
 +
 +
});
-
$( "#info" ).click( function() {
 
-
  $("#welcomeNote").modal();
 
-
});
 
</script>
</script>
 +
</body>
</body>
</html>
</html>

Revision as of 21:59, 16 October 2014

Dundee 2014


Dundee 2014 Team