Difference between revisions of "Team:Bulgaria/Collaborations"

Line 1: Line 1:
−
{{Bulgaria}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link href="https://fonts.googleapis.com/css?family=Raleway:700" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat:300|Vollkorn:700|Wallpoet|Heebo:800|Alegreya+Sans+SC:900" rel="stylesheet">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
</head>
 +
<style>
  
 +
* {
 +
  -webkit-box-sizing: border-box;
 +
          box-sizing: border-box;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
html {
 +
  font-size:16px;
 +
}
 +
body {
 +
  width: 100%;
 +
  margin: 48px 0 0 0;
 +
  padding: 0;
 +
  color: black;
 +
  background-color: white;
 +
  font: inherit;
 +
  font-size:16px;
 +
  word-wrap: break-word;
 +
}
  
 +
@media (min-width: 1024px) {
 +
  body {
 +
    margin: 16px 0 0 0;
 +
  }
 +
}
  
  
 +
#globalWrapper {
 +
  width: 100%;
 +
  padding: 0;
 +
  background-color: #149375;
 +
  position: relative;
 +
  font-size: 16px;
 +
}
 +
#content {
 +
  width: 100%;
 +
  min-height: 80vh;
 +
  margin: 0;
 +
  padding: 0;
 +
  border: none;
 +
  color: inherit;
 +
  background-color: #ffffff;
 +
  position: relative;
 +
}
 +
#HQ_page {
 +
  width: 100%;
 +
  margin: 0;
 +
  padding: 0;
 +
  background: none;
 +
}
 +
#top_title{display:none;}
  
−
<div class="column full_size">
 
−
<h1>Collaborations</h1>
 
  
−
<p>
+
#bodyContent {
−
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.
+
}
−
</p>
+
  
−
<h3>Silver Medal Criterion #2</h3>
+
html *{
−
<p>
+
cursor:url("https://static.igem.org/mediawiki/2018/4/48/T--Bulgaria--idea.png"),auto;
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.  
+
}
−
</p>
+
−
</div>
+
  
−
<div class="column two_thirds_size">
+
h1{
 +
padding-top: 30px;
 +
font-size: 40px;
 +
font-family: 'Alegreya Sans SC', sans-serif !important;
 +
padding-bottom: 10px;
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
#bottomLayer{
−
<p>
+
position: fixed;
−
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.
+
top:15px;
−
</p>
+
left:0px;
 +
height: 110%;
 +
width: 100%;
 +
background-color: #0A1215;
  
−
<p>
+
}
−
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.
+
 
−
</p>
+
.backgroundPicture{
 +
position: fixed;
 +
top: 15;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
opacity: 0.5;
 +
background-image: url("https://static.igem.org/mediawiki/2018/7/74/T--Bulgaria--athens3.jpg");
 +
background-color: #0A1215;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
}
 +
 
 +
 
 +
.navigation {
 +
position:fixed;
 +
top:15px;
 +
width: 100%;
 +
left:0px;
 +
    #overflow: hidden;
 +
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 +
}
 +
 
 +
.navigation a {
 +
    float: left;
 +
    font-size: 16px;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 14px 16px;
 +
    text-decoration: none;
 +
}
 +
 
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
}
 +
 
 +
.dropdown .dropNAVbtn {
 +
    font-size: 16px;   
 +
    color: white;
 +
    padding: 14px 16px;
 +
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 +
}
 +
 
 +
.navigation a:hover, .dropdown:hover .dropNAVbtn {
 +
    background-color: #9F182F;
 +
color: white;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100000 !important;
 +
}
 +
 
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
#specialMenu {
 +
  background-color: #D5898A;
 +
  color: white;
 +
}
 +
 
 +
#activeMenu{
 +
  background-color: #9F182F;
 +
  color: white;
 +
}
 +
 
 +
.navigation .icon {
 +
  display: none;
 +
}
 +
 
 +
@media screen and (max-width: 1000px) {
 +
  .navigation a:not(:first-child) {display: none;}
 +
  .navigation .dropdown:not(:first-child) {display: none;}
 +
  .navigation a.icon {
 +
    float: right;
 +
    display: block;
 +
  }
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1000px) {
 +
  .navigation.responsive {  position:fixed;
 +
  top:15px;
 +
  width: 100%;
 +
  left:0px;}
 +
  .navigation.responsive .icon {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 0;
 +
  }
 +
  .navigation.responsive a {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
  .navigation.responsive .dropdown {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
}
 +
 
 +
 
 +
.contentHolder{
 +
-webkit-touch-callout: none;
 +
    -webkit-user-select: none;
 +
    -khtml-user-select: none;
 +
    -moz-user-select: none;
 +
    -ms-user-select: none;
 +
    user-select: none;
 +
opacity: 0.8;
 +
position: relative;
 +
top:70vh;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 850px;
 +
padding-bottom: 70px;
 +
padding-top: 20px;
 +
background-color: #b5b7b8;
 +
height: auto;
 +
text-align: center !important;
 +
}
 +
 
 +
a{
 +
color: black;
 +
 
 +
}
 +
a:hover{
 +
color: black;
 +
text-decoration: none;
 +
 
 +
}
 +
 
 +
.contentHolder:hover{
 +
background-color: C5C7C8;
 +
 +
}
 +
 
 +
#topTitle{
 +
padding-top: 50px;
 +
border-radius: 50px 50px 0px 0px;
 +
opacity: 1;
 +
text-align: center;
 +
font-family: 'Heebo', sans-serif;
 +
font-size: 60px;
 +
height: 30px;
 +
}
 +
#topTitle:hover{
 +
background-color: B5B7B8;
 +
}
 +
 
 +
 
 +
 +
p{
 +
text-align: center !important;
 +
margin-left: 64px;
 +
margin-right: 64px;
 +
font-family: 'Montserrat', sans-serif !important;
 +
font-size: 20px !important;
 +
}
 +
 
 +
strong{
 +
font-family: 'Heebo', sans-serif;
 +
}
 +
 
 +
.dropbtn {
 +
display: none;
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
width: 20vw;
 +
}
 +
 
 +
 
 +
 
 +
.quickfind-content {
 +
font-family: 'Heebo', sans-serif;
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    width: 20vw;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
 +
}
 +
 
 +
.quickfind-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
text-align: center;
 +
border-style: solid none none none;
 +
}
 +
 
 +
.quickfind-content a:hover {background-color: #B1B1B1}
 +
 
 +
.quickfind:hover .quickfind-content {
 +
    display: block;
 +
}
 +
 
 +
.quickfind:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
}
 +
.quickfind {
 +
    position: absolute;
 +
width: 20vw;
 +
left: 40vw;
 +
top: 15vh;
 +
}
 +
 
 +
@media screen and (max-width: 1000px) {
 +
 
 +
p{
 +
margin-left: 32px;
 +
margin-right: 32px;
 +
}
 +
 
 +
.contentHolder:hover{
 +
background-color: B5B7B8;
 +
 +
}
 +
.contentHolder{
 +
height: auto;
 +
width: auto;
 +
}
 +
 
 +
 
 +
#topTitle{
 +
border-radius: 50px 50px 0px 0px;
 +
opacity: 1;
 +
text-align: center;
 +
font-family: 'Heebo', sans-serif;
 +
font-size: 42px;
 +
height: 0vw;
 +
}
 +
#topTitle:hover{
 +
background-color: B5B7B8;
 +
}
 +
 +
.dropbtn {
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
width: 50vw;
 +
}
 +
 
 +
 
 +
 
 +
.quickfind-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    width: 50vw;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 
 +
.quickfind-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
text-align: center;
 +
}
 +
 
 +
.quickfind-content a:hover {
 +
background-color: #f1f1f1;
 +
 +
}
 +
 
 +
.quickfind:hover .quickfind-content {
 +
    display: block;
 +
}
 +
 
 +
.quickfind:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
}
 +
.quickfind {
 +
    position: absolute;
 +
width: 50vw;
 +
left: 25vw;
 +
top: 100px;
 +
}
 +
}
 +
<--!end mobile->
 +
 
 +
 
 +
 
 +
#scroldown {
 +
  width: 100%;
 +
  height: 20;
 +
 
 +
}
 +
#scroldown::before{
 +
  content: '╲╱';
 +
  color: #fff;
 +
  position: fixed;
 +
  opacity: 0.7;
 +
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
 +
  font-size: 20px;
 +
  width: 60px;
 +
  height: 40px;
 +
  line-height: 40px;
 +
  text-align: center;
 +
  border-radius: 10px;
 +
  bottom: 20px;
 +
  left: 50%;
 +
  margin-left: -30px;
 +
  animation: bounce 1s ease infinite;
 +
}
 +
 
 +
@keyframes bounce {
 +
  50% {
 +
    transform: translateY(-50%);
 +
  }
 +
  100% {
 +
    transform: translateY(0);
 +
  }
 +
}
 +
 
 +
#myBtn {
 +
    display: none;
 +
    position: fixed;
 +
    bottom: 20px;
 +
    right: 30px;
 +
    z-index: 99;
 +
    border: none;
 +
    outline: none;
 +
    background-color: green;
 +
    color: white;
 +
    cursor: pointer;
 +
    padding: 15px;
 +
    border-radius: 10px;
 +
    font-size: 18px;
 +
}
 +
 
 +
#myBtn:hover {
 +
    background-color: #555; /* Add a dark-grey background on hover */
 +
}
 +
.pictures{
 +
transition: transform .2s;
 +
height: auto;
 +
width: 200px;
 +
padding: 20px;
 +
}
 +
.pictures:hover{
 +
transform: scale(2.5);
 +
}
 +
#downlaodlink{
 +
cursor: pointer;
 +
font-family: 'Wallpoet', sans-serif;
 +
}
 +
 
 +
#downlaodlink:hover{
 +
color: blue;
 +
}
 +
</style>
 +
<script>
 +
$(document).ready(function(){
 +
  $("a").on('click', function(event) {
 +
    if (this.hash !== "") {
 +
      event.preventDefault();
 +
      var hash = this.hash;
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
        window.location.hash = hash;
 +
      });
 +
    }
 +
  });
 +
});
 +
</script>
 +
<script>
 +
window.onscroll = function() {scrollFunction()};
 +
 
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
 +
 
 +
function burgermenu() {
 +
    var x = document.getElementById("nav");
 +
    if (x.className === "navigation") {
 +
        x.className += " responsive";
 +
    } else {
 +
        x.className = "navigation";
 +
    }
 +
 
 +
}
 +
</script>
 +
<body>
 +
 
 +
<!-- CUSTOM OVERLAY -->
 +
<div class="overlays" id="bottomLayer"></div>
 +
<div class="backgroundPicture">
  
 +
</div>
 +
 +
<div class="quickfind">
 +
  <button class="dropbtn">LEARN MORE</button>
 +
  <div class="quickfind-content">
 +
    <a href="#WHOUSE">PROJECT USE</a>
 +
<a href="#SAFE">IS IT SAFE</a>
 +
    <a href="#USEDSTRAINS">USED ORGANISM STRAINS</a>
 +
    <a href="#RISKS">POTENTIAL RISKS</a>
 +
<a href="#WASTE">WASTE TREATMENT</a>
 +
<a href="#EMERGENCY">EMERGENCY REACTIONS</a>
 +
<a href="#EQUIPMENT">PROTECTIVE EQUIPMENT</a>
 +
<a href="#OTHERS">OTHER RULES</a>
 +
  </div>
 +
</div>
 +
 +
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
 +
<!-- CUSTOM TOP -->
 +
<div class="contentHolder" id="topTitle">
 +
<a id="pagetitle">MEETINGS</a>
 +
</div>
 
</div>
 
</div>
  
  
 +
<div id="scroldown"></div>
  
−
<div class="column third_size">
+
<!-- FOR NEW ONE COPY FROM HERE - CUSTOM CONTENT HOLDER -->
 +
<div class="contentHolder" id="COLMEETINGS">
 +
<h1>ATHENS</h1>
 
<p>
 
<p>
−
Here are some suggestions for projects you could work on with other teams:
+
And now, it is finally time for our favorite collaboration – with Team Athens, Greece. We were incredibly pleased to find out they had invited us to stay with them for a couple of days, so we can properly get to know each other. Not only did we have the unique ability to exchange ideas and tips with another newcomer iGEM team, but also got to tour the beautiful city of Athens and experience it as true Athenians. We presented our project ideas to each other, which we took as an opportunity to practice our presentation skills.  + we presented our project to a foreign team for the first time
 +
+ measurement kit for InterLab – We were contacted by Team Athens a week or two after our return, because they needed a helping hand. They had already fully utilized their measurement kit for InterLab to get their first results, but something had went wrong and now they needed another kit. We did not take part in this study, so we had the needed materials on hand and decided to help.
 +
 
 +
<a id="downlaodlink" href="https://2018.igem.org/Team:Athens/Collaborations">Team: Athens</a>
 +
<br>
 +
<a href="https://static.igem.org/mediawiki/2018/c/cc/T--Bulgaria--athens1.jpg
 +
"><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Bulgaria--athens1.jpg
 +
" class="pictures"></a>
 +
<a href="https://static.igem.org/mediawiki/2018/7/74/T--Bulgaria--athens2.jpg
 +
"><img src="https://static.igem.org/mediawiki/2018/7/74/T--Bulgaria--athens2.jpg
 +
" class="pictures"></a>
 +
 
 
</p>
 
</p>
 +
</div>
 +
<!-- TO HERE - CUSTOM CONTENT HOLDER -->
  
−
<ul>
+
<!-- FOR NEW ONE COPY FROM HERE - CUSTOM CONTENT HOLDER -->
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
<div class="contentHolder" id="COLMEETINGS">
−
<li> Characterize another team's part </li>
+
<h1>THESSALONIKI</h1>
−
<li> Debug a construct </li>
+
<p>
−
<li> Model or simulate another team's system </li>
+
We presented our projects to each other and exchanged some ideas and tips, all while having a stunning view of the sea. Unfortunately, our PI couldn’t come with us, but we turned this into an opportunity - to present solo for the first time.
−
<li> Test another team's software</li>
+
<br>
−
<li> Help build and test another team's hardware project</li>
+
<a href="https://static.igem.org/mediawiki/2018/2/2f/T--Bulgaria--solun1.jpg
−
<li> Mentor a high-school team</li>
+
"><img src="https://static.igem.org/mediawiki/2018/2/2f/T--Bulgaria--solun1.jpg
−
</ul>
+
" class="pictures"></a>
 +
 
 +
<a href="https://static.igem.org/mediawiki/2018/1/11/T--Bulgaria--solun2.jpg
 +
"><img src="https://static.igem.org/mediawiki/2018/1/11/T--Bulgaria--solun2.jpg
 +
" class="pictures"></a>
 +
 
 +
 
 +
</p>
 
</div>
 
</div>
 +
<!-- TO HERE - CUSTOM CONTENT HOLDER -->
  
 +
<!-- CUSTOM MENU -->
 +
<div class="navigation" id="nav">
 +
  <a href="https://2018.igem.org/Team:Bulgaria">HOME</a>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">TEAM
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theteam">MEMBERS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/attrib">ATTRIBUTIONS</a>
 +
</div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">PROJECT
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theproject" >DESCRIPTION</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/DESIGN">DESIGN</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/PROTOCOLS">PROTOCOLS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/LABBOOK">LAB BOOK</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/RESULTS">RESULTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/CONTRIBUTION">CONTRIBUTION</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/IMPROVE">IMPROVE</a>
 +
</div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">HUMAN PRACTICES
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/publicEng">PUBLIC ENGAGEMENTS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/IntHP">INTEGRATED HUMAN PRACTICES</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/survey">SURVEY</a>
 +
</div>
 +
  </div>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">COLLABORATIONS
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABMEETINGS" id="activeMenu">MEETINGS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABSURVEYS">SURVEYS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABOTHERS">OTHERS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABfollow">#FollowMeToiGEM</a>
 +
</div>
 +
  </div>
 +
 
 +
 
  
 +
  <a href="https://2018.igem.org/Team:Bulgaria/parts" >PARTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">MEDAL CRITERIA
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALBRONZE">BRONZE</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALSILVER">SILVER</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/MEDALGOLD">GOLD</a>
 +
<a href="https://2018.igem.org/Team:Bulgaria/MEDALAWARD">SPECIAL AWARD</a>
 +
</div>
 +
  </div>
 +
  <a href="https://igem.org/2018_Judging_Form?id=2847" id="specialMenu">JUDGING FORM</a>
 +
  <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
 +
MENU
 +
  </a>
 +
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 00:47, 18 October 2018

PROJECT USE IS IT SAFE USED ORGANISM STRAINS POTENTIAL RISKS WASTE TREATMENT EMERGENCY REACTIONS PROTECTIVE EQUIPMENT OTHER RULES

ATHENS

And now, it is finally time for our favorite collaboration – with Team Athens, Greece. We were incredibly pleased to find out they had invited us to stay with them for a couple of days, so we can properly get to know each other. Not only did we have the unique ability to exchange ideas and tips with another newcomer iGEM team, but also got to tour the beautiful city of Athens and experience it as true Athenians. We presented our project ideas to each other, which we took as an opportunity to practice our presentation skills. + we presented our project to a foreign team for the first time + measurement kit for InterLab – We were contacted by Team Athens a week or two after our return, because they needed a helping hand. They had already fully utilized their measurement kit for InterLab to get their first results, but something had went wrong and now they needed another kit. We did not take part in this study, so we had the needed materials on hand and decided to help. Team: Athens

THESSALONIKI

We presented our projects to each other and exchanged some ideas and tips, all while having a stunning view of the sea. Unfortunately, our PI couldn’t come with us, but we turned this into an opportunity - to present solo for the first time.