Difference between revisions of "Team:Sydney Australia"

 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{:Team:Sydney_Australia/Templates/NavBar}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
 +
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
<style>  
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
−
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
+
−
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
+
−
 
+
−
<script type="text/javascript" src="https://use.fontawesome.com/2967839f93.js"></script>
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
−
 
+
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
−
<script></script>
+
−
<style>
+
−
#sideMenu, #top_title {display:none;}
+
−
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0%;, margin-right: 0%}
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
 
+
−
/* makes navbar in box with shadow */
+
−
.navbar-fixed-float {
+
−
filter: none !important;
+
−
box-shadow: 0 2px 30px rgba(0,0,0,0.25);
+
−
-moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
+
−
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25);
+
−
        border-bottom: 1px solid rgba(0,0,0,0.2);
+
−
        border-left:none!important;
+
−
        border-right:none!important;
+
−
                border-top:none!important;       
+
−
      position:absolute;
+
−
}
+
  
 +
/* our special font */
 
@font-face {
 
@font-face {
 
     font-family: 'banaue';
 
     font-family: 'banaue';
 
     src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg');
 
     src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg');
 
     font-weight: normal;
 
     font-weight: normal;
−
     font-style: normal;
+
     font-style: large;
 
}
 
}
−
/* Making 'Team' image nice and crispy*/
+
 
−
.img-responsive {
+
#please h2 {
 +
font-family: "banaue", sans-serif;
 +
color: #3e3f3f
 +
}
 +
 
 +
#please li {
 +
  font-family: 'Quicksand', sans-serif;
 +
  color: #3e3f3f
 +
}
 +
 
 +
#please p {
 +
  font-family: 'Quicksand', sans-serif;
 +
  color: #3e3f3f
 +
}
 +
.crispy {
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -webkit-optimize-contrast;
 
image-rendering: -webkit-optimize-contrast;
 
-ms-interpolation-mode: nearest-neighbor;
 
-ms-interpolation-mode: nearest-neighbor;
−
    }
+
  padding:0px;
−
/*dropdown on hover*/
+
  width:90%;
−
 
+
  margin-top: 60px;
−
.dropdown-menu li:hover .sub-menu {
+
  margin-left:5%;,
−
   visibility: visible;
+
   margin-right:5%;
 +
background: #fff;
 
}
 
}
  
−
.dropdown:hover .dropdown-menu {
+
.insert {
−
  display: block;
+
  height: 68px;
 +
  width: 100%;
 +
  background-color:#e2e2e2;
 
}
 
}
−
 
+
.insert2 {
−
.navbar-nav .dropdown-menu,
+
  height: 150px;
−
.navbar .dropdown-menu {
+
  width: 100%;
−
  margin-top: 0;
+
  background-color:#fff;
 
}
 
}
−
 
+
.death_counter {
−
.navbar {  
+
margin-left:40%;
−
font-family: 'banaue'!important;  
+
margin-top:10%;
−
}
+
width:10%;
−
.navbar-nav a {
+
height:7%;
−
font-size: 24px;
+
line-height:7%;
−
color: #3e403f!important;
+
text-align: center;
 +
vertical-align: middle;
 +
background-color:#db5753;
 +
border:5px solid white;
 +
border-radius:5%;
 +
padding:10%;
 +
color:white;
 +
font-family:'banaue';
 +
font-size:60px;
 
}
 
}
  
−
.navbar {
+
.links {
−
    background-color: white!important;
+
width:80%;
−
}
+
background-color:#e2e2e2;}
  
−
.navbar-inverse .nav .dropdown .dropdown-menu {
+
.link {
−
    -webkit-border-radius: 5px 5px 5px 5px ;
+
  border-radius: 5%;
−
    -moz-border-radius: 5px 5px 5px 5px ;
+
  width: 100%;
−
    border-radius: 5px 5px 5px 5px ;  
+
  padding-bottom: 60%;
−
    background-color: #fff;
+
  background-size: 100%;
−
    margin-top: -3px;
+
  background-repeat: no-repeat;
−
    margin-left: 0px;
+
  background-position: center;
−
    border: none;
+
background-color: #e2e2e2;
−
    width: 300px;
+
 
}
 
}
−
@media (max-width: 1200px) {
+
.link1 {
−
    .navbar-header {
+
  background-image: url("https://static.igem.org/mediawiki/2017/6/68/T--Sydney_Australia--link1.png");
−
        float: none;
+
}
−
    }
+
.link2 {
−
    .navbar-left,.navbar-right {
+
  background-image: url("https://static.igem.org/mediawiki/2017/2/2c/T--Sydney_Australia--link2.png");}
−
        float: none !important;
+
.link3 {
−
    }
+
  background-image: url("https://static.igem.org/mediawiki/2017/d/d3/T--Sydney_Australia--link3.png");}
−
    .navbar-toggle {
+
.link4 {
−
        display: block;
+
  background-image: url("https://static.igem.org/mediawiki/2017/b/b4/T--Sydney_Australia--link4.png");}
−
    }
+
.link5 {
−
    .navbar-collapse {
+
  background-image: url("https://static.igem.org/mediawiki/2017/2/2b/T--Sydney_Australia--link5.png");}
−
        border-top: 1px solid transparent;
+
.link6 {
−
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
+
  background-image: url("https://static.igem.org/mediawiki/2017/9/9b/T--Sydney_Australia--link6.png");}
−
    }
+
.link7 {
−
    .navbar-fixed-top {
+
  background-image: url("https://static.igem.org/mediawiki/2017/4/4d/T--Sydney_Australia--link7.png");}
−
        top: 0;
+
.link8 {
−
        border-width: 0 0 1px;
+
  background-image: url("https://static.igem.org/mediawiki/2017/f/fb/T--Sydney_Australia--link8.png");}
−
    }
+
.link9 {
−
  .navbar-collapse.collapse {
+
  background-image: url("https://static.igem.org/mediawiki/2017/2/22/T--Sydney_Australia--link9.png");}
−
        display: none!important;
+
 
−
    }
+
.caption #bannerlinks {
−
    .navbar-nav {
+
font-family:'banaue';
−
        float: none!important;
+
color: #3e3f3f;
−
        margin-top: 7.5px;
+
     -webkit-font-smoothing: antialiased;
−
    }
+
     font-size:3vw;
−
    .navbar-nav>li {
+
    text-align:center;
−
        float: none;
+
−
    }
+
−
    .navbar-nav>li>a {
+
−
        padding-top: 10px;
+
−
        padding-bottom: 10px;
+
−
     }
+
−
     .collapse.in{
+
−
        display:block !important;
+
 
     }
 
     }
 +
   
 +
.caption {
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    }
 +
 +
 +
#bannerlinks:hover {
 +
    text-decoration:none!important;
 
}
 
}
−
.navbar-inverse .navbar-toggle .icon-bar {
+
 
−
    background-color: #3e3f3f!important;
+
#bannerlinks:before {
 +
  content: "";
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 2px;
 +
  bottom: 0;
 +
  left: 0;
 +
  background-color: #3e3f3f;
 +
  visibility: hidden;
 +
  -webkit-transform: scaleX(0);
 +
  transform: scaleX(0);
 +
  -webkit-transition: all 0.3s ease-in-out 0s;
 +
  transition: all 0.3s ease-in-out 0s;
 
}
 
}
−
.navbar-inverse .navbar-toggle .icon-bar:hover {
+
 
−
    background-color: white!important;
+
#bannerlinks:hover:before {
 +
  visibility: visible;
 +
  -webkit-transform: scaleX(1);
 +
  transform: scaleX(1);
 
}
 
}
−
.navbar-inverse .navbar-toggle:hover .icon-bar {
+
 
−
    background-color: #3e3f3f;
+
</style>  
−
}
+
−
button {border:#3e3f3f!important;}
+
−
</style>
+
 
</head>
 
</head>
 +
 
<body>
 
<body>
−
<div class="navbar navbar-inverse navbar-fixed-float" style="margin-top:-12px ;">
+
<div class="container-fluid page-heading">
−
            <div class="container">
+
<div class = "row" style="background-color:#e2e2e2;margin-top:60px;">
−
                <div class="navbar-header">
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cd/T--Sydney_Australia--long-home-1.png" style="width:100%"/>
−
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
</div>
−
                    <span class="icon-bar"></span>
+
 
−
        <span class="icon-bar"></span>
+
<div class = "row" style="background-color:#e2e2e2;">
−
        <span class="icon-bar"></span>     
+
<div class="col-xs-6">
−
                    </button>
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/b/b5/T--Sydney_Australia--long-home-3.png" style="width:100%"/>
−
       
+
</div>
−
                    <a class="navbar-logo" href="https://2017.igem.org/Team:Sydney_Australia">
+
<div class="col-xs-6">  
−
          <image class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/T--Sydney_Australia--Navigation_Bar_Logo.png" width="200px">
+
<div class="text_above_timer">
−
        </a>
+
<br><p style="font-family:'Quicksand';font-size:3vw;color:#3e3f3f;text-align: center; margin-bottom:10px;"> That's</p> <p style="margin-left:35%;
−
                </div>
+
margin-top:10%;
−
                <div class="navbar-collapse collapse">
+
width:15%;
−
                   
+
height:7.5%;
−
                            <ul class="nav navbar-nav navbar-right">
+
line-height:7.5%;
−
<!--Team submenu-->
+
text-align: center;
−
          <li class="dropdown">
+
vertical-align: middle;
−
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Team">Team <span class="caret"></span></a>
+
border-radius:5%;
−
            <ul class="dropdown-menu" style="left:0;">
+
padding:10%;
−
              <li><a href="https://2017.igem.org/Team:Sydney_Australia/Team">About Us</a></li>
+
color:#db5753;
−
              <li><a href="https://2017.igem.org/Team:Sydney_Australia/Attributions">Attributions</a></li>
+
font-family:'banaue';
−
            </ul>
+
font-size:10vw;" id="test">1</p><br> <p style="font-family:'Quicksand';font-size:3vw;color:#3e3f3f;text-align: center; margin-bottom:10px;"> people since you've been on this page. </p>
−
          </li>
+
</div>
−
<!-- Design Submenu -->
+
 
−
          <li class="dropdown">
+
<script>
−
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Design">Design <span class="caret"></span></a>
+
$(function() {
−
            <ul class="dropdown-menu" style="left:0;">
+
  var test = $('#test'); // cache object
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Design">Project Design</a></li>
+
  setInterval(function() {
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design">Applied Design</a></li>
+
    test.text(1 + (+test.text())); // +('3') <-- 3, parsing string to number
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/HP/Gold_Integrated">Integrated Human Practices</a></li>
+
  }, 6000);// (in miliseconds) repeat every 1 second
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship">Entrepreneurship</a></li>   
+
});
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Patent_Law">Patent Law</a></li>
+
 
−
</ul>
+
 
−
  </li>      
+
</script>
−
<!-- Project Submenu-->
+
</div>
−
          <li class="dropdown">
+
</div>
−
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Description">Project <span class="caret"></span></a>
+
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
−
            <ul class="dropdown-menu" style="left:0;">
+
<div class = "row" style="background-color:#e2e2e2;">
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Description">Description</a></li>
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cb/T--Sydney_Australia--long-home-2.png" style="width:100%"/>
 +
</div>
 +
 
 +
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
 +
<div class="col-xs-4">
 +
<div class="link link1">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks"id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Description"> Description </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link2">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Design"> Design </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link3">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Results"> Results </a>
 +
      </div>
 +
</div>
 +
</div>
 +
</div>
  
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Experiments">Protocols</a></li>
+
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Safety">Safety</a></li>
+
<div class="col-xs-4">
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Notebook">Notebook</a></li>
+
<div class="link link4">
−
      <li><a href="https://2017.igem.org/Team:Sydney_Australia/Results">Results</a></li>
+
      <div class="caption" align="center">
−
      <li><a href="https://2017.igem.org/Team:Sydney_Australia/Demonstrate">Demonstrate</a></li>
+
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Model"> Model </a>
−
+
      </div>
−
            </ul>
+
</div>
−
          </li>
+
</div>
 +
<div class="col-xs-4">
 +
<div class="link link5">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship"> Entrepreneurship </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link6">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design"> Applied Design </a>
 +
      </div>
 +
</div>
 +
</div>
 +
</div>
  
−
<!-- Modelling Submenu-->
+
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
−
          <li class="dropdown">
+
<div class="col-xs-4">
−
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Model">Model <span class="caret"></span></a>
+
<div class="link link7">
−
            <ul class="dropdown-menu">
+
      <div class="caption" align="center">
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Model">Our Modelling</a></li>  
+
      <a id="bannerlinks" style="text-align:center!important;" href="https://2017.igem.org/Team:Sydney_Australia/HP/Gold_Integrated"> Integrated Human Practices </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link8">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Parts"> Parts </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link9">
 +
      <div class="caption" align="center">
 +
      <a id="bannerlinks" href="https://2017.igem.org/Team:Sydney_Australia/Medals"> Awards </a>
 +
      </div>
 +
</div>
 +
</div>
 +
</div>
  
−
            </ul>
+
<div class = "row" style="background-color:#e2e2e2;"><br><br><br><br>
−
          </li>
+
<img class="img-center img-responsive center-block" src ="https://static.igem.org/mediawiki/2017/f/fe/T--Sydney_Australia--sponsors.png"/>
−
<!-- Communicatoins Submenu-->
+
</div>
−
          <li class="dropdown">
+
−
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/HP/Silver">Communications <span class="caret"></span></a>
+
−
            <ul class="dropdown-menu" style="text-align: right;">
+
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/HP/Silver">Human Practices</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Engagement">Engagement</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Collaborations">Collaborations</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Interlab">Interlab</a></li>
+
−
<li><a href="https://2017.igem.org/Team:Sydney_Australia/Rate_My_Gel">Rate My Gel</a></li>
+
  
−
            </ul>
 
−
            </li>
 
−
<!--Parts Submenu-->
 
−
          <li class="dropdown">
 
−
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Parts">Parts <span class="caret"></span></a>
 
−
            <ul class="dropdown-menu" style="left:0;">
 
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Parts">Our Parts</a></li>
 
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Composite_Part">Our Composite Parts</a></li>
 
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Basic_Part">Our Basic Parts</a></li>
 
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Improve">Part Improvement</a></li>
 
  
−
            </ul>
+
<div class="row" style="height:10vh;background-color:#e2e2e2;">
−
          </li>
+
</div>
−
            <!-- Achievements Submenu-->
+
−
          <li class="dropdown">
+
−
            <a class="dropdown-toggle" href="https://2017.igem.org/Team:Sydney_Australia/Medals">Medals <span class="caret"></span></a>
+
−
            <ul class="dropdown-menu">
+
−
        <li><a href="https://2017.igem.org/Team:Sydney_Australia/Medals"> Medals</a></li>
+
−
 
+
  
−
            </ul>
+
</div>
−
          </li>
+
</body>
−
                            </ul>
+
−
                       
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
       
+
−
        </body>
+
 
</html>
 
</html>
 +
{{:Team:Sydney_Australia/templates/Footer}}

Latest revision as of 04:53, 21 November 2017


That's

1


people since you've been on this page.

Description
Design
Results
Model
Entrepreneurship
Applied Design
Integrated Human Practices
Parts
Awards