Difference between revisions of "Team:Technion Israel/Collaborations"

Line 1: Line 1:
−
<html>
+
{{Team:Technion_Israel/navbar}}
 +
<html lang="en">
 +
   
 +
    <head>
 +
        <!-- Title for the page & metadata  -->       
 +
        <title>S.tar, by iGEM Technion 2016</title>
 +
    <meta charset="utf-8">
 +
    <meta name="navbar" content="width=device-width, initial-scale=1">
  
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">team collaboration silver medal criterion</a>. </p>
 
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Evaluated_Pages/Instructions"> Instructions for Evaluated Pages </a>.</p>
 
−
</div>
 
  
 +
<style>/* inline page CSS */
 +
 +
/* general CSS */
 +
body {
 +
/* font-size: 14px; */  /* optional settings */
 +
}
  
 +
/* center img */
 +
.img-center {
 +
margin: auto;
 +
}
 +
  
 +
/*Background and effects*/
 +
.collaborations_wrapper {
 +
position: relative;
 +
}
 +
.blur {
 +
width:100%;
 +
height:100%;
 +
position: absolute;
 +
background: white;
 +
/*background-image:url('https://openclipart.org/image/2400px/svg_to_png/224644/Pakistan-Flag-Map.png');
 +
background-size:cover;
 +
filter: blur(5px) grayscale(80%) opacity(10%);*/
 +
}
  
−
<div class="column full_size">
+
/*fonts:*/
  
 +
/*corecting wiki css */
 +
#HQ_page p {font-family: "Comic Sans MS", cursive, sans-serif;}
  
−
<p>
+
/*our wiki css */
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
h1, h2, h3{
−
</p>
+
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
−
</div>
+
}
  
−
<div class="column half_size">
+
p {
 +
font-family: "Comic Sans MS", cursive, sans-serif;
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
/*Containers:*/
−
<p>
+
            .collaboration_logo{
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
                /*-webkit-filter: grayscale(0.75);*/
−
</p>
+
                cursor: pointer;
 +
                transition: all .5s ease;
 +
border: 2px solid #bbb;
 +
box-shadow: 10px 10px 10px grey;
 +
padding: 15px;
 +
            }
  
−
<p>
+
            .collaboration_logo:hover{
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
                -webkit-filter: grayscale(0);
−
</p>
+
                transform: scale(1.2,1.2);
 +
border: 2px solid #000;
 +
box-shadow: 10px 10px 10px grey
 +
            }
  
−
</div>
+
            .collaboration_cover{
 +
/*border: 2px solid #000;*/
 +
box-shadow: 10px 10px 10px grey;
 +
/*filter: blur(1px) opacity(50%) grayscale(80%);*/
 +
            }
  
 +
</style>
  
  
−
<div class="column half_size">
+
<script>
−
<p>
+
−
Here are some suggestions for projects you could work on with other teams:
+
−
</p>
+
  
−
<ul>
 
−
<li> Improve the function of another team's BioBrick Part or Device</li>
 
−
<li> Characterize another team's part </li>
 
−
<li> Debug a construct </li>
 
−
<li> Model or simulating another team's system </li>
 
−
<li> Test another team's software</li>
 
−
<li> Help build and test another team's hardware project</li>
 
−
<li> Mentor a high-school team</li>
 
−
</ul>
 
−
</div>
 
  
 +
</script>
  
 +
</head>
 +
 +
 +
<body>
 +
 +
<header>
 +
</header>
 +
 +
<div class="collaborations_wrapper"> <!--For the background effect, the entire content must lay in a big div, with 2 sub-divs (=sibling element)-->
 +
<div class="blur"></div> <!--The 1st sub-div gives the background-->
 +
 +
 +
<div class="cover"> <!--The 2nd sub-div contains the content-->
 +
 +
<!--Headline:-->
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<h1 class="text-center"><u>Collaboration</u></h2>
 +
</div>
 +
</div>
 +
 +
 +
<!--Headline:-->
 +
<div class="row">
 +
<div class="col-sm-12">
 +
<img src="https://s12.postimg.org/ablroa5ob/4petryplates.jpg" class="img-responsive img-center collaboration_cover" width="100%">
 +
</div>
 +
</div>
 +
 +
<br>
 +
<br>
 +
 +
<div class="row">
 +
 +
<div class="col-sm-3 col-xs-6"><!--Peshawar-->
 +
<img src="https://static.igem.org/mediawiki/2016/b/b2/T--Technion_Israel--peshawar350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><p class="text-center"><b>iGEM Peshawar</b></p>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6"><!--Aachen-->
 +
<img src="https://static.igem.org/mediawiki/2016/8/8f/T--Technion_Israel--Aachen350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><p class="text-center"><b>iGEM Aachen</b></p>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6"><!--BGU-->
 +
<img src="https://static.igem.org/mediawiki/2016/2/20/T--Technion_Israel--BGU350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><p class="text-center"><b>iGEM BGU</b></p>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6"><!--Eindhoven -->
 +
<img src="https://static.igem.org/mediawiki/2016/c/c0/T--Technion_Israel--Eindhoven350x250.jpg" class="img-responsive img-center collaboration_logo" width="175" height="125">
 +
<br><p class="text-center"><b>iGEM Eindhoven</b></p>
 +
</div>
 +
 +
</div>
 +
 +
</body>
 
</html>
 
</html>
 +
{{:Team:Technion_Israel/supporters}}

Revision as of 13:20, 5 October 2016

S.tar, by iGEM Technion 2016

S.tar, by iGEM Technion 2016

Collaboration




iGEM Peshawar


iGEM Aachen


iGEM BGU


iGEM Eindhoven

S.tar, by iGEM Technion 2016