Difference between revisions of "Template:Exeter"

Line 2: Line 2:
  
 
<html>
 
<html>
 +
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
 +
    <!-- Bootstrap Core CSS -->
 +
    <link href="https://2015.igem.org/Team:Exeter/bootstrap-min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
    <!-- Custom CSS -->
 +
    <link href="https://2015.igem.org/Team:Exeter/sb-admin-2.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->   
 +
 +
<!-- jQuery Scripts -->
 +
<script src="https://2015.igem.org/Team:Exeter/jquery-1-11-0-min.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2015.igem.org/Team:Exeter/jquery-migrate-1-2-1-min?action=raw&amp;ctype=text/javascript"></script>
  
 
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
 +
<link href="https://2015.igem.org/Team:Exeter/stylesheet.css?action=raw&amp;ctype=text/css" rel='stylesheet' type='text/css'>
  
−
<!-- Start of CSS-->
+
<script>
−
<style type="text/css">
+
  
−
/* WIKI SETTINGS*/
+
var main = function() {
−
+
−
/* Hide first heading */
+
var mouseX = 0, limitX = 1000;
−
.firstHeading {
+
$(window).mousemove(function(e){
−
display: none;
+
  var offset = $('.toehold').offset();
−
}
+
  mouseX = Math.min(e.pageX - offset.left, limitX);
−
+
  if (mouseX < 0) mouseX = 0;
−
/*-- Remove borders, float content left and remove padding/margin */
+
  if (e.pageY >270) mouseX = 0;
−
#globalWrapper, #content{
+
});
−
background-color: transparent;
+
−
border: 0px;
+
−
float: left;
+
−
margin:0px;
+
−
padding: 0px;
+
−
}
+
  
−
/*left align Black Menu Bar */
+
// cache the selector
−
#top_menu_inside {  
+
var follower = $(".ribonostics");
−
margin-left: 20px;  
+
var xp = 0;
−
}
+
var loop = setInterval(function(){
−
</style>
+
    // change 12 to alter damping higher is slower
−
<!-- Declare that you are going to use html code instead of wiki code -->
+
    xp += (mouseX - xp) / 12;
−
<html>
+
if (xp < 100) follower.css({left:100});
 +
    else follower.css({left:xp});
 +
   
 +
}, 30);
  
−
<head>
+
};
 +
$(document).ready(main);
  
−
<!-- jQuery Scripts -->
+
</script>
−
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
+
    <!-- Page Content -->
−
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+
    <div id="wrapper">
 +
    <div class="row">
 +
<div class="col-md-12">
 +
            <a style="float:right;" href="https://2015.igem.org/Main_Page" target="_blank"><img style="margin-bottom:45px;" src="https://static.igem.org/mediawiki/2015/f/f0/IGEM_logo.png" height="55px"></a>
 +
    <img class="toehold" src="https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png">
 +
    <a href="https://2015.igem.org/Team:Exeter"><img class="ribonostics" src="https://static.igem.org/mediawiki/2015/d/d4/IGEM_ribosome_v1.1.png"></a>
 +
  </div>
 +
</div>
 +
    <div class="row">
 +
    <!-- Navigation -->
 +
    <nav class="navbar navbar-default" role="navigation">
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div align="center" class="collapse navbar-collapse navbar-ex1-collapse">
 +
                <ul>
 +
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a>
 +
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Overview</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Experiments">Experiments</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Results">Results</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Modeling">Modelling</a></li>
 +
        </ul>
 +
    </li>
 +
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a>
 +
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Team">Team</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Attributions">Attributions</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Sponsors">Sponsors</a></li>
 +
        </ul>
 +
    </li>
 +
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/diary">DIARY</a>
 +
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/diary#june">June</a></li>
 +
            <li class="second-button"><a href="https://2015.igem.org/Team:Exeter/diary#july">July</a></li>
 +
            <li class="third-button"><a href="https://2015.igem.org/Team:Exeter/diary#august">August</a></li>
 +
            <li class="fourth-button"><a href="https://2015.igem.org/Team:Exeter/diary#september">September</a></li>
 +
        </ul>
 +
    </li>
 +
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Parts">PARTS</a>
 +
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Parts">Team Parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Basic_Part">Basic Parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Composite_Part">Composite Parts</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Part_Collection">Part Collection</a></li>
 +
        </ul>
 +
    </li>
 +
    <li class="button" style="width:220px;"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a>
 +
        <ul><li class="beyond-button"><a href="https://2015.igem.org/Team:Exeter/Notebook">Introduction</a></li>
 +
          <li><a href="https://2015.igem.org/Team:Exeter/Entrepreneurship">Approach</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Measurement">Lessons</a></li>
 +
        </ul>
 +
    </li>
 +
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Interlab">INTERLAB</a></li>
 +
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Safety">SAFETY</a></li>
 +
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a>
 +
      <ul><li class="first-button"><a href="">Gold </a></li>
 +
            <li><a href="">Silver</a></li>
 +
            <li><a href="">Bronze</a></li>
 +
    </ul>
 +
    </li>
 +
  </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
    </nav>
 +
    </div>
  
−
<!-- Start of CSS-->
+
            <div class="container-fluid">
−
<style type="text/css">
+
            <div class="row">
−
body, #globalWrapper, #content, #bodyContent, nav ul {width:1200px;}
+
                <footer class="col-md-12">
−
#bodyContent {position:relative; left:5vw; width:1200px;  font-family: 'Ek Mukta', Verdana, sans-serif; font-size:1.3em; color: rgb(33,33,55);}
+
−
body {background: rgb(239,239,242);}
+
−
h1, h2, h3, h4, h5, h6 {border-bottom:none; font-weight:bold; color: rgb(33,33,55);}
+
−
#home {margin:40px;}
+
−
section {margin:15px; margin-bottom:30px; text-align:justify; padding-top:10px; margin-right:15px;}
+
−
/*#footnote {background:rgb(222,233,229);}*/
+
  
−
/*NAV BAR STYLING*/
+
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2015/5/59/Myiconexe.png">
−
header {margin-top:110px; margin-left:70px;}
+
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
−
nav, header, /*footer*/ {/*margin:5px;*/ /*background:rgb(160,198,138)*/; display:table; table-layout:fixed; /*border-radius:5px*/;}
+
−
nav ul {display:table-cell; vertical-align:middle;}
+
−
nav ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(217,235,205);}
+
−
nav ul li a {display:block; padding:10px; text-decoration:none; padding-left:30px;}
+
−
.button {width:50px; }
+
−
.button a {color:#229640; text-decoration:none; font-size:18px; font-weight:bold; font-family:'Ek Mukta', Century Gothic, Courier, monospace; text-align:center;}
+
−
.button a:hover {text-decoration:none; /*background:#bcd074; border-radius:10px;*/ color:#96C11E; font-size:18px; font-weight:bold;}
+
−
.button ul {display:none;}
+
−
.button:hover ul {display:block; /*background:rgb(160,198,138);*/ position:absolute; /*width:530px; left:510px;*/}
+
−
.button:hover ul li {display:block; float:left;  padding-bottom:20px;}
+
−
.button:hover ul a {font-size:15px; color:#229640; }
+
−
.button ul a:hover {color:#96C11E;}
+
−
.first-button {margin-left:-20px;}
+
−
.beyond-button {margin-left:-17px;}
+
−
.social {vertical-align:top;}
+
−
/*footer {clear:both;}*/
+
  
−
/*TEAM MEMBER PAGE STYLING*/
+
<div>
−
.active {display:block;}
+
<img class="toeholdfooter" src="https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png">
−
.profile {display:none;}
+
</div>
−
.profiletown {display:block; height:700px; width:500px; margin:20px; text-align:justify;}
+
−
.profiletown ul {padding:0px; margin:0px;}
+
−
.profiletown ul li img {margin:0px 10px 10px 0px; float:left;}
+
−
.profiletown ul li ul {position:absolute; left:250px; width:260px;}
+
−
.swagville {width:700px; padding:0px; margin-right:50px; position:absolute; top:350px; left:500px; text-align:center;}
+
−
.swagville li {display:inline-block; margin:5px; text-decoration:none; /*background: rgb(160,198,138)*/; border:2px solid #229640; border-radius:5px; color:#229640; font-size:20px; font-weight:bold;}
+
−
.swagville p {margin:0px; vertical-align:top;}
+
−
.swagville div {padding:10px 20px 10px 20px;}
+
−
.swagville div:hover {/*background: rgba(188,208,116, 0.5);*/ color:#96C11E; cursor:pointer; cursor:hand;}
+
  
−
/*MEDAL PAGE STYLING*/
+
<div style="margin-top:10px;">
−
.medalcontent ul {list-style-type: none !important;}
+
  <ul style="width:100%; float:right; vertical-align:middle;">
−
.medalcontent li {text-decoration: none;}
+
    <li style="float: right; margin-right:42px;" ><a href="https://twitter.com/exeterigem2015" target="_blank"><img src="https://static.igem.org/mediawiki/2015/7/76/Exe_twitter_logo.png" height="60px"/></a></li>
−
.bronzetitle h4 {color: rgb(178,71,0);}
+
    <li style="float: right;" ><a href="https://www.facebook.com/exeterigem2015?fref=ts" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/17/Exe_fb_logo.png" height="60px"/> </a></li>
−
.silvertitle h4 {color: rgb(107,107,107);}
+
    <li style="float:left; margin-top:13px; margin-left:10px;" ><img src="https://static.igem.org/mediawiki/2015/c/cb/Exeter_uni_logo.png" height="60px"/></li>
−
.goldtitle h4 {color: rgb(230,184,0);}
+
  </ul>
 +
</div>
  
−
.toehold {position:absolute; z-index:0; left:20px; top:45px; height:80px; margin-left:0px;}
+
    <div style="float:center; margin-left:10px;">
−
.ribonostics {position:absolute; z-index:5; left:100px; top:50px; height:100px; margin-left:0px;}
+
    <ul>
 +
            <li class="sponsors"><img src="https://static.igem.org/mediawiki/2015/7/79/BBK_Team_2015_Bioline_Logo.png" height="60px"/></li>
 +
            <li class="sponsors"><img src="https://static.igem.org/mediawiki/2015/4/4d/BMG_Labtech_logo.png" height="60px"/></li>
 +
            <li class="sponsors"><img src="https://static.igem.org/mediawiki/2015/e/e0/IDT-Logo-2014-sm.png" height="60px"/></li>
 +
            <li class="sponsors"><img src="https://static.igem.org/mediawiki/2015/b/b8/Exeter_LogoEppendorf.png" height="60px"/></li>
 +
            <li class="sponsors"><img src="https://static.igem.org/mediawiki/2015/a/ac/NEB_logo.jpeg" height="60px"/></li>
 +
            <li class="sponsors"><img src="https://static.igem.org/mediawiki/2015/2/2a/Sheild_skin_logo.png" height="60px"/></li>
 +
        </ul>
 +
    </div>
  
 +
</footer>
 +
</div>
 +
            </div>
 +
</div>
 +
<!-- /#wrapper -->
  
−
</style>
+
    <!-- jQuery -->
 +
    <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery.js?action=raw&amp;ctype=text/javascript"></script>
  
 +
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min.js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
    <!-- Script to Activate the Carousel -->
 +
    <script>
 +
    $('.carousel').carousel({
 +
        interval: 5000 //changes the speed
 +
    })
 +
    </script>
 +
   
 
<script>
 
<script>
  
Line 102: Line 178:
 
   mouseX = Math.min(e.pageX - offset.left, limitX);
 
   mouseX = Math.min(e.pageX - offset.left, limitX);
 
   if (mouseX < 0) mouseX = 0;
 
   if (mouseX < 0) mouseX = 0;
−
   if (e.pageY >270) mouseX = 0;
+
  if (e.pageY < 450) mouseX = 0;
 +
   if (e.pageY > 650) mouseX = 0;
 
});
 
});
  
Line 119: Line 196:
 
$(document).ready(main);
 
$(document).ready(main);
  
 +
</script>
 +
 +
<script>
 +
$(document).ready(function() {
 +
 
 +
  $(window).scroll(function () {
 +
      //if you hard code, then use console
 +
      //.log to determine when you want the
 +
      //nav bar to stick. 
 +
      console.log($(window).scrollTop())
 +
    if ($(window).scrollTop() > 600) {
 +
      $('.navbar').addClass('navbar-fixed-top');
 +
    }
 +
    if ($(window).scrollTop() < 601) {
 +
      $('.navbar').removeClass('navbar-fixed-top');
 +
    }
 +
  });
 +
});
 
</script>
 
</script>
  
Line 199: Line 294:
 
$(document).ready(main);
 
$(document).ready(main);
 
</script>
 
</script>
−
 
−
</head>
 
−
 
−
 
−
<header>
 
−
 
−
    <img class="toehold" src="https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png">
 
−
    <a href="https://2015.igem.org/Team:Exeter"><img class="ribonostics" src="https://static.igem.org/mediawiki/2015/d/d4/IGEM_ribosome_v1.1.png"></a>
 
−
   
 
−
<nav>
 
−
 
−
  <ul>
 
−
    <!--<li style="width:470px; height:100px"><a style="padding:0px; float:left" href="https://2015.igem.org/Team:Exeter"><img src="https://static.igem.org/mediawiki/2015/1/1b/Exeter_ribonostics_logo.png" height="100px;"></a></li>-->
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a>
 
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Overview</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Experiments">Experiments</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Results">Results</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Modeling">Modelling</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a>
 
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Team">Team</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Attributions">Attributions</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Sponsors">Sponsors</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/diary">DIARY</a>
 
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/diary#june">June</a></li>
 
−
            <li class="second-button"><a href="https://2015.igem.org/Team:Exeter/diary#july">July</a></li>
 
−
            <li class="third-button"><a href="https://2015.igem.org/Team:Exeter/diary#august">August</a></li>
 
−
            <li class="fourth-button"><a href="https://2015.igem.org/Team:Exeter/diary#september">September</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Parts">PARTS</a>
 
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Parts">Team Parts</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Basic_Part">Basic Parts</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Composite_Part">Composite Parts</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Part_Collection">Part Collection</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button" style="width:220px;"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a>
 
−
        <ul><li class="beyond-button"><a href="https://2015.igem.org/Team:Exeter/Notebook">Introduction</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Entrepreneurship">What we did</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Measurement">Integration to Project</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Interlab">INTERLAB</a>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Safety">SAFETY</a>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a>
 
−
      <ul><li class="first-button"><a href="">Gold </a></li>
 
−
            <li><a href="">Silver</a></li>
 
−
            <li><a href="">Bronze</a></li>
 
−
    </ul>
 
−
    </li>
 
−
    <li><a href="https://2015.igem.org/Main_Page" target="_blank"><img style="margin-bottom:11px;" src="https://static.igem.org/mediawiki/2015/f/f0/IGEM_logo.png" height="55px"></a></li>
 
−
  </ul>
 
−
</nav>
 
−
</header>
 
  
 
</html>
 
</html>

Revision as of 11:58, 10 August 2015