|
|
(174 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 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">
| + | |
− | <h2>Meet the Team</h2>
| + | |
− | | + | |
− | <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>
| + | |
− | | + | |
− | <h2>Meet the Mentors</h2>
| + | |
− | | + | |
− | <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>
| + | |
− | | + | |
− | <h2>Meet the Advisors</h2>
| + | |
− | | + | |
− | <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>
| + | |
− | | + | |
− | <!--
| + | |
− | <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>
| + | |
− | </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;
| + | |
− | }
| + | |
− | */
| + | |
− | | + | |
− | /*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;
| + | |
− | min-height: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .rightColumn{
| + | |
− | width:55%;
| + | |
− | min-height:100%}
| + | |
− | | + | |
− | | + | |
− | | + | |
− | @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>
| + | |