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

(Replaced content with "MOVED")
 
(71 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" class="face" src="https://static.igem.org/mediawiki/2017/b/b0/Calgary2017_MichaelaPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/1/10/Calgary2017_MichaelaGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/b/b0/Calgary2017_MichaelaPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Michaela Olsakova <br>
+
<b class="purpleText">Education:</b> Computer Science <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Jelly Filled<br>
+
<b class="greenText">Animal Alter Ego:</b> Duckling<br>
+
<b class="greenText">Special Abilities:</b> Has more Lord of the Rings facts than you do<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/f/fb/Calgary2017_WikiIcon.png"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png"><br>
+
</div>
+
<b class="redText"><br>Why did you join iGEM?</b> To slay the wiki once and for all</div>
+
</div>
+
 
+
<div id="bio2" class="bio">
+
<div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/f/fa/Calgary2017_TriciaPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/7/73/Calgary2017_TriciaGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/f/fa/Calgary2017_TriciaPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Tricia Lim <br>
+
<b class="purpleText">Education:</b> Biological Sciences <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> TimBit<br>
+
<b class="greenText">Animal Alter Ego:</b> Rabbit<br>
+
<b class="greenText">Special Abilities: </b> Will fight you - and win<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/f/fb/Calgary2017_WikiIcon.png"><img src="https://static.igem.org/mediawiki/2017/4/41/Calgary2017_SynthesisIcon.png"><br>
+
 
+
</div>
+
<b class="redText"><br>Why did you join iGEM?</b> To have an excuse to buy the Adobe Creative Suite</div>
+
</div>
+
 
+
<div id="bio3" class="bio">
+
<div id="TradingCard"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/0/05/Calgary2017_PreethaPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/0/05/Calgary2017_PreethaPhoto.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> Honey Cruller<br>
+
<b class="greenText">Animal Alter Ego:</b> Armadillo<br>
+
<b class="greenText">Special Abilities: </b>Fact Machine<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/f/fb/Calgary2017_WikiIcon.png"><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>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>I've always been interested in genetics and I wanted a hands-on opportunity to engineer an organism.<br></div>
+
</div>
+
 
+
<div id="bio4" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/1/1b/Calgary2017_JacobPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/8/80/Calgary2017_JacobGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/1/1b/Calgary2017_JacobPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Jacob Grangier <br>
+
<b class="purpleText">Education:</b>Health Sciences <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Old Fashioned Plain<br>
+
<b class="greenText">Animal Alter Ego:</b> Human<br>
+
<b class="greenText">Special Abilities: </b> Only one to survive a zombie apocalypse.<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/e/ee/Calgary2017_SecretionIcon.png"><br>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b> To start a bromance with Sam.</div>
+
</div>
+
 
+
 
+
<div id="bio5" class="bio">
+
<div id="TradingCard"><a class="toggleFace" target="2"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/6/6a/Calgary2017_SamPhoto.png"
+
onmouseover="this.src='https://static.igem.org/mediawiki/2017/b/bc/Calgary2017_SamGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/6/6a/Calgary2017_SamPhoto.png'"/></a>
+
 
+
<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> Long John<br>
+
<b class="greenText">Animal Alter Ego:</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>
+
 
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To start a bromance with Jacob.</div>
+
</div>
+
 
+
 
+
<div id="bio6" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/7/75/Calgary2017_HelenPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/7/7a/Calgary2017_HelenGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/75/Calgary2017_HelenPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Helen Wang <br>
+
<b class="purpleText">Education:</b> Health Sciences <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Sprinkle<br>
+
<b class="greenText">Animal Alter Ego:</b> Golden Retriever<br>
+
<b class="greenText">Special Abilities: </b> An actual puppy<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>
+
 
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To introduce more people to K-Pop</div>
+
</div>
+
 
+
 
+
<div id="bio7" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/7/70/Calgary2017_KaitlinPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/a/a8/Calgary2017_KaitlinGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/70/Calgary2017_KaitlinPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Kaitlin Schaaf <br>
+
<b class="purpleText">Education:</b> Cellular, Molecular & Microbial Biology <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Powdered Donut<br>
+
<b class="greenText">Animal Alter Ego:</b> Mama Bear<br>
+
<b class="greenText">Special Abilities: </b> Will destroy you in Foosbal<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/e/ee/Calgary2017_SecretionIcon.png"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png"><br>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To make sloth websites </div>
+
</div>
+
 
+
 
+
<div id="bio8" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/4/4f/Calgary2017_AlexPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/8/84/Calgary2017_AlexGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/4/4f/Calgary2017_AlexPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Alexandra Ivanova <br>
+
<b class="purpleText">Education:</b> Chemical & Petroleum Engineering <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Cheesecake (she's adopted)<br>
+
<b class="greenText">Animal Alter Ego:</b> Unicorn<br>
+
<b class="greenText">Special Abilities: </b> Can dance your socks off<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/7/7f/Calgary2017_ProcessIcon.png"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png">
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>Because "Word of the Day" isn't the same without Russian </div>
+
</div>
+
 
+
<div id="bio9" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/c/c9/Calgary2017_AtikaPhoto.png"
+
onmouseover="this.src='https://static.igem.org/mediawiki/2017/c/c6/Calgary2017_AtikaGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/c/c9/Calgary2017_AtikaPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Atika Ibrahim <br>
+
<b class="purpleText">Education:</b> Bioinformatics <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Maple Cream<br>
+
<b class="greenText">Animal Alter Ego:</b> Cat<br>
+
<b class="greenText">Special Abilities: </b>Can probably read your mind <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/d/dc/Calgary2017_ModelingIcon.png"><br>
+
<b><br>Process</b>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To represent Pakistan </div>
+
</div>
+
 
+
 
+
<div id="bio10" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/7/79/Calgary2017_LalitPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/8/80/Calgary2017_LalitGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/79/Calgary2017_LalitPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Lalit Bharadwaj<br>
+
<b class="purpleText">Education:</b> Cellular, Molecular & Microbial Biology <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Strawberry filled<br>
+
<b class="greenText">Animal Alter Ego:</b> Grizzly Bear<br>
+
<b class="greenText">Special Abilities: </b>Rugby player on the outside, two stepper on the inside <br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/e/ee/Calgary2017_SecretionIcon.png"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png"><br>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To show all these kids how syn bio is done </div>
+
</div>
+
 
+
 
+
<div id="bio11" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/2/2c/Calgary2017_AlinaPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/d/df/Calgary2017_AlinaGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/2/2c/Calgary2017_AlinaPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Alina Kunitskaya <br>
+
<b class="purpleText">Education:</b> Chemical & Biomedical Engineering <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Boston Cream<br>
+
<b class="greenText">Animal Alter Ego:</b> Space Dog<br>
+
<b class="greenText">Special Abilities: </b> Has Chris Hadfield as a Skype contact<br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/7/7f/Calgary2017_ProcessIcon.png"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png"><img src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_ModelingIcon.png"><br>
+
 
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b> To make the whole world excited about space exploration</div>
+
</div>
+
 
+
 
+
<div id="bio12" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/4/4e/Calgary2017_AmyPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/3/31/Calgary2017_AmyGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/4/4e/Calgary2017_AmyPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Amy Chen <br>
+
<b class="purpleText">Education:</b> Health Sciences<br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Red Velvet<br>
+
<b class="greenText">Animal Alter Ego:</b> Panda<br>
+
<b class="greenText">Special Abilities: </b>Knows just about every Health Sci student <br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/4/41/Calgary2017_SynthesisIcon.png"><br>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To eat the cafeteria butter chicken </div>
+
</div>
+
 
+
<div id="bio13" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/8/84/Calgary2017_MaliyatPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/3/33/Calgary2017_MaliyatGraphic.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/8/84/Calgary2017_MaliyatPhoto.png'"/>
+
<br><br>
+
<b class="purpleText">Name:</b> Maliyat Aniqa Noor <br>
+
<b class="purpleText">Education:</b> Electrical Engineering <br>
+
<br>
+
<b class="greenText">Donut Alter Ego:</b> Chocolate Dip<br>
+
<b class="greenText">Animal Alter Ego:</b> Lemur <br>
+
<b class="greenText">Special Abilities: </b>Food goes in, science comes out <br>
+
<br>
+
<div id="Icons">
+
<img src="https://static.igem.org/mediawiki/2017/7/7f/Calgary2017_ProcessIcon.png"><img src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_ModelingIcon.png"><br>
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>For the chips. </div>
+
</div>
+
 
+
 
+
<div id="bio14" class="bio">
+
  <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/1/1b/Calgary2017_BilalPhoto.png" onmouseover="this.src='https://static.igem.org/mediawiki/2017/3/32/Calgary2017_BilalGraphic.png'"  onmouseout="this.src='https://static.igem.org/mediawiki/2017/1/1b/Calgary2017_BilalPhoto.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">Animal Alter Ego:</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"><img src="https://static.igem.org/mediawiki/2017/1/17/Calgary2017_PandPIcon.png"><br>
+
 
+
</div>
+
<b class="redText"><br>Why did you join iGEM? </b>To be morally dubious</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/1/10/Calgary2017_MichaelaGraphic.png"></a>
+
  <a class="toggleCard" target="2"><img id="small-image"src="https://static.igem.org/mediawiki/2017/7/73/Calgary2017_TriciaGraphic.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/8/80/Calgary2017_JacobGraphic.png"></a>
+
  <a class="toggleCard" target="5"><img id="small-image"src="https://static.igem.org/mediawiki/2017/b/bc/Calgary2017_SamGraphic.png"></a>
+
  <a class="toggleCard" target="6"><img id="small-image"src="https://static.igem.org/mediawiki/2017/7/7a/Calgary2017_HelenGraphic.png"></a>
+
  <a class="toggleCard" target="7"><img id="small-image"src="https://static.igem.org/mediawiki/2017/a/a8/Calgary2017_KaitlinGraphic.png"></a>
+
  <a class="toggleCard" target="8"><img id="small-image"src="https://static.igem.org/mediawiki/2017/8/84/Calgary2017_AlexGraphic.png"></a>
+
  <a class="toggleCard" target="9"><img id="small-image"src="https://static.igem.org/mediawiki/2017/c/c6/Calgary2017_AtikaGraphic.png"></a>
+
  <a class="toggleCard" target="10"><img id="small-image"src="https://static.igem.org/mediawiki/2017/8/80/Calgary2017_LalitGraphic.png"></a>
+
  <a class="toggleCard" target="11"><img id="small-image"src="https://static.igem.org/mediawiki/2017/d/df/Calgary2017_AlinaGraphic.png"></a>
+
  <a class="toggleCard" target="12"><img id="small-image"src="https://static.igem.org/mediawiki/2017/3/31/Calgary2017_AmyGraphic.png"></a>
+
  <a class="toggleCard" target="13"><img id="small-image"src="https://static.igem.org/mediawiki/2017/3/33/Calgary2017_MaliyatGraphic.png"></a>
+
  <a class="toggleCard" target="14"><img id="small-image"src="https://static.igem.org/mediawiki/2017/3/32/Calgary2017_BilalGraphic.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>
+
 
+
 
+
</html>
+
}}
+
 
+
<html>
+
<head>
+
<style>
+
 
+
#Icons{
+
text-align: center;
+
}
+
 
+
#Icons b{
+
padding: 1rem;
+
text-transform: uppercase;
+
color: #000;
+
}
+
 
+
#Icons img{
+
max-width: 80px;
+
margin-left: 0.25rem;
+
margin-right: 0.25rem;
+
}
+
 
+
.purpleText{
+
color: #83859e;
+
}
+
 
+
.greenText{
+
color: #65998f;
+
}
+
 
+
.redText{
+
color: #d24f2b;
+
}
+
 
+
#CardImage{
+
border: 7px solid #83859e;
+
border-radius: 10px;
+
max-width: 95%;
+
align: center;
+
}
+
 
+
#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;
+
}
+
 
+
/*The layout formatting*/
+
 
+
#TableContainer {
+
position: relative;
+
background-color: #fff;
+
text-align: center;
+
display: flex;
+
}
+
 
+
#small-image {
+
width: 100px;
+
    margin: 1rem;
+
border-radius: 50%;
+
background-color: #daede5;
+
opacity: 0.5;}
+
 
+
#small-image:hover{
+
opacity: 1;
+
}
+
 
+
.leftColumn, .rightColumn { 
+
padding: 1em;
+
 
+
}
+
 
+
.leftColumn{
+
width:40%;
+
padding: 0em;
+
min-height: 100%;
+
}
+
 
+
.rightColumn{
+
width:55%;
+
min-height:100%}
+
 
+
 
+
 
+
@media only screen and (max-width: 58.75em ) {
+
#TableContainer{
+
display: inline;
+
}
+
.leftColumn, .rightColumn{width: 100%; background-color: #fff;}
+
 
+
.rightColumn{padding:0;}
+
 
+
#CardImage{
+
max-width: 75%;
+
}
+
}
+
 
+
@media only screen and (min-width: 58.75em ) {
+
 
+
#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;
+
}
+
 
+
#face1, #face2 {
+
display: none;
+
}
+
 
+
</style>
+
<script>
+
jQuery(function(){
+
        jQuery('.toggleCard').click(function(){
+
              jQuery('.bio').hide();
+
              jQuery('#bio'+$(this).attr('target')).show();
+
        });
+
});
+
 
+
jQuery(function(){
+
        jQuery('.toggleFace').click(function(){
+
              jQuery('.face').hide();
+
              jQuery('#face'+$(this).attr('target')).toggle();
+
        });
+
});
+
 
+
</script>
+
 
+
 
+
</head>
+
</html>
+

Latest revision as of 20:28, 11 October 2017

MOVED