|
|
(126 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 Michaela" class="face" src="https://static.igem.org/mediawiki/2017/1/10/Calgary2017_MichaelaGraphic.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/7/73/Calgary2017_TriciaGraphic.png"/>
| + | |
− | <br><br>
| + | |
− | <b class="purpleText">Name:</b> Tricia Lim <br>
| + | |
− | <b class="purpleText">Education:</b> Bio Sci <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/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> 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>To bring facts to the factless!<br></div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div id="bio4" class="bio">
| + | |
− | <div id="TradingCard"><img id="CardImage" class="face" src="https://static.igem.org/mediawiki/2017/8/80/Calgary2017_JacobGraphic.png"/>
| + | |
− | <br><br>
| + | |
− | <b class="purpleText">Name:</b> Jacob Grangier <br>
| + | |
− | <b class="purpleText">Education:</b>Health Sci <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/b/bc/Calgary2017_SamGraphic.png"/></a>
| + | |
− | <div id="face2" class="face"><img id="CardImage" src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png"/></div>
| + | |
− | <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/7a/Calgary2017_HelenGraphic.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/a/a8/Calgary2017_KaitlinGraphic.png"/>
| + | |
− | <br><br>
| + | |
− | <b class="purpleText">Name:</b> Kaitlin Schaaf <br>
| + | |
− | <b class="purpleText">Education:</b> Cellular and Molecular Microbiology <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/8/84/Calgary2017_AlexGraphic.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"><br>
| + | |
− | <b><br>Process</b>
| + | |
− | </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/c6/Calgary2017_AtikaGraphic.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/8/80/Calgary2017_LalitGraphic.png"/>
| + | |
− | <br><br>
| + | |
− | <b class="purpleText">Name:</b> Lalit Bharadwaj<br>
| + | |
− | <b class="purpleText">Education:</b> Cellular and Molecular Microbiology <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/d/df/Calgary2017_AlinaGraphic.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/3/31/Calgary2017_AmyGraphic.png"/>
| + | |
− | <br><br>
| + | |
− | <b class="purpleText">Name:</b> Amy Chen <br>
| + | |
− | <b class="purpleText">Education:</b> <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/3/33/Calgary2017_MaliyatGraphic.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/3/32/Calgary2017_BilalGraphic.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>
| + | |
− | | + | |
− | #Michaela:hover{
| + | |
− | background: url("https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png");
| + | |
− | background-size: 95%;
| + | |
− | max-width: 95%;
| + | |
− | background-repeat:no-repeat;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | #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;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | /*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>
| + | |