Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | <style> | + | <style type="text/css"> |
+ | #sideMenu, #top_title {display:none;} | ||
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | body { | ||
+ | background-color:#DCE1DE; | ||
+ | margin:0; | ||
+ | min-width: 1200px; | ||
+ | max-width:2000px; | ||
+ | padding: 0 0 50px 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | header { | ||
+ | background-color: #216869; | ||
+ | color:black; | ||
+ | padding:0px; | ||
+ | margin:0; | ||
+ | width: 100%; | ||
+ | height:50px; | ||
+ | } | ||
+ | |||
+ | .headpic { | ||
+ | border-radius:100%; | ||
+ | float:right; | ||
+ | margin:10px 10px 0px 10px; | ||
+ | -webkit-transition: all 1s ease; | ||
+ | -moz-transition: all 1s ease; | ||
+ | -ms-transition: all 1s ease; | ||
+ | transition: all 1s ease; | ||
+ | } | ||
+ | |||
+ | .headpic:hover { | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | } | ||
+ | |||
+ | .dropbtn { | ||
+ | background-color: #49A078; | ||
+ | color: white; | ||
+ | padding: 16px; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | float:left; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #DCE1DE; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover {background-color: #9CC5A1} | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: #387C44; | ||
+ | } | ||
h1 { | h1 { | ||
Line 39: | Line 119: | ||
} | } | ||
− | |||
</style> | </style> | ||
+ | <!-----------HTML---------------> | ||
+ | |||
+ | |||
+ | <head> | ||
+ | <title>iGEM Concordia Wiki</title> | ||
+ | </head> | ||
+ | <div style="background-color:#DCE1DE;"> | ||
+ | <body> | ||
+ | <header> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn"><a style="text-decoration:none; color:white;" href="https://2016.igem.org/Team:Concordia">HOME</a></button> | ||
+ | </div> | ||
+ | <nav> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn"><a style="text-decoration:none; color:white;" href="https://2016.igem.org/Team:Concordia/Team">TEAM</a></button> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">PROJECT</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">SYNTHESIS</a> | ||
+ | <a href="#">ATTACHMENT</a> | ||
+ | <a href="#">MICROFLUIDICS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">PARTS</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">GBP</a> | ||
+ | <a href="#">MICROFLUIDICS CHIPS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">SAFETY</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">NANOPARTICLE HANDLING</a> | ||
+ | <a href="#">SAFETY PROTOCOLS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">HUMAN PRACTICES</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">WEB SERIES</a> | ||
+ | <a href="#">INTERVIEWS</a> | ||
+ | <a href="#">iGEM AWARENESS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">AWARDS</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">SPONSOR LIST</a> | ||
+ | <a href="#">DEPARTMENT DONATIONS</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <a href="https://www.facebook.com/iGEMConcordia/?ref=aymt_homepage_panel"> | ||
+ | <img class="headpic" src="https://igemconcordia.files.wordpress.com/2013/04/logo_igem_square.png" height="30" width="30"/> | ||
+ | <a/> | ||
+ | </header> | ||
<div class="banner"> | <div class="banner"> | ||
<div class="transp"> | <div class="transp"> | ||
Line 53: | Line 190: | ||
<p><img class="gladia" src="https://scontent.fyhu1-1.fna.fbcdn.net/v/t1.0-9/13418901_1010489892352573_4011538250536987772_n.jpg?oh=42adcd2f861988cb60b1700b80dd1c26&oe=57D2F2FC" alt="" width="250" height="250"/><strong>Our Project:</strong><br>This year, our iGEM team representing Concordia University aims to design Combat Cells, a novel adaptation of the popular and engaging TV show ‘Robot Wars’. The project concept involves the design and battling of ‘cellular robots,’ providing a new spin on synthetic biology for the scientific community. Our project consists of equipping cells with nanoparticles and having them battle one another in a controllable microfluidic device. Through this, our intention is to create and broadcast a web series through which we can entertain, educate, and inspire the public to participate in synthetic biology, and even create their own Combat Cells. The project encompasses three phases: nanoparticle synthesis, nanoparticle attachment, and analysis of cell survival on a microfluidic chip. | <p><img class="gladia" src="https://scontent.fyhu1-1.fna.fbcdn.net/v/t1.0-9/13418901_1010489892352573_4011538250536987772_n.jpg?oh=42adcd2f861988cb60b1700b80dd1c26&oe=57D2F2FC" alt="" width="250" height="250"/><strong>Our Project:</strong><br>This year, our iGEM team representing Concordia University aims to design Combat Cells, a novel adaptation of the popular and engaging TV show ‘Robot Wars’. The project concept involves the design and battling of ‘cellular robots,’ providing a new spin on synthetic biology for the scientific community. Our project consists of equipping cells with nanoparticles and having them battle one another in a controllable microfluidic device. Through this, our intention is to create and broadcast a web series through which we can entertain, educate, and inspire the public to participate in synthetic biology, and even create their own Combat Cells. The project encompasses three phases: nanoparticle synthesis, nanoparticle attachment, and analysis of cell survival on a microfluidic chip. | ||
</p> | </p> | ||
+ | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 21:24, 18 July 2016
Our Project:
This year, our iGEM team representing Concordia University aims to design Combat Cells, a novel adaptation of the popular and engaging TV show ‘Robot Wars’. The project concept involves the design and battling of ‘cellular robots,’ providing a new spin on synthetic biology for the scientific community. Our project consists of equipping cells with nanoparticles and having them battle one another in a controllable microfluidic device. Through this, our intention is to create and broadcast a web series through which we can entertain, educate, and inspire the public to participate in synthetic biology, and even create their own Combat Cells. The project encompasses three phases: nanoparticle synthesis, nanoparticle attachment, and analysis of cell survival on a microfluidic chip.