|
|
(211 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="TradingCard"><img id="CardImage" 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">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 class="rightColumn">
| + | |
− | <a href="http://parts.igem.org/Part:BBa_R0040"><h2>Meet the Team</h2></a>
| + | |
− | | + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | <img id="small-image"src="https://static.igem.org/mediawiki/2017/d/dc/Calgary2017_PreethaGraphic.png">
| + | |
− | </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> 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 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 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>
| + | |
− | </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{
| + | |
− | padding: 2rem;
| + | |
− | border: 7px solid #83859e;
| + | |
− | border-radius: 10px;
| + | |
− | max-width: 100%;
| + | |
− | align: center;
| + | |
− | background-color: #daede5;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | #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;}
| + | |
− | | + | |
− | .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;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | </style>
| + | |
− | </head>
| + | |
− | </html>
| + | |