Difference between revisions of "Team:Bulgaria/Collaborations"

Line 1: Line 1:
 
{{Bulgaria}}
 
{{Bulgaria}}
 
<html>
 
<html>
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <link rel="stylesheet" href="./styles/collaborations.css">
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
    <style>
 +
        .drop-link, .menu-item, .sub-item{
 +
            list-style-type: none !important;
 +
            list-style-image: none !important;
 +
            list-style:none !important;
 +
        }
  
  
  
 +
        #content{
 +
            width: 100%;
 +
            padding: 0px;
 +
            margin-left: 0px;
 +
        }
  
−
<div class="column full_size">
 
  
 +
        #top_title{
 +
            display: none;
 +
        }
  
−
<p>
+
        #sideMenu{
−
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.
+
            display: none;
−
</p>
+
        }
−
</div>
+
  
−
<div class="column half_size">
+
        *{
 +
            margin:0;
 +
            padding: 0;
 +
            font-family: 'Open Sans', sans-serif !important;
 +
        }
  
−
<h4> Which other teams can we work with? </h4>
+
        .wrapper{
−
<p>
+
            width: 100%;
−
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.
+
            margin: 0 auto;
−
</p>
+
        }
  
−
<p>
+
        nav{
−
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.
+
            background: #80002a;
−
</p>
+
            color: white;
 +
            padding: 20px;
 +
            text-align: right;
 +
        }
  
−
</div>
+
        .navigation-bar{
 +
            padding-right: 125px !important;
 +
        }
  
 +
        .menu-item{
 +
            display: inline-block;
 +
            margin-right: 25px;
 +
            color:rgba(255,255,255,0.9);
 +
            text-transform: capitalize;
 +
        }
  
 +
        .menu-item:hover{
 +
            color:rgba(255,255,255,1);
 +
            cursor: pointer;
 +
        }
  
−
<div class="column half_size">
+
        .drop-link{
−
<p>
+
            position: relative;
−
Here are some suggestions for projects you could work on with other teams:
+
            display: inline-block;
−
</p>
+
        }
  
−
<ul>
+
        .dropdown-content {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
            display: none;
−
<li> Characterize another team's part </li>
+
            position: absolute;
−
<li> Debug a construct </li>
+
            list-style-type: none;
−
<li> Model or simulating another team's system </li>
+
            text-align: left;
−
<li> Test another team's software</li>
+
            background-color: #80002a;
−
<li> Help build and test another team's hardware project</li>
+
            min-width: 160px;
−
<li> Mentor a high-school team</li>
+
            padding-top: 20px !important;
−
</ul>
+
            margin-left: -20px !important;
−
</div>
+
  
 +
        }
  
 +
        .sub-item{
 +
            padding: 15px;
 +
        }
 +
 +
        .dropdown-content a,
 +
        a{
 +
            text-decoration: none !important;
 +
            color: white !important;
 +
            padding-top: 15px;
 +
        }
 +
        .drop-link:hover .dropdown-content {
 +
            cursor: pointer;
 +
            display: block;
 +
            margin-top:0px !important;
 +
        }
 +
 +
        .sub-item:hover{
 +
            background: #5d001f;
 +
            transition: background .2s linear;
 +
        }
 +
        .partner-list{
 +
            display: inline-block;
 +
        }
 +
 +
        .partner{
 +
            padding-top: 40px;
 +
            width:50%;
 +
            display: inline-block;
 +
            float: left;
 +
        }
 +
        .logo{
 +
            width:100%;
 +
            height: 100%;
 +
            max-width: 250px;
 +
            max-height: 180px;
 +
        }
 +
 +
        .flip {
 +
            -webkit-perspective: 800;
 +
            -ms-perspective: 800;
 +
            -moz-perspective: 800;
 +
            -o-perspective: 800;
 +
            width: 400px;
 +
            height: 200px;
 +
            position: relative;
 +
            margin: 20px auto;
 +
        }
 +
        .flip .box.flipped {
 +
            transform:rotatey(-180deg);
 +
            -ms-transform:rotatey(-180deg); /* IE 9 */
 +
            -moz-transform:rotatey(-180deg); /* Firefox */
 +
            -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
 +
            -o-transform:rotatey(-180deg); /* Opera */
 +
        }
 +
        .flip .box {
 +
            width: 100%;
 +
            height: 100%;
 +
            -webkit-transform-style: preserve-3d;
 +
            -webkit-transition: 0.5s;
 +
            -moz-transform-style: preserve-3d;
 +
            -moz-transition: 0.5s;
 +
            -ms-transform-style: preserve-3d;
 +
            -ms-transition: 0.5s;
 +
            -o-transform-style: preserve-3d;
 +
            -o-transition: 0.5s;
 +
            transform-style: preserve-3d;
 +
            transition: 0.5s;
 +
        }
 +
        .flip .box .face {
 +
            width: 100%;
 +
            height: 100%;
 +
            position: absolute;
 +
            z-index: 2;
 +
            text-align: center;
 +
            backface-visibility: hidden;  /* W3C */
 +
            -webkit-backface-visibility: hidden; /* Safari & Chrome */
 +
            -moz-backface-visibility: hidden; /* Firefox */
 +
            -ms-backface-visibility: hidden; /* Internet Explorer */
 +
            -o-backface-visibility: hidden; /* Opera */
 +
 +
        }
 +
        .flip .box .front {
 +
            position: absolute;
 +
            z-index: 1;
 +
            background: white;
 +
            -webkit-box-shadow: 5px 7px 26px -2px rgba(86,86,86,0.5);
 +
            -moz-box-shadow: 5px 7px 26px -2px rgba(86,86,86,0.5);
 +
            box-shadow: 5px 7px 26px -2px rgba(86,86,86,0.5);;
 +
            cursor: pointer;
 +
        }
 +
        .flip .box .back {
 +
            background:#155049;
 +
            color: white;
 +
            cursor: pointer;
 +
            font: 18px 'Open Sans',sans-serif;
 +
 +
            transform:rotatey(-180deg);
 +
            -ms-transform:rotatey(-180deg); /* IE 9 */
 +
            -moz-transform:rotatey(-180deg); /* Firefox */
 +
            -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
 +
            -o-transform:rotatey(-180deg); /* Opera */
 +
 +
        }
 +
        .colab{
 +
            font: 64px 'Leckerli One', cursive !important;
 +
            color: #155049 !important;
 +
            text-align: center !important;
 +
            padding: 60px !important;
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
<div class="wrapper">
 +
    <nav>
 +
        <ul class="navigation-bar">
 +
            <li class="menu-item">
 +
                <a href="https://2016.igem.org/Team:Bulgaria">home</a>
 +
            </li>
 +
 +
            <li class="menu-item drop-link"> project
 +
                <ul class="project-submenu dropdown-content">
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Overview">overview</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Results">results</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/FutureWork">future work</a></li>
 +
                </ul>
 +
            </li>
 +
 +
            <li class="menu-item drop-link">notebook
 +
                <ul class="notebook-submenu dropdown-content">
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/LabBook">lab book</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Safety">safety</a></li>
 +
                </ul>
 +
            </li>
 +
 +
            <li class="menu-item"><a href="https://2016.igem.org/Team:Bulgaria/Lab">lab</a></li>
 +
 +
            <li class="menu-item drop-link">achievements
 +
                <ul class="achievements-submenu dropdown-content">
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/MedalCriteria">medal criteria</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Part">parts</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/HelpGuide">help guide</a></li>
 +
                </ul>
 +
            </li>
 +
 +
            <li class="menu-item drop-link"><a href="https://2016.igem.org/Team:Bulgaria/HP/Silver">human practices</a>
 +
                <ul class="humanpractice-submenu dropdown-content">
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Engagement">public engagement</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Integrated_Practices">integrated human practices</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Collaborations">collaboration</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Entrepreneurship">enterpreneurship</a></li>
 +
                </ul>
 +
            </li>
 +
 +
            <li class="menu-item drop-link">team
 +
                <ul class="team-submenu dropdown-content">
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Members">members</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/OurStory">our story</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Attributions">attributions</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/University">university</a></li>
 +
                    <li class="sub-item"><a href="https://2016.igem.org/Team:Bulgaria/Bulgaria">Bulgaria</a></li>
 +
                </ul>
 +
            </li>
 +
        </ul>
 +
    </nav>
 +
 +
    <main>
 +
        <h1 class="colab">Collaborations</h1>
 +
        <ul class="collaboration">
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/b/b3/Groningen.png" alt="Groningen" class="logo">                                  </div>
 +
                        <div class="face back"><br><br>iGEM Groningen Team send us an e-mail asking to help them out by filling their survey. Team Groningen were very kind and we hope the survey was helpful.
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/f/f8/Gottingen.png" alt="Groningen" class="logo">                                  </div>
 +
                        <div class="face back"><br><br><br>iGEM Team Gottingen wrote us an e-mail asking to help them out by filling their survey and so we did.
 +
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/3/30/Saclay.png" alt="Groningen" class="logo">                                  </div>
 +
                        <div class="face back"><br><br><br>We filled team Paris-Saclay 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/d/de/T--Virginia--collabopen.png" alt="Groningen" class="logo"></div>
 +
                        <div class="face back"><br><br><br>iGEM Virginia’s survey was easy to fill and we are grateful for the collaboration badge we received.
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/2/2e/Uc-davis.png" class="logo">                                                  </div>
 +
                        <div class="face back"><br><br><br>Samir from iGEM UC Davis team contacted us via e-mail and we tried their service iGemMatch.org where we found other teams to collaborate with.
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/9/9d/Vilnius.png" class="logo">                                                  </div>
 +
                        <div class="face back"><br>Vilnius iGEM team- they contacted us by email. Later a member of Vilnius-Lithuania iGEM - Sofija came to Sofia city and we showed her our laboratory. We have exchanged our project ideas, shared experience, and Sofija gave us some insights on how to manage the project. We also showed her around the city.
 +
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/b/b1/Every.jpeg" class="logo">                                                  </div>
 +
                        <div class="face back"><br><br><br>We filled team Evry 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org
 +
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/4/4d/Valencia.png" class="logo">                                                  </div>
 +
                        <div class="face back"><br><br><br>We filled team Valencia 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/d/de/Tec-monteray.png" class="logo">                                                  </div>
 +
                        <div class="face back"><br><br><br>We filled team Tec-Monterrey’s survey. We stumbled across it and afterwards read about their project.
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 +
            <li class="partner">
 +
                <div class="flip">
 +
                    <div class="box">
 +
                        <div class="face front"><img src="https://static.igem.org/mediawiki/2016/7/71/Paris_igem_logo.svg" class="logo"></div>
 +
                        <div class="face back"><br><br>We filled team IONIS Paris 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org
 +
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
        </ul>
 +
    </main>
 +
</div>
 +
<script>
 +
    $(".flip").hover(function(){
 +
        $(this).find(".box").toggleClass("flipped");
 +
        return false;
 +
    });
 +
</script>
 +
</body>
 
</html>
 
</html>

Revision as of 21:53, 19 October 2016

Collaborations



  • iGEM Groningen Team send us an e-mail asking to help them out by filling their survey. Team Groningen were very kind and we hope the survey was helpful.



  • iGEM Team Gottingen wrote us an e-mail asking to help them out by filling their survey and so we did.



  • We filled team Paris-Saclay 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org



  • iGEM Virginia’s survey was easy to fill and we are grateful for the collaboration badge we received.



  • Samir from iGEM UC Davis team contacted us via e-mail and we tried their service iGemMatch.org where we found other teams to collaborate with.

  • Vilnius iGEM team- they contacted us by email. Later a member of Vilnius-Lithuania iGEM - Sofija came to Sofia city and we showed her our laboratory. We have exchanged our project ideas, shared experience, and Sofija gave us some insights on how to manage the project. We also showed her around the city.



  • We filled team Evry 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org



  • We filled team Valencia 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org



  • We filled team Tec-Monterrey’s survey. We stumbled across it and afterwards read about their project.


  • We filled team IONIS Paris 2016’s survey. We were very interested in their project after looking at their team’s info page at igem.org