Difference between revisions of "Team:Calgary/Team/imposter"

(Replaced content with "MOVED")
 
(184 intermediate revisions by 12 users not shown)
Line 1: Line 1:
−
{{Team:Calgary/BasicPage
+
MOVED
−
 
+
−
|INFOBOX=
+
−
<html>
+
−
 
+
−
</html>
+
−
 
+
−
|CONTENT=
+
−
<html>
+
−
 
+
−
<div id="TableContainer">
+
−
 
+
−
<div class="leftColumn">
+
−
 
+
−
<div id="bio1" class="bio">
+
−
  <div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/a/a8/Calgary2017_KaitlinGraphic.png"/>
+
−
<br><br>
+
−
<b class="purpleText">Name:</b> Bilal Sher <br>
+
−
<b class="purpleText">Education:</b> Civil Engineering <br>
+
−
<br>
+
−
<b class="greenText">Donut Alter Ego:</b> Apple Fritter<br>
+
−
<b class="greenText">Spirit Animal:</b> Ostrich<br>
+
−
<b class="greenText">Special Abilities: </b>Can fit the whole team in his car<br>
+
−
<br>
+
−
<div id="Icons">
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7f/Calgary2017_ProcessIcon.png"><br>
+
−
<b><br>Process</b>
+
−
</div>
+
−
<b class="redText"><br>Why did you join iGEM? </b>To be morally dubious</div>
+
−
</div>
+
−
 
+
−
<div id="bio2" class="bio">
+
−
<div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/b/bc/Calgary2017_SamGraphic.png"/>
+
−
<br><br>
+
−
<b class="purpleText">Name:</b> Samuel Wilton-Clark <br>
+
−
<b class="purpleText">Education:</b> Health Sciences<br>
+
−
<br>
+
−
<b class="greenText">Donut Alter Ego:</b> Glazed<br>
+
−
<b class="greenText">Spirit Animal:</b> Giraffe<br>
+
−
<b class="greenText">Special Abilities: </b>He's the real Slim Shady<br>
+
−
<br>
+
−
<div id="Icons">
+
−
<img src="https://static.igem.org/mediawiki/2017/e/ee/Calgary2017_SecretionIcon.png"><br>
+
−
<b><br>Secretion</b>
+
−
</div>
+
−
<b class="redText"><br>Why did you join iGEM? </b>Chicks and money.</div>
+
−
</div>
+
−
 
+
−
<div id="bio3" class="bio">
+
−
<div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"/>
+
−
<br><br>
+
−
<b class="purpleText">Name:</b> Preetha Gopalakrishnan <br>
+
−
<b class="purpleText">Education:</b> Health Sciences <br>
+
−
<br>
+
−
<b class="greenText">Donut Alter Ego:</b> Maple Cream<br>
+
−
<b class="greenText">Spirit Animal:</b> Armadillo<br>
+
−
<b class="greenText">Special Abilities: </b>Fact Machine<br>
+
−
<br>
+
−
<div id="Icons">
+
−
<img src="https://static.igem.org/mediawiki/2017/4/41/Calgary2017_SynthesisIcon.png"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png"><br>
+
−
<b>Synthesis&nbsp;&nbsp;P+P</b>
+
−
</div>
+
−
 
+
−
<b class="redText"><br>Why did you join iGEM? </b>To bring facts to the factless!<br></div>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
  <div class="rightColumn">
+
−
  <a href="http://parts.igem.org/Part:BBa_R0040"><h2>Meet the Team</h2></a>
+
−
 
+
−
  <a class="toggleCard" target="1"><img id="small-image"src="https://static.igem.org/mediawiki/2017/a/a8/Calgary2017_KaitlinGraphic.png"></a>
+
−
  <a class="toggleCard" target="2"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="3"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="4"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="5"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="7"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="8"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="9"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="10"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="11"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="12"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="13"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="14"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
 
+
−
  <a href="http://parts.igem.org/Part:BBa_R0040"><h2>Meet the Mentors</h2></a>
+
−
 
+
−
  <a class="toggleCard" target="15"><img id="small-image"src="https://static.igem.org/mediawiki/2017/a/a8/Calgary2017_KaitlinGraphic.png"></a>
+
−
  <a class="toggleCard" target="16"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="17"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="18"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="19"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="20"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="21"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
 
+
−
  <a href="http://parts.igem.org/Part:BBa_R0040"><h2>Meet the Advisors</h2></a>
+
−
 
+
−
  <a class="toggleCard" target="22"><img id="small-image"src="https://static.igem.org/mediawiki/2017/a/a8/Calgary2017_KaitlinGraphic.png"></a>
+
−
  <a class="toggleCard" target="23"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="24"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  <a class="toggleCard" target="25"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"></a>
+
−
  </div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<!--
+
−
 
+
−
<div id="TableContainer">
+
−
<div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/3/32/Calgary2017_BilalGraphic.png"/>
+
−
<br><br>
+
−
<b class="purpleText">Name:</b>  <br>
+
−
<b class="purpleText">Education:</b>  <br>
+
−
<br>
+
−
<b class="greenText">Donut Alter Ego:</b> <br>
+
−
<b class="greenText">Spirit Animal:</b> <br>
+
−
<b class="greenText">Special Abilities: </b> <br>
+
−
<br>
+
−
<div id="Icons">
+
−
<img src="https://static.igem.org/mediawiki/2017/7/7f/Calgary2017_ProcessIcon.png"><br>
+
−
<b><br>Process</b>
+
−
</div>
+
−
<b class="redText"><br>Why did you join iGEM? </b></div>
+
−
 
+
−
-->
+
−
 
+
−
</div>
+
−
</html>
+
−
}}
+
−
 
+
−
<html>
+
−
<head>
+
−
<style>
+
−
#Icons{
+
−
text-align: center;
+
−
}
+
−
 
+
−
#Icons b{
+
−
padding: 1rem;
+
−
text-transform: uppercase;
+
−
color: #000;
+
−
}
+
−
 
+
−
#Icons img{
+
−
max-width: 80px;
+
−
}
+
−
 
+
−
.purpleText{
+
−
color: #83859e;
+
−
}
+
−
 
+
−
.greenText{
+
−
color: #65998f;
+
−
}
+
−
 
+
−
.redText{
+
−
color: #d24f2b;
+
−
}
+
−
 
+
−
#CardImage{
+
−
border: 7px solid #83859e;
+
−
border-radius: 10px;
+
−
max-width: 95%;
+
−
align: center;
+
−
background-color: #daede5;
+
−
padding: 2rem;
+
−
}
+
−
 
+
−
 
+
−
#TradingCard{
+
−
max-height: 700px;
+
−
min-height: 700px;
+
−
margin-top: 2rem;
+
−
margin: 2rem;
+
−
text-align: left;
+
−
background-color: #b1d4ce;
+
−
border-radius: 10px;
+
−
padding: 1.4rem;
+
−
max-width: 280px;
+
−
border: 7px solid #d24f2b;
+
−
text-transform: uppercase;
+
−
    line-height: 1.5rem;
+
−
display: inline-block;
+
−
vertical-align:middle;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/*
+
−
#TableContainer {
+
−
text-align: center;
+
−
display: inline-block;
+
−
}
+
−
*/
+
−
 
+
−
 
+
−
/*
+
−
#TradingCard{
+
−
margin: 0.25rem;
+
−
}
+
−
}
+
−
 
+
−
#Card
+
−
{
+
−
      width: 30%;
+
−
      float: left;
+
−
    }
+
−
    #People {
+
−
      margin-left: 35%;
+
−
background-color: #fcb633;
+
−
width: auto;
+
−
      /* Change this to whatever the width of your left column is*/
+
−
    }
+
−
*/
+
−
 
+
−
#container {
+
−
    background: #ccc;
+
−
    display: table
+
−
}
+
−
 
+
−
#Card, #People {
+
−
    display: table-cell
+
−
}
+
−
 
+
−
 
+
−
/*The layout formatting*/
+
−
 
+
−
#TableContainer {
+
−
position: relative;
+
−
background-color: #fff;
+
−
text-align: center;
+
−
}
+
−
 
+
−
#small-image {
+
−
width: 100px;
+
−
    margin: 1rem;
+
−
border-radius: 50%;
+
−
background-color: #daede5;
+
−
opacity: 0.5;}
+
−
 
+
−
#small-image:hover{
+
−
opacity: 1;
+
−
}
+
−
 
+
−
.leftColumn, .rightColumn { 
+
−
border: 1px solid  #ccc;
+
−
padding: 1em;
+
−
}
+
−
 
+
−
.leftColumn{
+
−
width:40%;
+
−
padding: 0em;
+
−
}
+
−
 
+
−
.rightColumn{
+
−
width:55%;}
+
−
 
+
−
 
+
−
 
+
−
@media only screen and (max-width: 58.75em ) {
+
−
 
+
−
.leftColumn, .rightColumn{width: 100%; background-color: #fff;}
+
−
}
+
−
 
+
−
@media only screen and (min-width: 58.75em ) {
+
−
.rightColumn { position: absolute; top: 0; right: 0;} 
+
−
#TableContainer{
+
−
text-align: center;
+
−
#small-image { display: relative;
+
−
    margin: none;}
+
−
 
+
−
}
+
−
 
+
−
#TableContainer img{
+
−
padding: 0px;
+
−
}
+
−
}
+
−
 
+
−
#bio2, #bio3, #bio4, #bio5, #bio6, #bio7, #bio8, #bio9, #bio10, #bio11, #bio12, #bio13, #bio14, #bio15, #bio16, #bio17, #bio18, #bio19, #bio20, #bio21, #bio22, #bio23, #bio24, #bio25, #bio26, {
+
−
display:none;
+
−
}
+
−
 
+
−
</style>
+
−
<script>
+
−
jQuery(function(){
+
−
 
+
−
        jQuery('.toggleCard').click(function(){
+
−
              jQuery('.bio').hide();
+
−
              jQuery('#bio'+$(this).attr('target')).show();
+
−
        });
+
−
});
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
</head>
+
−
</html>
+

Latest revision as of 20:28, 11 October 2017

MOVED