Difference between revisions of "Team:Sydney Australia/Hexagon"

Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
Line 7: Line 6:
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 
<script>
 
<script>
−
$(".they-said").click(function(){
+
$('#form_city').on('change', function(e){
−
     $(".they-said-content").fadeIn("slow");
+
     var val = $(':selected', $(this)).val(),
−
    $(".we-said").fadeIn("slow");
+
        val = val.split('-')[0],
−
});
+
        val = val.replace(/\s+/g, ''),
−
 
+
        char = ['F','L','U','S'],
−
$(".we-said").click(function(){
+
        tpl = '<option val="{val}">{val}</option>',
−
     $(".we-said-content").fadeIn("slow");
+
        html='';
−
});
+
    $(char).each(function(item,value){
 +
    var opt = val+value; 
 +
      html += tpl.replace(/{val}/g, opt);
 +
    }) 
 +
   
 +
     $('#form_cityselected').html(html).show();
 +
   
 +
})
 
</script>
 
</script>
−
<style>  
+
<style>
−
 
+
#form_cityselected{
−
/* our special font */
+
display:none;
−
@font-face {
+
−
    font-family: 'banaue';
+
−
    src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg');
+
−
    font-weight: normal;
+
−
    font-style: large;
+
 
}
 
}
−
 
−
#please h1 {
 
−
font-family: "banaue", sans-serif;
 
−
color: #3e3f3f
 
−
}
 
−
 
−
#please h4 {
 
−
  font-family: 'Quicksand', sans-serif;
 
−
  color:#3e3f3f;
 
−
}
 
−
 
−
.crispy {
 
−
image-rendering: -moz-crisp-edges;
 
−
image-rendering: -o-crisp-edges;
 
−
image-rendering: -webkit-optimize-contrast;
 
−
-ms-interpolation-mode: nearest-neighbor;
 
−
}
 
−
 
−
.img-center  {
 
−
image-rendering: -moz-crisp-edges;
 
−
image-rendering: -o-crisp-edges;
 
−
image-rendering: -webkit-optimize-contrast;
 
−
-ms-interpolation-mode: nearest-neighbor;
 
−
width:100%;
 
−
    }
 
−
 
−
.img-circle {
 
−
    border-radius: 50%;
 
−
}
 
−
 
−
.insert {
 
−
  height: 68px;
 
−
  width: 100%
 
−
  background-color:#e2e2e2;
 
−
}
 
−
.insert2 {
 
−
  height: 100px;
 
−
  width: 100%
 
−
  background-color:#fff;
 
−
}
 
−
 
−
.box {
 
−
  background:#fff;
 
−
  border:0px solid;
 
−
  border-color: #e2e2e2;
 
−
  margin-top: 0px;
 
−
  box-sizing: border-box;
 
−
  background-clip: padding-box;
 
−
  padding:0 20px 20px 20px;
 
−
  min-height:500px;
 
−
  min-width:400px
 
−
}
 
−
.they-said, .we-said {
 
−
display:inline-block;
 
−
}
 
−
.they-said:after, .we-said:after {
 
−
content: '';
 
−
display: block;
 
−
height: 3px;
 
−
width: 0;
 
−
background: transparent;
 
−
transition: width .5s ease, background-color .5s ease;
 
−
}
 
−
.they-said:hover:after, .we-said:hover:after {
 
−
width: 100%;
 
−
background: #3e3f3f;
 
−
}
 
−
 
−
.they-said-content, .we-said, .we-said-content {display:none;}
 
 
</style>
 
</style>
 
</head>
 
</head>
−
 
 
<body>
 
<body>
−
<div class = "insert">
+
<select name="form[city]" id="form_city">
−
</div>
+
  <option value="">Select Office</option>
−
 
+
  <option value="WA - Washington PD">WA - Washington PD</option>
−
<!-- Banner-->
+
  <option value="CA - California PD">CA - California PD</option>
−
<div class="container-fluid page-heading">
+
  <option value="NY - NewYork PD">NY - NewYork PD</option>
−
<div class = "row">
+
</select>
−
<div style="background-color:#e2e2e2">
+
−
<div class = "crispy2">
+
−
      <center><img src="https://static.igem.org/mediawiki/2017/8/84/T--Sydney_Australia--HumanPracticesBanner.gif" class="img-center" width="70%"></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class ="row" style = "background-color:#e2e2e2">
+
−
<div class = "crispy">
+
−
<div class = "col-xs-2" style = "background-color:#e2e2e2">
+
−
    <a href="#nav1"><center><img src="https://static.igem.org/mediawiki/2017/3/30/T--Sydney_Australia--LogoInsulinforLife.gif" width="100%"></center></a>
+
−
</div>
+
−
<div class = "col-xs-2" style = "background-color:#e2e2e2">
+
−
    <a href="#nav2"><center><img src="https://static.igem.org/mediawiki/2017/8/86/T--Sydney_Australia--LogoIncubate.gif" width="100%"></center></a>
+
−
</div>
+
−
<div class = "col-xs-2" style = "background-color:#e2e2e2">
+
−
    <a href="#nav3"><center><img src="https://static.igem.org/mediawiki/2017/4/4b/T--Sydney_Australia--LogoMaxwells.gif" width="100%"></center></a>
+
−
</div>
+
−
<div class = "col-xs-2" style = "background-color:#e2e2e2">
+
−
    <a href="#nav4"><center><img src="https://static.igem.org/mediawiki/2017/6/6e/T--Sydney_Australia--LogoBiofoundry.gif" width="100%"></center></a>
+
−
</div>
+
−
<div class = "col-xs-2" style = "background-color:#e2e2e2">
+
−
    <a href="#nav5"><center><img src="https://static.igem.org/mediawiki/2017/5/5e/T--Sydney_Australia--LogoACCISS.gif" width="100%"></center></a>
+
−
</div>
+
−
<div class = "col-xs-2" style = "background-color:#e2e2e2">
+
−
    <a href="#nav6"><center><img src="https://static.igem.org/mediawiki/2017/8/8c/T--Sydney_Australia--LogoT1International.gif" width="100%"></center></a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "image-fixed-top navbar-default">
+
−
<div class = "insert" style="background-color:#e2e2e2">
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row" id="nav1">
+
−
<div class = "insert2">
+
−
</div>  
+
−
</div>
+
−
 
+
−
<div class = "row">
+
−
<div class = "crispy">
+
−
<div class="col-xs-1" align = "right">
+
−
<img src="https://static.igem.org/mediawiki/2017/0/09/T--Sydney_Australia--Handshake1.gif">
+
−
</div>
+
−
<div class = "col-xs-5" class="box" id="please">
+
−
<center><h1 class="tag-title">Insulin for Life</h1></center>
+
−
<center><h4>Blurb about Insulin for Life</h4></center>
+
−
</div>
+
−
<div class = "col-xs-6" class="box" id = "please">
+
−
      <center><h1 class = "tag-title they-said">They said ></h1></center>
+
−
<center><h4 class="they-said-content">What they said</h4></center>
+
−
        <center><h1 class="tag-title we-said">We said ></h1></center>
+
−
<center><h4 class="we-said-content">What we said</h4></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row" id="nav2">
+
−
<div class = "insert2">
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row">
+
−
<div class = "crispy">
+
−
<div class="col-xs-1" align = "right">
+
−
<img src="https://static.igem.org/mediawiki/2017/4/4f/T--Sydney_Australia--Handshake3.gif">
+
−
</div>
+
−
<div class = "col-xs-5" class="box" id="please">
+
−
<center><h1 class="tag-title">Incubate</h1></center>
+
−
<center><h4>Blurb about Incubate</h4></center>
+
−
</div>
+
−
<div class = "col-xs-6" class="box" id = "please">
+
−
      <center><h1 class = "tag-title they-said">They said ></h1></center>
+
−
<center><h4 class="they-said-content">What they said</h4></center>
+
−
        <center><h1 class="tag-title we-said">We said ></h1></center>
+
−
<center><h4 class="we-said-content">What we said</h4></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row" id="nav3">
+
−
<div class = "insert2">
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row">
+
−
<div class = "crispy">
+
−
<div class="col-xs-1" align = "right">
+
−
<img src="https://static.igem.org/mediawiki/2017/7/76/T--Sydney_Australia--Handshake4.gif">
+
−
</div>
+
−
<div class = "col-xs-5" class="box" id="please">
+
−
<center><h1 class="tag-title">Maxwells</h1></center>
+
−
<center><h4>Blurb about Maxwells</h4></center>
+
−
</div>
+
−
<div class = "col-xs-6" class="box" id = "please">
+
−
      <center><h1 class = "tag-title they-said">They said ></h1></center>
+
−
<center><h4 class="they-said-content">What they said</h4></center>
+
−
        <center><h1 class="tag-title we-said">We said ></h1></center>
+
−
<center><h4 class="we-said-content">What we said</h4></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row" id="nav4">
+
−
<div class = "insert2">
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row">
+
−
<div class = "crispy">
+
−
<div class="col-xs-1" align = "right">
+
−
<img src="https://static.igem.org/mediawiki/2017/b/bb/T--Sydney_Australia--Handshake5.gif">
+
−
</div>
+
−
<div class = "col-xs-5" class="box" id="please">
+
−
<center><h1 class="tag-title">Biofoundry & Open Insulin</h1></center>
+
−
<center><h4>Blurb about Biofoundry & Open Insulin</h4></center>
+
−
</div>
+
−
<div class = "col-xs-6" class="box" id = "please">
+
−
      <center><h1 class = "tag-title they-said">They said ></h1></center>
+
−
<center><h4 class="they-said-content">What they said</h4></center>
+
−
        <center><h1 class="tag-title we-said">We said ></h1></center>
+
−
<center><h4 class="we-said-content">What we said</h4></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row" id="nav5">
+
−
<div class = "insert2">
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row">
+
−
<div class = "crispy">
+
−
<div class="col-xs-1" align = "right">
+
−
<img src="https://static.igem.org/mediawiki/2017/9/93/T--Sydney_Australia--Handshake6.gif">
+
−
</div>
+
−
<div class = "col-xs-5" class="box" id="please">
+
−
<center><h1 class="tag-title">ACCISS</h1></center>
+
−
<center><h4>Blurb about ACCISS</h4></center>
+
−
</div>
+
−
<div class = "col-xs-6" class="box" id = "please">
+
−
      <center><h1 class = "tag-title they-said">They said ></h1></center>
+
−
<center><h4 class="they-said-content">What they said</h4></center>
+
−
        <center><h1 class="tag-title we-said">We said ></h1></center>
+
−
<center><h4 class="we-said-content">What we said</h4></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row" id="nav6">
+
−
<div class = "insert2">
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class = "row">
+
−
<div class = "crispy">
+
−
<div class="col-xs-1" align = "right">
+
−
<img src="https://static.igem.org/mediawiki/2017/9/93/T--Sydney_Australia--Handshake6.gif">
+
−
</div>
+
−
<div class = "col-xs-5" class="box" id="please">
+
−
<center><h1 class="tag-title">T1International</h1></center>
+
−
<center><h4>Blurb about T1International</h4></center>
+
−
</div>
+
−
<div class = "col-xs-6" class="box" id = "please">
+
−
      <center><h1 class = "tag-title they-said">They said ></h1></center>
+
−
<center><h4 class="they-said-content">What they said</h4></center>
+
−
        <center><h1 class="tag-title we-said">We said ></h1></center>
+
−
<center><h4 class="we-said-content">What we said</h4></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
 +
<select name="form[cityselected]" id="form_cityselected">
 +
 
 +
</select>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 00:13, 17 October 2017