Difference between revisions of "Team:British Columbia/Achievements/Collaborations"

m
m
 
(38 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{British_Columbia_2}}
 
{{British_Columbia_2}}
 +
{{British_Columbia_Navbar}}
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 7: Line 8:
 
<style>
 
<style>
 
.cover{
 
.cover{
   background: url("https://static.igem.org/mediawiki/2016/5/53/T--British_Columbia--header-probably-a-palm-tree.JPG");
+
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.10) 50%, rgba(0, 0, 0, 0) 100%),
 +
url("https://static.igem.org/mediawiki/2016/5/53/T--British_Columbia--header-probably-a-palm-tree.JPG");
 
   background-size: cover; background-repeat: no-repeat;
 
   background-size: cover; background-repeat: no-repeat;
 
}
 
}
Line 13: Line 15:
 
@media screen and (min-width: 768px) {
 
@media screen and (min-width: 768px) {
 
   .cover{
 
   .cover{
     background-position: 0 -450px;
+
     background-position: 0 0, 0 -220px;
 
   }
 
   }
 
}
 
}
 
.content-wrap{
 
  position: relative;
 
  height: 2000px;
 
  background-color: white;
 
  padding-left: 25px; padding-right: 25px;
 
  width: 100vw; max-width: 100%;
 
}
 
 
!!!!!!!!!!!!!!Put this code in the css and adjust the "top" and "left" properties of #vgemcollaboration to adjust the placement of the icon on your wiki:!!!!!!!!!!!!!!!!!!!!!
 
  
 
#vgemcollaboration {
 
#vgemcollaboration {
 
background-image:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png');
 
background-image:url('https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png');
position:absolute;
+
/*position:absolute;
 
top:0;
 
top:0;
left:0;
+
left:0;*/
 
background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/
 
background-size:180px 220px; /*Adjust background-size and the width and height properties here if you wish to resize the icon*/
 
width:180px;
 
width:180px;
 
height:220px;
 
height:220px;
z-index:100;
+
/*z-index:100;*/
 +
        margin-left: auto; margin-right: auto; margin-top: 25px; margin-bottom: 25px
 
}
 
}
  
Line 46: Line 39:
 
width:100%;
 
width:100%;
 
height:100%;
 
height:100%;
 +
}
 +
 +
#igemtodaycollaboration{
 +
  margin-top: 25px; margin-bottom: 25px;
 +
}
 +
 +
 +
 +
#igemtodaycollaboration a img{
 +
  height: 220px; width: auto;
 +
  display: table;
 +
  margin: 0 auto;
 
}
 
}
  
Line 60: Line 65:
 
   </div><!--container-fluid-->
 
   </div><!--container-fluid-->
 
</div><!--cover-->
 
</div><!--cover-->
<div class="content-wrap">
 
  
!!!!!!!!!!!!!!!!!!!!!!!!!!Put this code in whichever div you would like the collaboration icon:!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
<div id="breadcrumbs">
 +
<strong>
 +
<a href="https://2016.igem.org/Team:British_Columbia">Home</a> /
 +
<a href="#">Achievements</a> /
 +
<a href="https://2016.igem.org/Team:British_Columbia/Achievements/Collaborations">Collaborations</a></strong>
 +
</div><!--#breadcrumbs-->
  
 +
<div class="content-wrap">
 +
<h2 style="text-align: center; margin-bottom: 25px"><big>This year, we have collaborated with Virginia, EPFL, UC_Davies and Imperial_College iGEM teams! </big></h1>
 +
<p>
 +
First, we completed the biocontainment survey created by the Virginia iGEM 2016 team. They collected information about awareness of biocontainment within iGEM teams. Click on the badge below to get more information about the results! Second, we participated in the iGEM.today project, designed by the EPFL iGEM 2016 team as a part of their Human Practices. This platform presents iGEM teams and their projects through “news articles”, what makes it a great opportunity to learn more about other iGEM projects in fun and interactive ways. We were interviewed about our team, "Crescentium," our project, and our experience with iGEM. We also participated in the iGemMatch.org project, created by the UC_Davies team. This project is designed to easily find collaborators from the iGEM community relevant to your project or areas of expertise. </p>
 +
</div>
 +
 +
<div id="row">
 +
<div class="col-sm-3" style="padding: 15px">
 
<div id="vgemcollaboration">
 
<div id="vgemcollaboration">
 
<a href="https://2016.igem.org/Team:Virginia/Collaborations" target="_blank"></a>
 
<a href="https://2016.igem.org/Team:Virginia/Collaborations" target="_blank"></a>
 
</div><!--#vgemcollaboration-->
 
</div><!--#vgemcollaboration-->
 +
</div><!--.col-sm-3-->
  
 +
<div class="col-sm-3" style="padding: 15px">
 +
<div id="igemtodaycollaboration">
 +
        <a href="http://igem.today/"><img src="https://static.igem.org/mediawiki/2016/6/63/T--British_Columbia--EPFL_Collaboration_Badge.JPG"></a>
 +
</div><!--#igemtodaycollaboration-->
 +
</div><!--.col-sm-3-->
 
</div>
 
</div>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 14:32, 18 October 2016

Main CSS Navbar CSS

Collaborations

Collaborations

This year, we have collaborated with Virginia, EPFL, UC_Davies and Imperial_College iGEM teams!

First, we completed the biocontainment survey created by the Virginia iGEM 2016 team. They collected information about awareness of biocontainment within iGEM teams. Click on the badge below to get more information about the results! Second, we participated in the iGEM.today project, designed by the EPFL iGEM 2016 team as a part of their Human Practices. This platform presents iGEM teams and their projects through “news articles”, what makes it a great opportunity to learn more about other iGEM projects in fun and interactive ways. We were interviewed about our team, "Crescentium," our project, and our experience with iGEM. We also participated in the iGemMatch.org project, created by the UC_Davies team. This project is designed to easily find collaborators from the iGEM community relevant to your project or areas of expertise.