Difference between revisions of "Team:Newcastle/bradleytest"

Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 +
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
 +
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2015/5/56/Exeter_igem_favicon.png">
 +
</head>
  
−
     <meta charset="utf-8">
+
     <!-- Bootstrap Core CSS -->
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
     <link href="https://2015.igem.org/Team:Exeter/bootstrap-min?action=raw&amp;ctype=text/css" rel="stylesheet">
−
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
  
−
     <title>Team:Newcastle - 2017.igem.org</title>
+
     <!-- Custom CSS -->
 +
    <link href="https://2015.igem.org/Team:Exeter/sb-admin-2?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
    <!-- Bootstrap Core CSS -->
+
     <link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
−
     <link href="https://2017.igem.org/Team:Newcastle/Newcastlebootstrap1.min.css" rel="stylesheet">
+
  
−
     <!-- Custom Fonts -->
+
     <script src="https://2015.igem.org/Team:Exeter/ajax-googleapis-com/ajax/libs/jquery/1-8-2/jquery-min?action=raw&amp;ctype=text/javascript"></script>
−
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+
−
    <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
+
−
    <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
+
  
−
     <!-- Plugin CSS -->
+
     <script src="https://2015.igem.org/Team:Exeter/js/jquery-bxslider-min?action=raw&ctype=text/javascript"></script>
−
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
+
−
    <link rel="stylesheet" href="lib/simple-line-icons/css/simple-line-icons.css">
+
−
    <link rel="stylesheet" href="lib/device-mockups/device-mockups.min.css">
+
  
−
    <!-- Theme CSS -->
+
     <link href="https://2015.igem.org/Team:Exeter/lib/jquery-bxslider?action=raw&amp;ctype=text/css" rel="stylesheet">
−
     <link href="https://2017.igem.org/Team:Newcastle/Newcastlestyle.min.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]-->
 
  
−
</head>
+
<style type="text/css">
 +
body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
 +
#content {width:100%; border:none;}
  
−
<body id="page-top">
+
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif !important; font-size:1em; color: #34282C;}
  
−
     <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+
h1{
−
        <div class="container">
+
     border-bottom:none; 
−
            <!-- Brand and toggle get grouped for better mobile display -->
+
    /*background-image: url(https://static.igem.org/mediawiki/2015/9/93/Header_background_ex.png);
−
            <div class="navbar-header">
+
  background-repeat: no-repeat;
−
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
  background-size:auto;
−
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+
  background-position: 0px, -200px;
−
                </button>
+
  background-color:#FFFFFF;*/
−
                <a class="navbar-brand page-scroll" href="#page-top">Newcastle iGEM 2017</a>
+
    font-weight:bold;
−
            </div>
+
    color:#00a000;
 +
    font-size:2.5em;
 +
}
  
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
.headerbanner{
−
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
    border-bottom:none; 
−
                <ul class="nav navbar-nav navbar-right">
+
    background-image: url(https://static.igem.org/mediawiki/2015/9/93/Header_background_ex.png);
−
                    <li>
+
  background-repeat: no-repeat;
−
                        <a class="page-scroll" href="#download">About</a>
+
  /*background-size:auto;*/
−
                    </li>
+
  background-position: 0px, 0px;
−
                    <li>
+
  background-color:#FFFFFF;
−
                        <a class="page-scroll" href="#features">Modelling</a>
+
    font-weight:bold;
−
                    </li>
+
    color:#FFFFFF;
−
                    <li>
+
    font-size:2.5em;
−
                        <a class="page-scroll" href="#contact">Experiments</a>
+
}
−
                    </li>
+
−
<li>
+
−
                        <a class="page-scroll" href="#contact">Outreach</a>
+
−
                    </li>
+
−
<li>
+
−
                        <a class="page-scroll" href="#contact">Parts</a>
+
−
                    </li>
+
−
<li>
+
−
                        <a class="page-scroll" href="#contact">Medal Requirements</a>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
            <!-- /.navbar-collapse -->
+
−
        </div>
+
−
        <!-- /.container-fluid -->
+
−
    </nav>
+
  
−
    <header>
+
h2, h3, h4, h5, h6 {border-bottom:none;}
−
        <div class="container">
+
h2 {font-size:2.3em;}
−
            <div class="row">
+
h3 {font-size:2em;}
−
                <div class="col-sm-7">
+
h4 {font-size:1.7em;}
−
                    <div class="header-content">
+
h5 {font-size:1.4em;}
−
                        <div class="header-content-inner">
+
h6 {font-size:1.2em;}
−
                            <h1>This is our wiki</h1>
+
−
                            <a href="#download" class="btn btn-outline btn-xl page-scroll">Take the Tour</a>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-sm-5">
+
−
                    <div class="device-container">
+
−
                        <div class="device-mockup iphone6_plus portrait white">
+
−
                            <div class="device">
+
−
                                <div class="screen">
+
−
                                    <!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
+
−
                                    <img src="img/demo-screen-1.jpg" class="img-responsive" alt="">
+
−
                                </div>
+
−
                                <div class="button">
+
−
                                    <!-- You can hook the "home button" to some JavaScript events or just remove it -->
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </header>
+
  
−
    <section id="download" class="download bg-primary text-center">
+
section {text-align:justify; /*margin: 5px; margin-top:25px;*/}
−
        <div class="container">
+
#wrapper {margin:20px; width:97%;}
−
            <div class="row">
+
html, body {height: 100%;}
−
                <div class="col-md-8 col-md-offset-2">
+
−
                    <h2 class="section-heading">Discover what all the buzz is about!</h2>
+
−
                    <p>Our app is available on any mobile device! Download now to get started!</p>
+
−
                    <div class="badges">
+
−
                        <a class="badge-link" href="#"><img src="img/google-play-badge.svg" alt=""></a>
+
−
                        <a class="badge-link" href="#"><img src="img/app-store-badge.svg" alt=""></a>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
  
−
    <section id="features" class="features">
+
/* WIKI SETTINGS*/
−
        <div class="container">
+
−
            <div class="row">
+
/* Hide first heading */
−
                <div class="col-lg-12 text-center">
+
.firstHeading {
−
                    <div class="section-heading">
+
display: none;
−
                        <h2>Unlimited Features, Unlimited Fun</h2>
+
}
−
                        <p class="text-muted">Check out what you can do with this app theme!</p>
+
−
                        <hr>
+
/*-- Remove borders, float content left and remove padding/margin */
−
                    </div>
+
#globalWrapper, #content{
−
                </div>
+
background-color: transparent;
−
            </div>
+
border: 0px;
−
            <div class="row">
+
float: left;
−
                <div class="col-md-4">
+
margin:0px;
−
                    <div class="device-container">
+
padding: 0px;
−
                        <div class="device-mockup iphone6_plus portrait white">
+
}
−
                            <div class="device">
+
−
                                <div class="screen">
+
−
                                    <!-- Demo image for screen mockup, you can put an image here, some HTML, an animation, video, or anything else! -->
+
−
                                    <img src="img/demo-screen-1.jpg" class="img-responsive" alt=""> </div>
+
−
                                <div class="button">
+
−
                                    <!-- You can hook the "home button" to some JavaScript events or just remove it -->
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="col-md-8">
+
−
                    <div class="container-fluid">
+
−
                        <div class="row">
+
−
                            <div class="col-md-6">
+
−
                                <div class="feature-item">
+
−
                                    <i class="icon-screen-smartphone text-primary"></i>
+
−
                                    <h3>Device Mockups</h3>
+
−
                                    <p class="text-muted">Ready to use HTML/CSS device mockups, no Photoshop required!</p>
+
−
                                </div>
+
−
                            </div>
+
−
                            <div class="col-md-6">
+
−
                                <div class="feature-item">
+
−
                                    <i class="icon-camera text-primary"></i>
+
−
                                    <h3>Flexible Use</h3>
+
−
                                    <p class="text-muted">Put an image, video, animation, or anything else in the screen!</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                        <div class="row">
+
−
                            <div class="col-md-6">
+
−
                                <div class="feature-item">
+
−
                                    <i class="icon-present text-primary"></i>
+
−
                                    <h3>Free to Use</h3>
+
−
                                    <p class="text-muted">As always, this theme is free to download and use for any purpose!</p>
+
−
                                </div>
+
−
                            </div>
+
−
                            <div class="col-md-6">
+
−
                                <div class="feature-item">
+
−
                                    <i class="icon-lock-open text-primary"></i>
+
−
                                    <h3>Open Source</h3>
+
−
                                    <p class="text-muted">Since this theme is MIT licensed, you can use it commercially!</p>
+
−
                                </div>
+
−
                            </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
  
−
    <section class="cta">
+
/*left align Black Menu Bar */
−
        <div class="cta-content">
+
#top_menu_inside {
−
            <div class="container">
+
margin-left: 20px; /*width:100%;*/
−
                <h2>Stop waiting.<br>Start building.</h2>
+
}
−
                <a href="#contact" class="btn btn-outline btn-xl page-scroll">Let's Get Started!</a>
+
−
            </div>
+
−
        </div>
+
−
        <div class="overlay"></div>
+
−
    </section>
+
  
−
     <section id="contact" class="contact bg-primary">
+
#top_menu_under {
−
        <div class="container">
+
     position: relative;
−
            <h2>We <i class="fa fa-heart"></i> new friends!</h2>
+
    width: 100%;
−
            <ul class="list-inline list-social">
+
    height: 16px;
−
                <li class="social-twitter">
+
    border-bottom: none;
−
                    <a href="#"><i class="fa fa-twitter"></i></a>
+
}
−
                </li>
+
 
−
                <li class="social-facebook">
+
#content a {
−
                    <a href="#"><i class="fa fa-facebook"></i></a>
+
color:#229640 !important;
−
                </li>
+
font-weight:bold !important;
−
                <li class="social-google-plus">
+
}
−
                    <a href="#"><i class="fa fa-google-plus"></i></a>
+
#content a:hover {
−
                </li>
+
color:#96C11E !important;
−
            </ul>
+
text-decoration:none !important;
−
        </div>
+
}
−
     </section>
+
 
 +
#twitterfeed {
 +
    margin-top:130px;
 +
}
 +
 
 +
nav {
 +
  border-bottom:none !important;
 +
  background-color:#FFFFFF;
 +
}
 +
/* Center the Navbar Items */
 +
.navbar .navbar-nav {
 +
  display:inline-block;
 +
  float:none;
 +
  vertical-align:top;
 +
}
 +
.navbar .navbar-collapse {
 +
  text-align:center;
 +
  margin-top:105px;
 +
  background-color:#FFFFFF;
 +
}
 +
.navbar-default {
 +
  border:none !important;
 +
  background-color:#FFFFFF;
 +
}
 +
.navbar-fixed-top {
 +
  background-color:#FFFFFF;
 +
  margin-top:15px !important;
 +
  padding-bottom:32px !important;
 +
  box-shadow:0px 10px 10px #888888;
 +
  border-radius:0px;
 +
  /*opacity:0.9;*/
 +
}
 +
/* Nav Button Style */
 +
.btn {
 +
background-color:#FFFFFF;
 +
        border:none;
 +
        box-shadow:none !important;
 +
        z-index:0;
 +
}
 +
.btn:hover {
 +
        z-index:0 !important;
 +
}
 +
.nav-btn {
 +
padding-right:0px;
 +
        z-index:1;
 +
}
 +
.nav-btn:hover {
 +
        z-index:1 !important;
 +
}
 +
.dropdown-toggle {
 +
color:#229640;
 +
font-weight:bold;
 +
        height:34px;
 +
}
 +
.open a {
 +
color:#96C11E !important;
 +
text-decoration:none !important;
 +
background-color:#FFFFFF; !important;
 +
}
 +
/* Dropdown Style */
 +
.dropdown-menu {
 +
/*width:fit-content;*/
 +
background-color:#FFFFFF;
 +
border:none;
 +
box-shadow:none;
 +
        margin:0px !important;
 +
}
 +
.list-inline li a {
 +
color:#229640 !important;
 +
font-weight:bold;
 +
padding: 0px 10px 0px 10px;
 +
}
 +
.list-inline li a:hover {
 +
color:#96C11E !important;
 +
text-decoration:none;
 +
}
 +
.list-inline {
 +
  width: 100%;
 +
  display: table;
 +
  table-layout: auto; /* optional */
 +
  margin:0px !important;
 +
}
 +
 
 +
.list-inline li {
 +
  padding-top:0px;
 +
  padding-bottom:0px;
 +
  display: table-cell;
 +
  width: auto;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
}
 +
/* Navbar Header including Animation */
 +
.navbar-header {
 +
  position: absolute;
 +
  top: 0px;
 +
  left: 0px;
 +
  bottom:0px;
 +
  right:0px;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png);
 +
  background-repeat: no-repeat;
 +
  background-size:auto 80px;
 +
  background-position:20px 5px;
 +
  background-color:#FFFFFF;
 +
}
 +
#collapse-button {
 +
z-index:100;
 +
}
 +
.ribonostics {
 +
position:absolute;
 +
z-index:5;
 +
left:100px;
 +
top:10px;
 +
height:100px;
 +
margin-left:0px;
 +
}
 +
.igem {
 +
margin:10px 0px 45px 0px;
 +
position:absolute;
 +
right:80px;
 +
}
 +
/* Footer */
 +
footer {
 +
text-align:center;
 +
}
 +
.toeholdfooter {
 +
position:relative;
 +
overflow:hidden;
 +
margin:50px 0px 0px 0px;
 +
}
 +
.toeholdfooter img {
 +
    height:80px;
 +
}
 +
.sponsors img, #twitter img, #facebook img, #exeter img {
 +
height:60px;
 +
}
 +
.sponsors, #twitter, #facebook, #exeter {
 +
        text-decoration:none !important;
 +
display:inline-block !important;
 +
        padding:10px;
 +
}
 +
/*.sponsors {
 +
        border-bottom: solid 1px;
 +
}*/
 +
.sponsors img {
 +
        padding-bottom:10px;
 +
}
 +
#twitter, #facebook {
 +
float:right;
 +
margin-right:25px;
 +
}
 +
#exeter {
 +
float:left;
 +
margin-top:13px;
 +
margin-left:10px;
 +
}
 +
 
 +
/* For Smaller Screens */
 +
@media only screen and (max-width: 768px) {
 +
.dropdown-menu{
 +
background-color:none;
 +
border:none;
 +
box-shadow:none;
 +
        margin-top:-5px !important; 
 +
}
 +
.navbar-header {
 +
    height:100px;
 +
}
 +
}
 +
/* For mobile */
 +
@media only screen and (max-device-width: 768px) {
 +
.igem{
 +
    display:none;
 +
}
 +
img {
 +
    display:block;
 +
    clear:both;
 +
    float:none !important;
 +
}
 +
.navbar-header {
 +
    height:100px;
 +
}
 +
.container {
 +
    margin-top:55px !important;
 +
}
 +
}
 +
 
 +
/*Carousel*/
 +
.carousel {height: 350px;}
 +
.item, .active, .carousel-inner {height: 100%;}
 +
.fill {width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
 +
 
 +
/*TEAM MEMBER PAGE STYLING*/
 +
.active {display:block;}
 +
.profile {display:none;}
 +
.profiletown {display:block; text-align:justify;}
 +
.profiletown ul {padding:0px; margin:0px;}
 +
.profiletown ul li img {margin:0px 10px 10px 0px; float:left;}
 +
.swagville {margin-top:50px; padding:0px; 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*/
 +
.medalcontent ul {list-style-type: none !important;}
 +
.medalcontent li {text-decoration: none;}
 +
.bronzetitle h4 {color: rgb(178,71,0);}
 +
.silvertitle h4 {color: rgb(107,107,107);}
 +
.goldtitle h4 {color: rgb(230,184,0);}
 +
 
 +
 
 +
/* Level 3 nav bar
 +
-------------------------------------------------*/
 +
 
 +
.level_3 {
 +
  width:0%;
 +
  min-width: 140px;
 +
  cursor:pointer;
 +
  position: static;
 +
  left: 93px;
 +
  top: 21px;
 +
  height: 100%;
 +
  display: table;
 +
}
 +
 
 +
.level_3 p {
 +
  display: table-cell;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
}
 +
 
 +
#level_3-menu {
 +
    display: block;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    height: 25px;
 +
    z-index: 10;
 +
}
 +
 
 +
.menucenter{
 +
    position: relative;
 +
    line-height: 20px;
 +
    display:block;
 +
    margin: 0;
 +
    width:100%;
 +
    text-align: center;
 +
    font-size: 0;}
 +
.level_3 {
 +
        display:inline-block;
 +
        margin: 0;
 +
        font-size: 16px;}
 +
.level_3 a {display:block; height: 25px; padding: 0 12px 0 8px;}
 +
.level_3:hover a {padding: 0 11px 0 9px}
 +
#level_3-menu ul, .level_3 {
 +
    -webkit-margin-before: 0;
 +
    -webkit-margin-after: 0;
 +
    -webkit-padding-start: 0;}
 +
 
 +
 
 +
/*ScrollUp*/
 +
#bodycontent {
 +
    padding-top: 100px;
 +
}
 +
 
 +
.navbar-fixed-top {
 +
    height: 100px;
 +
    position: fixed;
 +
    top: 0px;
 +
    transition: top 0.2s ease-in-out;
 +
}
 +
 
 +
.nav-up {
 +
top:-100px;
 +
}
 +
.base1 {
 +
    background:rgb(255,238,123)
 +
}
 +
.base2 {
 +
    background:rgb(88,132,179)
 +
}
 +
.base3 {
 +
    background:rgb(204,102,134)
 +
}
 +
.base4 {
 +
    background:rgb(166,199,118)
 +
}
 +
.base5 {
 +
    background:rgb(230,134,112)
 +
}
 +
.base6 {
 +
    background:rgb(97,204,159)
 +
}
 +
.base7 {
 +
    background:rgb(237,28,36)
 +
}
 +
/*JOE'S STUFF*/
 +
#p1 {
 +
    text-indent: 55px;
 +
    font-size: 30px;
 +
    padding-left:60px;
 +
    padding-top:30px;
 +
    }
 +
#p2 {
 +
    font-size: 30px;
 +
    text-align: right;
 +
    float: right;
 +
    width:700px;
 +
    display: inline-block;
 +
}
 +
 
 +
 
 +
.toeholdheadergreen{
 +
  height: 100px;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png);
 +
  background-repeat: no-repeat;
 +
  background-size:auto 80px;
 +
  background-position:20px 5px;
 +
  margin-bottom:20px;
 +
  border-radius:10px;
 +
}
 +
 
 +
/*page next, page back button CSS */
 +
nav > .pager {
 +
  padding-top:10px;
 +
  margin-top:50px;
 +
}
 +
 
 +
/*TABLE*/
 +
table {
 +
    /*border-collapse: collapse;*/
 +
    border-radius: 25px;
 +
    border: 0px !important;
 +
    box-shadow: 0px 0px 25px #888888;
 +
    overflow: hidden;
 +
    margin: 15px;
 +
}
 +
td, th {
 +
    border: 1px solid #274e13;
 +
    background: #b6d7a8;
 +
    padding: 15px;
 +
    padding-right: 25px;
 +
    vertical-align: top;
 +
    text-align: justify;
 +
}
 +
table tr th:first-child,
 +
table tr td:first-child {
 +
    border-left: 0px;
 +
}
 +
table tr th:last-child,
 +
table tr td:last-child {
 +
    border-right: 0px;
 +
}
 +
table tr:first-child th {
 +
    border-top: 0px;
 +
}
 +
table tr:last-child td {
 +
    border-bottom: 0px;
 +
}
 +
 
 +
.navbar-search {
 +
    width:200px;
 +
    padding-left:25px;
 +
    float:right;
 +
    display: inline-block;
 +
}
 +
.navbar-search button {
 +
    border: 1px solid #888888;
 +
}
 +
</style>
 +
<!--
 +
<script>
 +
  (function() {
 +
    var cx = '013872312295473225681:zjqk8ipootc';
 +
    var gcse = document.createElement('script');
 +
    gcse.type = 'text/javascript';
 +
    gcse.async = true;
 +
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
 +
        '//cse.google.com/cse.js?cx=' + cx;
 +
    var s = document.getElementsByTagName('script')[0];
 +
    s.parentNode.insertBefore(gcse, s);
 +
  })();
 +
</script>
 +
<gcse:search></gcse:search>
 +
-->
 +
<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() > 182) {
 +
      $('.navbar-collapse').addClass('navbar-fixed-top');
 +
    }
 +
    if ($(window).scrollTop() < 183) {
 +
      $('.navbar-collapse').removeClass('navbar-fixed-top');
 +
    }
 +
  });
 +
});
 +
</script>
 +
 
 +
<div id="wrapper">
 +
<nav class="navbar navbar-default">
 +
  <div class="container-fluid">
 +
    <!-- Brand and toggle get grouped for better mobile display -->
 +
    <div class="navbar-header">
 +
      <button id="collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
      <a class="navbar-brand" 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>
 +
      <a href="https://2015.igem.org/Main_Page" target="_blank"><img class="igem" src="https://static.igem.org/mediawiki/2015/f/f0/IGEM_logo.png" height="55px"></a>
 +
     </div>
  
−
     <footer>
+
     <!-- Collect the nav links, forms, and other content for toggling -->
−
        <div class="container">
+
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
            <p>&copy; 2016 Start Bootstrap. All Rights Reserved.</p>
+
      <ul class="span12 offset1 nav navbar-nav">
−
            <ul class="list-inline">
+
        <li class="dropdown btn-group">
−
                 <li>
+
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a></button>
−
                    <a href="#">Privacy</a>
+
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                 </li>
+
    <span class="caret"></span>
−
                 <li>
+
    <span class="sr-only">Toggle Dropdown</span>
−
                    <a href="#">Terms</a>
+
  </button>
−
                 </li>
+
        <ul class="dropdown-menu">
−
                 <li>
+
              <ul class='list-inline'>
−
                    <a href="#">FAQ</a>
+
                <li><a href="https://2015.igem.org/Team:Exeter/Description">Description</a></li>
−
                 </li>
+
                 <li><a href="https://2015.igem.org/Team:Exeter/BovineTB">Bovine TB</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li>
 +
<li><a href="https://2015.igem.org/Team:Exeter/RNA_Riboswitches">Toehold Background</a></li>
 +
                 <li><a href="https://2015.igem.org/Team:Exeter/diary">General Diary</a></li>
 +
                 <li><a href="https://2015.igem.org/Team:Exeter/Future">Future</a></li>
 +
              </ul>
 +
        </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Toehold_Design">LAB</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                 <li><a href="https://2015.igem.org/Team:Exeter/Toehold_Design">Toehold Design</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/Lab_Diary">Lab Diary</a></li>-->
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Safety">Safety</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Interlab">Interlab</a></li>
 +
              </ul>
 +
        </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Modeling">MODELLING</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
            <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Modeling#simulation">Simulation</a></li>
 +
                 <li><a href="https://2015.igem.org/Team:Exeter/Modeling#parameter">Parameter Scanning</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Modeling#scripts">Scripts</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Modelling_Diary">Modelling Diary</a></li>
 +
              </ul>
 
             </ul>
 
             </ul>
−
         </div>
+
         </li>
−
     </footer>
+
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Practices#introduction">Introduction</a></li>
 +
          <li><a href="https://2015.igem.org/Team:Exeter/Practices#timeline">What we did</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Practices#integration">Integration and design</a></li>
 +
              </ul>
 +
        </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><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>
 +
      </ul>
 +
</li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Parts">PARTS</a></button>
 +
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Parts#toeholds">Toeholds</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Parts#reporters">Reporters</a></li>
 +
              </ul>
 +
              </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a></button>
 +
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#bronze">Bronze</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#silver">Silver</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#gold">Gold</a></li>
 +
              </ul>
 +
              </ul>
 +
    </li>
 +
        <li class="navbar-search">
 +
        <!--<div class="input-group custom-search-form">
 +
                <form id="frmSearch" method="get" action="default.html" />
 +
                <input id="txtSearch" type="text" class="form-control" placeholder="Search...">
 +
                <span class="input-group-btn">
 +
                <button class="btn btn-default" type="button">
 +
                  <img src="https://static.igem.org/mediawiki/2015/d/d2/ExeterSearch.png" height="20px;">
 +
                </button>
 +
                </span>
 +
            </div>-->
 +
<searchbox
 +
     label="Search this wiki for:"
 +
    searchlabel="Find it..."
 +
    golabel="Go!"
 +
/>
 +
            <!-- /input-group -->
 +
        </li>
 +
      </ul><!-- /.navbar-nav -->
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>       
 +
 
 +
                <!-- 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?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>
  
 
     <!-- jQuery -->
 
     <!-- jQuery -->
−
     <script src="lib/jquery/jquery.min.js"></script>
+
     <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery?action=raw&amp;ctype=text/javascript"></script>
  
 
     <!-- Bootstrap Core JavaScript -->
 
     <!-- Bootstrap Core JavaScript -->
−
     <script src="lib/bootstrap/js/bootstrap.min.js"></script>
+
     <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
    <!-- Script to Activate the Carousel -->
 +
    <script>
 +
    $('.carousel').carousel({
 +
        interval: 5000 //changes the speed
 +
    })
 +
    </script>
 +
   
 +
<script>
 +
       
 +
var main = function() {
 +
 
 +
var width = $(window).width();
 +
var mouseX = 0, limitX = width-350;
 +
$(window).mousemove(function(e){
 +
// don't follow mouse while collapsed
 +
if ($(window).width() > 768) {
 +
  var offset = $('.navbar-header').offset();
 +
  mouseX = Math.min(e.pageX - offset.left, limitX);
 +
  if (mouseX < 0) mouseX = 0;
 +
  if (e.pageY < 0) mouseX = 0;
 +
}
 +
// but it will still return to original position when resized
 +
  if (e.pageY > 220) mouseX = 0;
 +
});
 +
 
 +
// cache the selector
 +
var follower = $(".ribonostics");
 +
var xp = 0;
 +
var loop = setInterval(function(){
 +
    // change 12 to alter damping higher is slower
 +
    xp += (mouseX - xp) / 12;
 +
if (xp < 100) follower.css({left:100});
 +
    else follower.css({left:xp});
 +
 
 +
}, 30);
  
−
     <!-- Plugin JavaScript -->
+
};
−
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+
      
 +
$(document).ready(main);
  
−
    <!-- Theme JavaScript -->
+
</script>
−
    <script src="js/new-age.min.js"></script>
+
  
−
</body>
+
<script>
 +
var main = function() {
 +
  $("#Bra").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Brad").addClass("active");
 +
$("#Brad").removeClass("profile");
 +
  });
 +
  $("#Tod").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Todd").addClass("active");
 +
$("#Todd").removeClass("profile");
 +
  });
 +
  $("#Rac").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Rach").addClass("active");
 +
$("#Rach").removeClass("profile");
 +
  });
 +
  $("#Yem").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Yemi").addClass("active");
 +
$("#Yemi").removeClass("profile");
 +
  });
 +
  $("#Dan").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Dani").addClass("active");
 +
$("#Dani").removeClass("profile");
 +
  });
 +
  $("#Dav").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Davi").addClass("active");
 +
$("#Davi").removeClass("profile");
 +
  });
 +
  $("#Amy").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Amy_").addClass("active");
 +
$("#Amy_").removeClass("profile");
 +
  });
 +
  $("#Jos").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Jose").addClass("active");
 +
$("#Jose").removeClass("profile");
 +
  });
 +
  $("#Geo").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Geor").addClass("active");
 +
$("#Geor").removeClass("profile");
 +
  });
 +
  $("#Emi").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Emil").addClass("active");
 +
$("#Emil").removeClass("profile");
 +
  });
 +
  $("#Jas").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Jasm").addClass("active");
 +
$("#Jasm").removeClass("profile");
 +
  });
 +
  $("#Team").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Home").addClass("active");
 +
$("#Home").removeClass("profile");
 +
  });
 +
};
  
−
</html>
+
$(document).ready(main);
 +
</script>

Revision as of 07:02, 19 April 2017