(14 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html><title>GBC-Collaborations</title> | <html><title>GBC-Collaborations</title> | ||
− | |||
− | |||
− | |||
− | |||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | ||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]--> | ||
Line 13: | Line 8: | ||
================================================== --> | ================================================== --> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | ||
<!-- css bootstrap --> | <!-- css bootstrap --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" /> | ||
<!-- js jquery --> | <!-- js jquery --> | ||
− | <script src="https:// | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script> |
− | <script src="https:// | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/bootstrap/3.3.7/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script> |
<!-- js menu --> | <!-- js menu --> | ||
Line 42: | Line 34: | ||
$('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | ||
}) | }) | ||
+ | </script> | ||
+ | <script> | ||
+ | function changeface() | ||
+ | { | ||
+ | element=document.getElementById('menuhead') | ||
+ | if (element.style.display='none') | ||
+ | { | ||
+ | element.style.display='block'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | element.style.display='none'; | ||
+ | } | ||
+ | } | ||
</script> | </script> | ||
<!-- font --> | <!-- font --> | ||
− | < | + | <style> |
+ | /* latin */ | ||
+ | @font-face { | ||
+ | font-family: 'Delius'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: local('Delius-Regular'), url(https://static.igem.org/mediawiki/2018/a/af/T--GreatBay_China--font.woff) format('woff'); | ||
+ | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | ||
+ | } | ||
+ | </style> | ||
<!-- css main --> | <!-- css main --> | ||
<style> | <style> | ||
Line 1,383: | Line 1,398: | ||
} | } | ||
.text-primary { | .text-primary { | ||
− | color: # | + | /*important for mint color change when you hover BY CHARLES WEI*/ |
+ | color: #76BF8D; | ||
} | } | ||
a.text-primary:hover { | a.text-primary:hover { | ||
− | + | color:#76bf8d; | |
} | } | ||
.text-success { | .text-success { | ||
Line 1,417: | Line 1,433: | ||
} | } | ||
a.bg-primary:hover { | a.bg-primary:hover { | ||
− | + | background-color:#76bf8d; | |
} | } | ||
Line 3,133: | Line 3,149: | ||
.btn-primary.active, | .btn-primary.active, | ||
.open > .dropdown-toggle.btn-primary { | .open > .dropdown-toggle.btn-primary { | ||
− | color: | + | /* important for color change when you hover BY CHARLES WEI*/ |
+ | color: #fff; | ||
+ | background-color: #76BF8D; | ||
border-color:none; | border-color:none; | ||
} | } | ||
Line 4,815: | Line 4,833: | ||
.label-primary[href]:hover, | .label-primary[href]:hover, | ||
.label-primary[href]:focus { | .label-primary[href]:focus { | ||
− | + | background-color: #76bf8d; | |
} | } | ||
.label-success { | .label-success { | ||
Line 6,433: | Line 6,451: | ||
.row{ | .row{ | ||
width:950px; | width:950px; | ||
− | padding-left: | + | padding-left:15px; |
} | } | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
Line 6,837: | Line 6,855: | ||
left:-83px; | left:-83px; | ||
top:-30px; | top:-30px; | ||
+ | |||
+ | } | ||
+ | .top-nav ul li div .long{ | ||
+ | line-height:1.1em; | ||
+ | padding:8px; | ||
+ | font-size:0.85em; | ||
+ | |||
} | } | ||
/* link style */ | /* link style */ | ||
Line 6,845: | Line 6,870: | ||
/* submenu link style */ | /* submenu link style */ | ||
.top-nav ul li div span:hover{ | .top-nav ul li div span:hover{ | ||
− | background: | + | background:rgba(125, 63, 152, 0.4);; |
+ | |||
} | } | ||
Line 6,851: | Line 6,877: | ||
.top-nav ul li div a:hover{ | .top-nav ul li div a:hover{ | ||
color:rgb(88,73,63); | color:rgb(88,73,63); | ||
− | background:rgb( | + | background:rgb(203,170,199); |
} | } | ||
/* special */ | /* special */ | ||
Line 6,947: | Line 6,973: | ||
top:-9px; | top:-9px; | ||
z-index:10; | z-index:10; | ||
+ | } | ||
+ | #myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 | ||
+ | { | ||
+ | z-index:1; | ||
} | } | ||
− | . | + | .line |
+ | { | ||
+ | display:block; | ||
+ | margin:20px; | ||
+ | } | ||
+ | .members | ||
+ | { | ||
+ | display:inline-block; | ||
+ | padding:5px; | ||
+ | width:20%; | ||
+ | left:100%; | ||
+ | } | ||
+ | .modal-backdrop.in { | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | opacity.less:4 | ||
+ | .modal-backdrop.fade { | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .fade.in { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .modal-backdrop { | ||
+ | display:none; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | z-index: -1040; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | .title{ | ||
position:left; | position:left; | ||
padding-left: 20px; | padding-left: 20px; | ||
− | color: | + | color:rgb(88,73,63); |
+ | font-size:30px; | ||
+ | } | ||
+ | .btn{ | ||
+ | background-color:rgba(125, 63, 152, 0.9); | ||
+ | } | ||
+ | #menuhead{ | ||
+ | position: absolute; | ||
+ | z-index: 10; | ||
+ | left:10px; | ||
} | } | ||
.contact | .contact | ||
Line 6,961: | Line 7,035: | ||
width:20%; | width:20%; | ||
left:100%; | left:100%; | ||
+ | } | ||
+ | #menuhead h5{ | ||
+ | |||
+ | |||
+ | position:absolute; | ||
+ | left:-40px; | ||
+ | top:-59px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #menuhead img{ | ||
+ | position:absolute; | ||
+ | width: 490%; | ||
+ | left:-160px; | ||
+ | top:-42px; | ||
} | } | ||
.logos | .logos | ||
Line 6,986: | Line 7,074: | ||
</style> | </style> | ||
− | |||
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> --> | <!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> --> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div class="logo"><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></div> | + | <div class="logo"><a><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></a></div> |
<div class="container"> | <div class="container"> | ||
Line 6,998: | Line 7,085: | ||
<ul> | <ul> | ||
<li> | <li> | ||
− | <li> | + | <div class="res" target="_self" id="menuhead"> |
+ | |||
+ | |||
+ | <h5> Meow~</h5> | ||
+ | <img onclick="changeface()" src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | <li id="active"> | ||
<a href="#"><span>Team</span></a> | <a href="#"><span>Team</span></a> | ||
<div> | <div> | ||
Line 7,012: | Line 7,107: | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a> | ||
− | <a href="https://2018.igem.org/Team:GreatBay_China/ | + | <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Results</a> |
− | + | ||
− | + | ||
− | + | ||
<img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/> | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/> | ||
Line 7,021: | Line 7,114: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href=" | + | <a href="#"><span>Parts</span></a> |
<div> | <div> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Parts">Parts</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Basic_Part">Basic</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a> | ||
− | <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a> | + | <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a> |
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a> | ||
<img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/> | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/> | ||
Line 7,032: | Line 7,128: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href=" | + | <a href="#"><span>HP</span></a> |
<div> | <div> | ||
− | + | <a href="https://2018.igem.org/Team:GreatBay_China/HP">Background</a> | |
− | <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product | + | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Human_Practices">Integrated HP</a> |
− | <a href="https://2018.igem.org/Team:GreatBay_China/ | + | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product Design</a> |
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Hardware">Hardware</a> | ||
+ | <a class="long" href="https://2018.igem.org/Team:GreatBay_China/Public_Engagement">Public Engagement</a> | ||
+ | |||
+ | |||
+ | |||
<img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/> | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/> | ||
Line 7,044: | Line 7,145: | ||
<a href="#"><span>Lab</span></a> | <a href="#"><span>Lab</span></a> | ||
<div> | <div> | ||
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a> | ||
Line 7,065: | Line 7,167: | ||
<div> | <div> | ||
</div> | </div> | ||
− | <li | + | <li> |
<a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a> | <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a> | ||
</li> | </li> | ||
Line 7,085: | Line 7,187: | ||
<div class="container"> | <div class="container"> | ||
<div class="footer"> | <div class="footer"> | ||
− | |||
<br> | <br> | ||
<div class="row" style="padding-left:50px"> | <div class="row" style="padding-left:50px"> | ||
+ | |||
<div class="contact"> | <div class="contact"> | ||
<img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px"> | <img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px"> | ||
</div> | </div> | ||
− | <div class="contact" style="width: | + | <div class="contact" style="width:450px"> |
<h5 style="color:white;">mCATNIP2018@outlook.com</h5> | <h5 style="color:white;">mCATNIP2018@outlook.com</h5> | ||
+ | </div> | ||
+ | <div class="contact"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/ed/T--GreatBay_China--footer10.jpeg" width="80px"> | ||
</div> | </div> | ||
<div class="contact" > | <div class="contact" > | ||
Line 7,108: | Line 7,213: | ||
<img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px"> | <img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px"> | ||
</div> | </div> | ||
− | <div class="contact" style="width: | + | <div class="contact" style="width:450px"> |
<h5 style="color:white;">@Igem2018C</h5> | <h5 style="color:white;">@Igem2018C</h5> | ||
</div> | </div> | ||
Line 7,124: | Line 7,229: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="header" | + | <div class="header" style="margin-left:-14px;"> |
− | + | <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" /> | |
</div> | </div> | ||
</div> | </div> | ||
− | <!--TEMPLATE ENDS HERE BY CHARELS WEI --> | + | |
+ | <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)--> | ||
+ | |||
+ | <div class="row "> | ||
+ | <span style="height:250px"></span> | ||
+ | |||
+ | <div class="jumbotron" style="color:white;"> | ||
+ | <h2>Collaborations</h2> | ||
+ | <h4> | ||
+ | GreatBay_China is actively invovled in many collaborations with local and international teams. Under this positive give-and-take atmosphere, we established good friendships with many teams and benefited mutually from the process. | ||
+ | </h4> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
<div class="row" style="padding-left:50px"> | <div class="row" style="padding-left:50px"> | ||
− | <div class="contact" style="width: | + | <div class="contact" style="width:260px"> |
− | <h1 class=" | + | <h1 class="title"> Team logo</h1> |
</div> | </div> | ||
<div class="contact"> | <div class="contact"> | ||
− | <h1 class=" | + | <h1 class="title"> Collaboration Details</h1> |
</div> | </div> | ||
</div> | </div> | ||
Line 7,245: | Line 7,354: | ||
<div class="logos" style="background-color: unset;width:600px;color:#000;"> | <div class="logos" style="background-color: unset;width:600px;color:#000;"> | ||
<h4 style="position:top;">On Jun 24th, the deadline of signing up for Interlab, we noticed that SMS_Shenzhen had not signed up, and kindly reminded them of the deadline. Besides, we offered SMS_Shenzhen DH5a competent cell and chloramphenicol, since they didn’t have enough for their experiment.</h4> | <h4 style="position:top;">On Jun 24th, the deadline of signing up for Interlab, we noticed that SMS_Shenzhen had not signed up, and kindly reminded them of the deadline. Besides, we offered SMS_Shenzhen DH5a competent cell and chloramphenicol, since they didn’t have enough for their experiment.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row" style="padding-left:50px;padding-bottom:50px"> | ||
+ | <a href="https://2018.igem.org/Team:SUSTech_Shenzhen/Collaborations"> | ||
+ | <div class="logos"> | ||
+ | <img class="photo" id=’SUSTech’ width="220px" src="https://static.igem.org/mediawiki/2018/3/32/T--GreatBay_China--collabNKDlogo.png" /> | ||
+ | <h4 style="position:bottom;text-align: center;">SUSTech_Shenzhen</h4> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="logos" style="background-color: unset;width:600px;color:#000;"> | ||
+ | <h4 style="position:top;">SUSTech provided us with sheath fluid for our flow cytometry tests in the characterization of TALEsp, promoter library and even co-culture. Their help arrived when we were neither unable to produce the fluid nor having time to buy the fluid from market.</h4> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 7,251: | Line 7,373: | ||
</div> | </div> | ||
− | <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI--> | + | |
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI (I wonder why I am writing this cuz only Lucinda and I will edit here.)--> | ||
<br><br><br><br> | <br><br><br><br> | ||
</div> | </div> | ||
Line 7,266: | Line 7,402: | ||
</body> | </body> | ||
− | + | </p> | |
+ | |||
+ | </div> <div class="visualClear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Life sucks by Lucinda Lin. Sometimes working out a template can be so goddamn hard, and it is not responsive. --> | ||
+ | <!-- Well life has to go on by Charles Wei. Sometimes correcting a template can be so tiring, and it is a recursive.--> | ||
+ | </html> |