Difference between revisions of "Team:HebrewU/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{HebrewU}}
+
<html lang="en">
−
<html>
+
<head>
 +
<title>HebrewU HujiGEM 2018</title>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
  
 +
<!--- Own CSS --->
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
  
 +
<!--- Jquery script - ****** remove when uploading to wiki ********** --->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<!--- Main Menu script --->
−
<h3>★  ALERT! </h3>
+
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
  
−
<div class="clear"></div>
+
<!--- w3 Css --->
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
  
−
<div class="column full_size">
+
<style>
−
<h1>Collaborations</h1>
+
/* Disable I-GEM defult properties for blank page */
 +
#sideMenu, #top_title {display:none;}
 +
#sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;}
 +
#content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 +
#body {background-color:#EDEADC; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
<p>
 
−
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>
+
.w3-container {
−
<p>
+
  overflow: 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>
+
h2 {
 +
color: white;
 +
font: Calibri;
 +
padding: 7px;
 +
 +
}
 +
 
 +
#HQ_page p {
 +
    font-family: Calibri;
 +
    font-size: 20px;
 +
    text-align: center;
 +
color: black;
 +
 
 +
}
 +
 
 +
* {
 +
  -webkit-box-sizing:content-box ;
 +
    -moz-box-sizing:content-box ;
 +
    box-sizing:content-box ;
 +
}
 +
 
 +
.tab-content>.active {
 +
background-color: #edeadc;
 +
}
 +
 +
body {
 +
background-color:#EDEADC;
 +
 +
}
 +
 +
/* collaborations tooltips css*/
 +
#wrapper {
 +
position: relative;
 +
margin: 30px auto 0px auto;
 +
 +
}
 +
 +
/* Hide the original tooltip1s contents */
 +
.pin {
 +
display: none;
 +
}
 +
 +
/* Begin styling the tooltip1s and pins */
 +
.tooltip1-up, .tooltip1-down {
 +
position: absolute;
 +
background: url(arrow-up-down.png);
 +
width: 36px;
 +
height: 52px;
 +
}
 +
 +
.tooltip1-down {
 +
background-position: 0 -52px;
 +
}
 +
 +
.tooltip1 {
 +
display: none;
 +
width: 250px;
 +
position: absolute;
 +
top: 10px;
 +
left: 50%;
 +
z-index: 999;
 +
margin-left: -115px;
 +
padding:15px;
 +
color: white;
 +
border-radius: 5px;
 +
box-shadow: 0 3px 0 rgba(0,0,0,.7);
 +
background: black;
 +
background: linear-gradient(top, #fff1d3, #ffdb90);       
 +
}
 +
 +
.tooltip1::after {
 +
position: absolute;
 +
top: -10px;
 +
left: 50%;
 +
margin-left: -10px;
 +
border-bottom: 10px solid #fff1d3;
 +
border-left: 10px solid transparent;
 +
border-right :10px solid transparent;
 +
}
 +
 +
.tooltip1-down .tooltip1 {
 +
bottom: 12px;
 +
top: auto;
 +
}
 +
 +
.tooltip1-down .tooltip1::after {
 +
bottom: -10px;
 +
top: auto;
 +
border-bottom: 0;
 +
border-top: 10px solid #ffdb90;
 +
}
 +
 +
.tooltip1 h2 {
 +
font: bold 1.3em Calibri, Calibri;;
 +
margin: 0 0 10px;
 +
}
 +
 +
.tooltip1 ul {
 +
font: 1em Calibri, Calibri;;
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}     
 +
 +
 +
.img_huji {
 +
  opacity: 0.2;
 +
  transition: 2s;
 +
 +
}
 +
 +
.img_huji:hover {
 +
  opacity: 1;
 +
  transition: 2s;
 +
}
 +
 +
 +
@media (max-width: 1000px) {
 +
 
 +
.ulogo { display:none; }
 +
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
<!--- Collaboration wrapper script --->
 +
<script>
 +
        $(document).ready(function(){
 +
       
 +
            // set the wrapper width and height to match the img size
 +
            $('#wrapper').css({'width':$('#wrapper img').width(),
 +
                              'height':$('#wrapper img').height()
 +
            })
 +
           
 +
            //tooltip1 direction
 +
            var tooltip1Direction;
 +
                       
 +
            for (i=0; i<$(".pin").length; i++)
 +
            {             
 +
                // set tooltip1 direction type - up or down           
 +
                if ($(".pin").eq(i).hasClass('pin-down')) {
 +
                    tooltip1Direction = 'tooltip1-down';
 +
                } else {
 +
                    tooltip1Direction = 'tooltip1-up';
 +
                    }
 +
           
 +
                // append the tooltip1
 +
                $("#wrapper").append("<div style='left:"+$(".pin").eq(i).data('xpos')+"px;top:"+$(".pin").eq(i).data('ypos')+"px' class='" + tooltip1Direction +"'>\
 +
                                                    <div class='tooltip1'>" + $(".pin").eq(i).html() + "</div>\
 +
                                            </div>");
 +
            }   
 +
           
 +
            // show/hide the tooltip1
 +
            $('.tooltip1-up, .tooltip1-down').mouseenter(function(){
 +
                        $(this).children('.tooltip1').fadeIn(100);
 +
                    }).mouseleave(function(){
 +
                        $(this).children('.tooltip1').fadeOut(100);
 +
                    })
 +
        });
 +
        </script>
 +
 
 +
 
 +
 
 +
<body>
 +
 
 +
<ul id="ddmenu_hebrewu">
 +
            <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
 +
 
 +
    <div class="huji_homebutton">
 +
           
 +
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
 +
            <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px">
 +
        </a>
 +
   
 +
        <a href="https://2018.igem.org/Team:HebrewU">
 +
                <img class="ulogo" src="https://static.igem.org/mediawiki/2018/d/d3/T--Hebrewu--huji_boiling_logo.png" width="60" height="60" style="margin-left:-27px;">
 +
                </a>
 +
  </div>
 +
 
 +
    <li><a>Project</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">Moolti</a></li>
 +
 
 +
        </ul>       
 +
    </li>
 +
    <li><a>Lab</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast Design</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Plant">Plant Design</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Notebook">Notebook</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/InterLab">Inter-lab</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
 +
 
 +
        </ul>
 +
       
 +
    </li>
 +
 
 +
   
 +
    <li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Global_aspects">Global Aspects</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Public_engagment">Public Engagment</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Open_Source">Open Source</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
    <li><a>Team</a>
 +
        <ul>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Attributionss">Attributions</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
 +
        </ul>
 +
    </li>
 +
            <li ><a href="https://2018.igem.org/Team:HebrewU/Judging">Judging</a></li>
 +
           
 +
    <div class="social_huji">
 +
            <a href="https://twitter.com/GemHuji"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/3/39/T--Hebrewu--twitter_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.facebook.com/HUJiGEM"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/8/8a/T--Hebrewu--facebook_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.instagram.com/hujigem/"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/5/54/T--Hebrewu--insta_logo.png" width="25" height="25"></a>
 +
            <a href="https://www.igem.org/Main_Page"> <img class="social_icons" src="https://static.igem.org/mediawiki/2018/1/1a/T--Hebrewu--IGEM_logo.png" width="30"></a>
 +
 
 +
    </div> 
 +
 
 +
</ul>
 +
 
 +
<!----------- Responsive Navbar --------------->   
 +
<div class="huji_smallnav" id="huji_shownav">
 +
    <button class="huji_small_navbar">Project</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Description"><button class="b_huji_small_subnav">Description</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Model"><button class="b_huji_small_subnav">Model</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Results"><button class="b_huji_small_subnav">Results</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Parts"><button class="b_huji_small_subnav">Parts</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Software"><button class="b_huji_small_subnav">Moolti</button></a>
 +
        </div>
 +
 
 +
    <button class="huji_small_navbar">Lab</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Design"><button class="b_huji_small_subnav">Yeast Design</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Plant"><button class="b_huji_small_subnav">Plant Design</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Notebook"><button class="b_huji_small_subnav">Notebook</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/InterLab"><button class="b_huji_small_subnav">InterLab</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Safety"><button class="b_huji_small_subnav">Safety</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Protocols"><button class="b_huji_small_subnav">Protocols</button></a>
 +
 
 +
        </div>
 +
 
 +
    <button class="huji_small_navbar">Human Practice</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Human_Practices"><button class="b_huji_small_subnav">Human Practice - Main Page</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Ethics"><button class="b_huji_small_subnav">Ethics</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Global_aspects"><button class="b_huji_small_subnav">Global Aspects</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Public_Engagment"><button class="b_huji_small_subnav">Public Engagment</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Open_Source"><button class="b_huji_small_subnav">Open Source</button></a>
 +
        </div>
 +
 
 +
 
 +
     
 +
          <button class="huji_small_navbar">Team</button>
 +
        <div class="huji_small_navbar_panel">
 +
            <a href="https://2018.igem.org/Team:HebrewU/Members"><button class="b_huji_small_subnav">Members</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Attributionsn"><button class="b_huji_small_subnav">Attributions</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Collaborations"><button class="b_huji_small_subnav">Collaborations</button></a>
 +
            <a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery"><button class="b_huji_small_subnav">Photo Gallery</button></a>
 +
 
 +
        </div>
 +
       
 +
            <a href="https://2018.igem.org/Team:HebrewU/Judging"><button class="huji_small_navbar">Judging</button></a>
 
</div>
 
</div>
  
−
<div class="column two_thirds_size">
+
<!----------- Script 1 for small navbar --------------->
 +
<script>
 +
        function show_small_nav() {
 +
              var x = document.getElementById("huji_shownav");
 +
            if (x.style.display === "none") {
 +
                x.style.display = "block";
 +
            } else {
 +
                x.style.display = "none";
 +
            }
 +
        }
 +
    </script>
  
−
<h4> Which other teams can we work with? </h4>
+
<!------------ Script 2 for small navbar ------------->
−
<p>
+
<script>
−
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.
+
    var acc = document.getElementsByClassName("huji_small_navbar");
−
</p>
+
    var i;
 +
   
 +
    for (i = 0; i < acc.length; i++) {
 +
        acc[i].addEventListener("click", function() {
 +
            this.classList.toggle("active");
 +
            var huji_small_navbar_panel = this.nextElementSibling;
 +
            if (huji_small_navbar_panel.style.display === "block") {
 +
                huji_small_navbar_panel.style.display = "none";
 +
            } else {
 +
                huji_small_navbar_panel.style.display = "block";
 +
            }
 +
        });
 +
    }
 +
    </script>
  
−
<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>
 
  
 +
<!--- Up button --->
 +
<div class="fixed">
 +
<a href="#ddmenu_hebrewu"> ^ </a>
 
</div>
 
</div>
  
 +
<!--- Page content start --->
 +
<!------------ Collaboration Wrapper ------------->
 +
<h3 align="center" style="padding-top:30px;"> HebrewU I-GEM friends </h3>
 +
<div id="wrapper" style="text-align:center">
 +
<div>
 +
  <img width="1200" height="674" src="https://static.igem.org/mediawiki/2018/a/ad/T--HebrewU--Pinnedmap_draft.png" alt="World continents" class="img_huji">
 +
  </div>
 +
  <div class="columnhuji middle">
 +
<!------------ BGU start ------------->
 +
      <div class="pin pin-up" data-xpos="670" data-ypos="285">   
 +
        <h2>Ben Gurion University (Israel)</h2>   
 +
          <ul>
 +
    Mentoring and inter-lab assistance. <br /> <br />
 +
          <button onClick="document.getElementById('huji_bgu_modal').style.display='block'" class="w3-button w3-purple"><b>+</b></button> 
 +
          </ul>
 +
      </div>
 +
<!------------ BGU modal start ------------->
 +
        <div id="huji_bgu_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-purple">
 +
                <span onClick="document.getElementById('huji_bgu_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>Ben Gurion University: Beersheba, Israel</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
                <p>As it is our university's first time competing in iGEM, we found neighborly mentors in the team from Ben Gurion University (BGU) - only a two hour drive away from our own university! For one, they helped us design an overall yearly program for iGEM tasks based on their previous experiences, also sharing a detailed budget plan with our PI for reference.<br /><br />
  
 +
BGU we instrumental in our completion of the interlab study, which was a necessity for our team to fulfil our medal requirements. Our team did not meet the Interlab standards by the first deadline, and as such it was critical that we did it right for the final submission in August. BGU assisted us by troubleshooting issues we had in our first try, helped us plan out the experiment well, and even provided is with comptent D5a E. coli, which we ran out of when we need them most. <br /><br />
  
−
<div class="column third_size">
+
Finally, BGU hosted a meetup between our two teams which included a quick tour and presentation by our hosts, help establishing good presentation structure for the conference, and a super-fun bowling game!</p>
−
<p>
+
                <img src="bgupic.JPG" width="600" height="400"> <br /> <br />
−
Here are some suggestions for projects you could work on with other teams:
+
          </div>
−
</p>
+
              <footer class="w3-container w3-purple">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ BGU modal end------------->
 +
 
 +
<!------------ Mac start ------------->
 +
      <div class="pin pin-up" data-xpos="1060" data-ypos="570">   
 +
        <h2>Macquaire University (Australia)</h2>   
 +
          <ul>
 +
          Safety Poetry winners! <br /> <br />
 +
          <button onClick="document.getElementById('huji_Mac_modal').style.display='block'" class="w3-button w3-red"><b>+</b></button> 
 +
          </ul>
 +
      </div>
 +
<!------------ start Mac modal ------------->
 +
        <div id="huji_Mac_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-red">
 +
                <span onClick="document.getElementById('huji_Mac_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>Macquarie University: Sydney, Australia</h2>
 +
              </header>
 +
              <div class="w3-container">
 +
                <p>
 +
                    Mr. Chlorofella from Macquarie team amazed us by his performance, which gained his team the 3d printed safety poery trophy for 2018!
 +
       
 +
        <br /> <br />
 +
       
 +
        [video]
 +
       
 +
        <br />  <br />
 +
        <i>Lo! My cells hath grown! <br />
 +
        A sea of specks, like ancient constellations <br />
 +
        Innumerable, and ever doubling.  <br />
 +
        With each cellular division so to is my despair divided, vanquished. <br />  <br />
 +
       
 +
        Before me, my happiness in tremulous agar <br />
 +
        Oh how I've transformed my cells, and how they've transformed me!  <br />
 +
        Plasmids taken up, and with them my heart <br />
 +
        I reach out, drawn to them, attraction inescapable <br /> <br />
 +
       
 +
        Sweet contact, pure bliss, prokarya and eukarya unified as one<br />
 +
        Softly, I wipe away the tears of joy, of science realised<br />
 +
        In an instant my heart sinks, my ungloved hand drawing away from my face in horror<br /> <br />
 +
       
 +
        That was last summer<br />
 +
        Coughing, wheezing, I glance out my hospital window<br />
 +
        And with an autumn breeze fell leaves and a molecular biologist too<br /> <br />
 +
       
 +
        Gathered round a weeping crowd<br />
 +
        Regretting this gloveless tragedy<br /> </i>
 +
       
 +
                        </p>
 +
 
 +
            </div>
 +
              <footer class="w3-container w3-red">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
        <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ end Mac modal ------------->
 +
 
 +
<!------------ NCHU start ------------->
 +
  <div class="pin pin-right" data-xpos="975" data-ypos="300">   
 +
    <h2>NCHU Taichung (Taiwan)</h2> 
 +
      <ul> Research collaboration for the degredation of dioxins. </ul><br />
 +
<button onClick="document.getElementById('huji_nchu_modal').style.display='block'" class="w3-button w3-orange"><b>+</b></button>
 +
 
 +
 
 +
      </ul>
 +
  </div>
 +
<!------------ NCHU modal start ------------->
 +
        <div id="huji_nchu_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-orange">
 +
                <span onClick="document.getElementById('huji_bgu_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>National Chung Hsing University: Taichung, Taiwan</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
                <p>NCHU are working on the same issue – TCDD Degradation. Therefore, we decided to conduct a skype session in order to exchange ideas, plans and different challenge that arose for both teams.</p>
 +
<div style="text-align:center">
 +
                <img src="Taiwan.jpg" width="30%">
 +
                </div>
 +
          </div>
 +
              <footer class="w3-container w3-orange">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ NCHU modal end------------->
 +
 
 +
 
 +
  <div class="pin pin-right" data-xpos="200" data-ypos="330">   
 +
    <h2>TecCEM (Mexico)</h2>   
 +
      <ul>
 +
    Brainstorming and exchanging ideas.  <br /> <br />
 +
      <button onClick="document.getElementById('huji_tec_modal').style.display='block'" class="w3-button w3-blue"><b>+</b></button>
 +
      </ul>
 +
  </div>
 +
<!------------ Tec modal start ------------->
 +
        <div id="huji_tec_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-blue">
 +
                <span onClick="document.getElementById('huji_bgu_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>Monterrey Institute of Technology and Higher Education: <br /> Ciudad López Mateos, Mexico</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
                <p>Exchanging Ideas through a skype meeting, which was organized by Carla and Eliya.</p>
 +
<div style="text-align:center">
 +
<img src="mexico.fw.png" width="40%">
 +
                </div>
 +
          </div>
 +
              <footer class="w3-container w3-blue">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ Tec modal end------------->
 +
 +
 +
 +
      <div class="pin pin-right" data-xpos="630" data-ypos="170">   
 +
    <h2>Tartu University (Estonia)</h2>   
 +
      <ul> Research collaboration and Participation in our Livestream. </ul> <br />
 +
      <button onClick="document.getElementById('huji_tartu_modal').style.display='block'" class="w3-button w3-orange"><b>+</b></button>
 +
   
 +
  </div>
 +
<!------------ Tartu modal start ------------->
 +
        <div id="huji_tartu_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-orange">
 +
                <span onClick="document.getElementById('huji_bgu_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>Tartu University: Tartu, Estonia</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
                <p>During the year we helped Tartu research by completing a survey concerning the use of sunscreen. Moreover, Tartu team participated in our Livestream program
 +
and helped us investigate the problem of dioxin in Estonia.</p>
 +
<div style="text-align:center">
 +
<img src="Tartu.jpg" width="40%">   
 +
                </div>
 +
          </div>
 +
              <footer class="w3-container w3-orange">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ Tec modal end-------------> 
 +
 
 +
 
 +
      <div class="pin pin-right" data-xpos="565" data-ypos="200">   
 +
    <h2>Rotterdam University (Netherlands)</h2>   
 +
      <ul> Loraine from Rotterdam team took part in our exciting safety potery contest! </ul> <br />
 +
      <button onClick="document.getElementById('huji_rot_modal').style.display='block'" class="w3-button w3-yellow"><b>+</b></button>
 +
   
 +
  </div>
 +
<!------------ Rot modal start ------------->
 +
        <div id="huji_rot_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-yellow">
 +
                <span onClick="document.getElementById('huji_bgu_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2 style="color:black">Rotterdam University of Applied Sciences: <br /> Rotterdam, Netherlands</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
            <div style="text-align:center">
 +
                <p>Loraine from Rotterdam took part in our exciting safety potery contest, here is Loraine poetry:  <Br />  <Br />
 +
              <i>  "Feeling safe can be a little hard, <Br />
 +
You can see it as some sort of art.  <Br />
 +
Needing three hands to stay under the flame,  <Br />
 +
If it goes wrong, who’s to blame?  <Br />  <Br />
 +
Wear your goggles and tie up your hair,  <Br />
 +
Doing this is important, I swear.  <Br />
 +
We forget sometimes the things we cannot do, <Br />
 +
But there is much more danger than just the flu. <Br />  <Br />
 +
Not only in the lab where the bacteria grows,  <Br />
 +
Also outside, where Noctiluca scintillans glows.  <Br />
 +
To make something so small, <Br />
 +
Doesn’t mean it is safe for us all.  <Br />  <Br />
 +
Endangering the worldwide population,  <Br />
 +
Did you think of cell inactivation?  <Br />
 +
We live in a world with so much beauty,  <Br />
 +
It’s safe to say: protection is our duty. " </i> <Br />
 +
                </p>
 +
                </div>
 +
          </div>
 +
              <footer class="w3-container w3-yellow">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ Rot modal end-------------> 
 +
 
 +
      <div class="pin pin-right" data-xpos="610" data-ypos="200">   
 +
    <h2>Bielefeld-CeBiTec (Germany)</h2>   
 +
      <ul> Jakob from Bielefeld team took part in our exciting safety potery contest! </ul> <br />
 +
      <button onClick="document.getElementById('huji_bie_modal').style.display='block'" class="w3-button w3-blue"><b>+</b></button>
 +
   
 +
  </div>
 +
<!------------ Bie modal start ------------->
 +
        <div id="huji_bie_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-blue">
 +
                <span onClick="document.getElementById('huji_bgu_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>The Center for Biotechnology in Bielefeld University: <br /> Bielefeld, Germany</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
            <div style="text-align:center">
 +
                <p>Jakob from Rotterdam took part in our exciting safety potery contest, here is Jakob poetry:  <Br />  <Br />
 +
              <i>  The hydrochloric acid at the highest shelf,  <Br />
 +
the pathogenic organism in ones hand.  <Br />
 +
All it need is a little help <Br />
 +
by a poor, clueless guy, isn’t this grand? <Br /> <Br />
 +
 
 +
He shakes the shelf and down goes <Br />
 +
the hydrochloric acid on the floor in a burst. <Br />
 +
The lab member gets unconscious. The pathogen became free <Br />
 +
I’m dead now. Well, I was responsible for the safety. <Br /> <Br />
 +
 
 +
And from this point all went wrong. <Br />
 +
Fume hoods stand open, windows too <Br />
 +
the same old song. <Br />
 +
Nothing I would knew. <Br /> <Br />
 +
 
 +
So the first BA dropped dead <Br />
 +
working with volatile, toxic reagent <Br />
 +
How predictable and sad. <Br />
 +
The second BA got health issues and couldn’t pay his rent. <Br /> <Br />
 +
 
 +
So remember to think forward in the lab. <Br />
 +
It saves multiple lives. <Br />
 +
You neither play with knifes. <Br />
 +
It is easy to do so do it ASAP </i> <Br />
 +
                </p>
 +
                </div>
 +
          </div>
 +
              <footer class="w3-container w3-blue">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ Bie modal end-------------> 
 +
 
 +
    <div class="pin pin-right" data-xpos="615" data-ypos="260">   
 +
    <h2>Thessaloniki (Greece)</h2>   
 +
      <ul> Grigorios from Bielefeld team took part in our exciting safety potery contest! </ul> <br />
 +
      <button onClick="document.getElementById('huji_thes_modal').style.display='block'" class="w3-button w3-green"><b>+</b></button>
 +
  </div>
 +
 
 +
<!------------ Thes modal start ------------->
 +
        <div id="huji_thes_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-green">
 +
                <span onClick="document.getElementById('huji_thes_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>Aristotle University of Thessaloniki: Thessaloniki, Greece</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
            <div style="text-align:center">
 +
                <p>Grigorios from Thessaloniki took part in our exciting safety potery contest, here is Grigorios poetry:  <Br />  <Br />
 +
              <i>  RFP is red <Br />
 +
GFP is green <Br />
 +
as I lie in my bed <Br />
 +
awaiting for my dreams to be seen <Br />
 +
I wake up to the thought <Br />
 +
I begin to turn pale <Br />
 +
as I realize that I forgot  <Br />
 +
to dispose of the agarose gel in the designated pail</i> <Br />
 +
                </p>
 +
                </div>
 +
          </div>
 +
              <footer class="w3-container w3-green">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ Thes modal end-------------> 
 +
 
 +
    <div class="pin pin-right" data-xpos="615" data-ypos="260">   
 +
    <h2>Thessaloniki (Greece)</h2>   
 +
      <ul> Grigorios from Bielefeld team took part in our exciting safety potery contest! </ul> <br />
 +
      <button onClick="document.getElementById('huji_thes_modal').style.display='block'" class="w3-button w3-green"><b>+</b></button>
 +
  </div>
 +
 
 +
<!------------ Imperial modal start ------------->
 +
        <div id="huji_imper_modal" class="w3-modal">
 +
            <div class="w3-modal-content w3-animate-zoom">
 +
              <header class="w3-container w3-blue">
 +
                <span onClick="document.getElementById('huji_imper_modal').style.display='none'"
 +
                class="w3-button w3-display-topright">&times;</span>
 +
                <h2>Imperial College: London, England</h2>
 +
              </header>
 +
            <div class="w3-container">
 +
            <div style="text-align:center">
 +
                <p>Our collaboration with Imperial consisted of two parts:  <Br />  <Br />
 +
              1. Amichai reviewed and gave constructive feedback on Imperial's  "Science Communication Guidelines" to help igem teams and biologist share information with non-scientists and the general public.  <br /> <br />
 +
2. All our team members answered a survey about team communication to help Imperial iGEM team develop their app to help streamline team communication. 
 +
                </p>
 +
                </div>
 +
          </div>
 +
              <footer class="w3-container w3-blue">
 +
                <p> </p>
 +
              </footer>
 +
              </div>
 +
              </div>
 +
              <div style="height:30%;width:1px">
 +
            </div>
 +
        </div>
 +
<!------------ Imperial modal end-------------> 
  
−
<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 simulate 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>
 
</div>
  
  
 +
      <div class="pin pin-right" data-xpos="540" data-ypos="200">   
 +
    <h2>Imperial College (England)</h2>   
 +
    <ul> Feedback on Imperial's Communication Guidelines project and survey forms. </ul> <br />
 +
    <button onClick="document.getElementById('huji_imper_modal').style.display='block'" class="w3-button w3-blue"><b>+</b></button>
 +
 +
  </div>
 +
 +
<!------------ Boston Jewish Community ------------->
 +
 +
    <div class="pin pin-right" data-xpos="300" data-ypos="245">   
 +
    <h2>Boston Jewish Community</h2>   
 +
      <ul> Jamboree hosting families. </ul> <br />
 +
  </div>
 +
 +
 +
<!------------ Modals closing script ------------->
 +
<script>
 +
var Mac = document.getElementById('huji_Mac_modal');
 +
var nchu = document.getElementById('huji_nchu_modal');
 +
var tec = document.getElementById('huji_tec_modal');
 +
var bgu = document.getElementById('huji_bgu_modal');
 +
var tartu = document.getElementById('huji_tartu_modal');
 +
var rot = document.getElementById('huji_rot_modal');
 +
var bie = document.getElementById('huji_bie_modal');
 +
var thes = document.getElementById('huji_thes_modal');
 +
var imper = document.getElementById('huji_imper_modal');
 +
 +
 +
// When the user clicks anywhere outside of the modal, close it
 +
window.onclick = function(event) {
 +
  //alert(event.target)
 +
    if (event.target == Mac) {
 +
        Mac.style.display = "none";
 +
    }
 +
  else if(event.target == bgu) {
 +
        bgu.style.display = "none";     
 +
    }
 +
  else if(event.target == nchu) {
 +
        nchu.style.display = "none";     
 +
    }
 +
  else if(event.target == tec) {
 +
        tec.style.display = "none";     
 +
    }
 +
  else if(event.target == tartu) {
 +
        tartu.style.display = "none";     
 +
    }
 +
  else if(event.target == rot) {
 +
        rot.style.display = "none";     
 +
    }
 +
  else if(event.target == bie) {
 +
        bie.style.display = "none";     
 +
    }
 +
  else if(event.target == thes) {
 +
        thes.style.display = "none";     
 +
    }
 +
  else if(event.target == imper) {
 +
        imper.style.display = "none";     
 +
    }
 +
}
 +
</script>
 +
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 16:44, 6 October 2018

HebrewU HujiGEM 2018

^

HebrewU I-GEM friends

World continents

Ben Gurion University (Israel)

    Mentoring and inter-lab assistance.

×

Ben Gurion University: Beersheba, Israel

As it is our university's first time competing in iGEM, we found neighborly mentors in the team from Ben Gurion University (BGU) - only a two hour drive away from our own university! For one, they helped us design an overall yearly program for iGEM tasks based on their previous experiences, also sharing a detailed budget plan with our PI for reference.

BGU we instrumental in our completion of the interlab study, which was a necessity for our team to fulfil our medal requirements. Our team did not meet the Interlab standards by the first deadline, and as such it was critical that we did it right for the final submission in August. BGU assisted us by troubleshooting issues we had in our first try, helped us plan out the experiment well, and even provided is with comptent D5a E. coli, which we ran out of when we need them most.

Finally, BGU hosted a meetup between our two teams which included a quick tour and presentation by our hosts, help establishing good presentation structure for the conference, and a super-fun bowling game!



Macquaire University (Australia)

    Safety Poetry winners!

×

Macquarie University: Sydney, Australia

Mr. Chlorofella from Macquarie team amazed us by his performance, which gained his team the 3d printed safety poery trophy for 2018!

[video]

Lo! My cells hath grown!
A sea of specks, like ancient constellations
Innumerable, and ever doubling.
With each cellular division so to is my despair divided, vanquished.

Before me, my happiness in tremulous agar
Oh how I've transformed my cells, and how they've transformed me!
Plasmids taken up, and with them my heart
I reach out, drawn to them, attraction inescapable

Sweet contact, pure bliss, prokarya and eukarya unified as one
Softly, I wipe away the tears of joy, of science realised
In an instant my heart sinks, my ungloved hand drawing away from my face in horror

That was last summer
Coughing, wheezing, I glance out my hospital window
And with an autumn breeze fell leaves and a molecular biologist too

Gathered round a weeping crowd
Regretting this gloveless tragedy

NCHU Taichung (Taiwan)

    Research collaboration for the degredation of dioxins.

×

National Chung Hsing University: Taichung, Taiwan

NCHU are working on the same issue – TCDD Degradation. Therefore, we decided to conduct a skype session in order to exchange ideas, plans and different challenge that arose for both teams.

TecCEM (Mexico)

    Brainstorming and exchanging ideas.

×

Monterrey Institute of Technology and Higher Education:
Ciudad López Mateos, Mexico

Exchanging Ideas through a skype meeting, which was organized by Carla and Eliya.

Tartu University (Estonia)

    Research collaboration and Participation in our Livestream.

×

Tartu University: Tartu, Estonia

During the year we helped Tartu research by completing a survey concerning the use of sunscreen. Moreover, Tartu team participated in our Livestream program and helped us investigate the problem of dioxin in Estonia.

Rotterdam University (Netherlands)

    Loraine from Rotterdam team took part in our exciting safety potery contest!

×

Rotterdam University of Applied Sciences:
Rotterdam, Netherlands

Loraine from Rotterdam took part in our exciting safety potery contest, here is Loraine poetry:

"Feeling safe can be a little hard,
You can see it as some sort of art.
Needing three hands to stay under the flame,
If it goes wrong, who’s to blame?

Wear your goggles and tie up your hair,
Doing this is important, I swear.
We forget sometimes the things we cannot do,
But there is much more danger than just the flu.

Not only in the lab where the bacteria grows,
Also outside, where Noctiluca scintillans glows.
To make something so small,
Doesn’t mean it is safe for us all.

Endangering the worldwide population,
Did you think of cell inactivation?
We live in a world with so much beauty,
It’s safe to say: protection is our duty. "

Bielefeld-CeBiTec (Germany)

    Jakob from Bielefeld team took part in our exciting safety potery contest!

×

The Center for Biotechnology in Bielefeld University:
Bielefeld, Germany

Jakob from Rotterdam took part in our exciting safety potery contest, here is Jakob poetry:

The hydrochloric acid at the highest shelf,
the pathogenic organism in ones hand.
All it need is a little help
by a poor, clueless guy, isn’t this grand?

He shakes the shelf and down goes
the hydrochloric acid on the floor in a burst.
The lab member gets unconscious. The pathogen became free
I’m dead now. Well, I was responsible for the safety.

And from this point all went wrong.
Fume hoods stand open, windows too
the same old song.
Nothing I would knew.

So the first BA dropped dead
working with volatile, toxic reagent
How predictable and sad.
The second BA got health issues and couldn’t pay his rent.

So remember to think forward in the lab.
It saves multiple lives.
You neither play with knifes.
It is easy to do so do it ASAP

Thessaloniki (Greece)

    Grigorios from Bielefeld team took part in our exciting safety potery contest!

×

Aristotle University of Thessaloniki: Thessaloniki, Greece

Grigorios from Thessaloniki took part in our exciting safety potery contest, here is Grigorios poetry:

RFP is red
GFP is green
as I lie in my bed
awaiting for my dreams to be seen
I wake up to the thought
I begin to turn pale
as I realize that I forgot
to dispose of the agarose gel in the designated pail

Thessaloniki (Greece)

    Grigorios from Bielefeld team took part in our exciting safety potery contest!

×

Imperial College: London, England

Our collaboration with Imperial consisted of two parts:

1. Amichai reviewed and gave constructive feedback on Imperial's "Science Communication Guidelines" to help igem teams and biologist share information with non-scientists and the general public.

2. All our team members answered a survey about team communication to help Imperial iGEM team develop their app to help streamline team communication.

Imperial College (England)

    Feedback on Imperial's Communication Guidelines project and survey forms.

Boston Jewish Community

    Jamboree hosting families.