Difference between revisions of "Team:HebrewU/Protocols"

 
(12 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<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">
 
<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>
 
  
 
<!--- Main Menu script --->
 
<!--- Main Menu script --->
 
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:Hebrewu/Javascript?action=raw&ctype=text/javascript"></script>
  
−
<!--- Footer font Css --->
+
<!--- w3 Css --->
−
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
+
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
 
<!--- Bootstrap Css --->
 
<!--- Bootstrap Css --->
−
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
   <script src="https://2018.igem.org/Template:HebrewU/boot?action=raw&ctype=text/javascript"></script>
−
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
   <link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/strap?action=raw&ctype=text/css">
 +
 
 +
<style>
 +
/* 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; }
 +
 +
    .w3-container {
 +
  overflow: auto;
 +
    }
 +
 +
* {
 +
  -webkit-box-sizing:content-box ;
 +
    -moz-box-sizing:content-box ;
 +
    box-sizing:content-box ;
 +
    }
  
 +
 +
.ahuji {
 +
    color:black
 +
    }
 +
 +
 +
 +
@media (max-width: 1000px) {
 +
    .fixed {
 +
    display: none;
 +
    }
 +
 +
.ulogo { display:none; }
 +
}
 +
 +
#panel, #flip_experts #panel_industry {
 +
    padding: 5px;
 +
    text-align: center;
 +
}
 +
 +
#panel panel_industry{
 +
    padding: 50px;
 +
    display: none;
 +
}
 +
 +
body {
 +
background-color:w3-blue-gray;
 +
 +
}
 +
 +
ul {
 +
 +
padding-left:150px;
 +
padding-right:100px;
 +
 +
 +
}
 +
 +
a {
 +
    color: hotpink;
 +
}
 +
 +
#HQ_page p {
 +
    font-family: inherit;
 +
    font-size:inherit;
 +
    color: white;
 +
}
 +
 +
a:visited {
 +
    color: #F1C6EE;
 +
}
 +
 +
</style>
 +
 +
<script>
 +
function myFunction() {
 +
    var x = document.getElementById("Industry_display");
 +
    if (x.className.indexOf("w3-show") == -1) {
 +
        x.className += " w3-show";
 +
    } else {
 +
        x.className = x.className.replace(" w3-show", "");
 +
    }
 +
}
 +
</script>
 +
 +
<!--- Open interview in new window --->
 
<script type="text/javascript">
 
<script type="text/javascript">
 
             function openTab(th)
 
             function openTab(th)
Line 24: Line 107:
 
                 window.open(th.name,'_blank');
 
                 window.open(th.name,'_blank');
 
             }
 
             }
−
        </script>
+
</script>
  
−
<!--- THIS IS WHERE THE HTML of the page BEGINS --->
+
<script>
 +
function myFunction_2() {
 +
    var x = document.getElementById("Interviews_display");
 +
    if (x.className.indexOf("w3-show") == -1) {
 +
        x.className += " w3-show";
 +
    } else {
 +
        x.className = x.className.replace(" w3-show", "");
 +
    }
 +
}
 +
</script>
  
 
<body>
 
<body>
 +
<div class="w3-blue-gray">
 +
<ul id="ddmenu_hebrewu">
 +
            <li style="float:left;margin-top:12px;padding-left:15px;"><br />Hebrew</li>
  
−
<ul id="ddmenu_hebrewu">
+
    <div class="huji_homebutton">
−
+
           
−
    <div class="huji_homebutton" >
+
        <a href="javascript:void(0);" class="icon" onClick="show_small_nav()">
−
    <li><img id="huji_logo" src="https://static.igem.org/mediawiki/2018/7/76/T--HebrewU--logo_animation.png" width="109" height="18"></li>
+
            <img src="https://static.igem.org/mediawiki/2018/d/dc/T--Hebrewu--huji_small_manu.png" width="20" height="20" padding:"2px">
−
    </div>  
+
        </a>
−
   
+
   
−
    <li><a href="https://2018.igem.org/Team:HebrewU/Project">Project</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>
 
         <ul>
−
            <li><a href="https://2018.igem.org/Team:HebrewU/Motivation">Motivation</a></li>
 
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
 
             <li><a href="https://2018.igem.org/Team:HebrewU/Description">Description</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Results">Results</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Model">Model</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/BioBricks">BioBricks</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Demonstrate">Results</a></li>
−
         </ul>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Parts">Parts</a></li>
−
               
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Software">MOOLTi</a></li>
 +
 
 +
         </ul>      
 
     </li>
 
     </li>
−
    <li><a href="https://2018.igem.org/Team:HebrewU/Team">Team</a>
+
    <li><a>Lab</a>
 
         <ul>
 
         <ul>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Design">Yeast Design</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Attribiutions">Attribiutions</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/Sponsors">Sponsors</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Notebook">Notebook</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo Gallery">Photo Gallery</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>
 
         </ul>
 +
       
 
     </li>
 
     </li>
 +
 
 
      
 
      
−
     <li><a href="https://2018.igem.org/Team:HebrewU/Human Practice">Human Practice</a>
+
     <li><a href="https://2018.igem.org/Team:HebrewU/Human_Practices">Human Practices</a>
 
         <ul>
 
         <ul>
−
                    <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li>
+
            <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Citizen Survey">Citizen Survey</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/Expert Interviews">Expert Interviews</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/Community">Community</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Open_Source">Open Source</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Industry">Industry</a></li>
+
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
 
      
 
      
−
        <li><a href="https://2018.igem.org/Team:HebrewU/Our Lab">Our Lab</a>
+
    <li><a>Team</a>
 
         <ul>
 
         <ul>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Protocols">Protocols</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Team">Members</a></li>
−
            <li><a href="https://2018.igem.org/Team:HebrewU/Notebooks">Notebooks</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Attributions">Attributions</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/Collaborations">Collaborations</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Safety">Safety</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Photo_Gallery">Photo Gallery</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Medal Criteria">Medal Criteria</a></li>
+
−
 
+
 
         </ul>
 
         </ul>
−
       
 
 
     </li>
 
     </li>
−
   
+
            <li ><a href="https://2018.igem.org/Team:HebrewU/Judging">Judging</a></li>
−
   
+
           
−
     <div id="ddmenu_hebrewu_social">
+
     <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://twitter.com/GemHuji"><i class="fa fa-twitter"></i></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.facebook.com/HUJiGEM"><i class="fa fa-facebook"></i></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.instagram.com/hujigem/"><i class="fa fa-instagram"></i></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>  
−
                  <a href="https://www.instagram.com/hujigem/"><i class="fa fa-instagram"></i></a>                    
+
−
               
+
−
    </div>
+
−
   
+
  
−
</ul>    
+
    </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/Demonstrate"><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>
  
−
<div style="padding:30px;"><div>
+
    <button class="huji_small_navbar">Lab</button>
−
<div class="rowhuji">
+
        <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 class="columnhuji side">
+
        </div>
−
  </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/Attributions"><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>
 +
<!----------- 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>
 +
 
 +
<!------------ Script 2 for small navbar ------------->
 +
<script>
 +
    var acc = document.getElementsByClassName("huji_small_navbar");
 +
    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>
 +
   
 +
    <br /><br />
 +
<!--- Page header --->
 +
<div class="w3-blue-gray">
 +
<div class="w3-center w3-animate-left">
 +
            <img src="https://static.igem.org/mediawiki/2018/1/18/T--hebrewu--Protocols_HL.png" width="40%">
 +
</div> 
 +
<!--- Page content start --->
 
    
 
    
−
   <div class="columnhuji middle">
+
   <br />
−
<div class="grid-container">
+
   <p style="padding-left:150px;padding-right:150px;text-align:justify;line-height:1.5">  
−
  <h2 class="ahuji"> Lab Protocols</h2>
+
 
−
   <p class="ahuji" style="text-align:center">
+
−
  <p class="ahuji" style="text-align:left">
+
 
   <b>PCR Reactions </b><br />
 
   <b>PCR Reactions </b><br />
 
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/0/0d/T--HebrewU--Colony_PCR.pdf">Colony PCR </a> |
 
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/0/0d/T--HebrewU--Colony_PCR.pdf">Colony PCR </a> |
 
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/4/4e/T--HebrewU--Phusion.pdf">Phusion Reaction</a> |
 
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/4/4e/T--HebrewU--Phusion.pdf">Phusion Reaction</a> |
−
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/b/be/T--HebrewU--Q5.pdf">Q5 Rection </a> <br />
+
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/b/be/T--HebrewU--Q5.pdf">Q5 Rection </a> <br /><br />
−
  <p class="ahuji" style="text-align:left"> <b> Buffers and Mediums </b><br />     
+
  <b> Buffers and Mediums </b><br />     
 
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/2/2d/T--HebrewU--LB.pdf">LB Medium </a> |
 
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/2/2d/T--HebrewU--LB.pdf">LB Medium </a> |
 
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/f/f4/T--HebrewU--SD.pdf">SD Media</a> |
 
     <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/f/f4/T--HebrewU--SD.pdf">SD Media</a> |
Line 113: Line 283:
 
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/e/e0/T--HebrewU--PCRpurification.pdf">PCR Purification </a> |
 
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/e/e0/T--HebrewU--PCRpurification.pdf">PCR Purification </a> |
 
     <a onClick="openTab(this)" href="#" name= "https://static.igem.org/mediawiki/2018/5/55/T--HebrewU--Miniprep.pdf">Miniprep</a> |
 
     <a onClick="openTab(this)" href="#" name= "https://static.igem.org/mediawiki/2018/5/55/T--HebrewU--Miniprep.pdf">Miniprep</a> |
−
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/5/5d/T--HebrewU--YeastPlasmid.pdf">Yeast Plasmid Extraction</a>
+
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/5/5d/T--HebrewU--YeastPlasmid.pdf">Yeast Plasmid Extraction</a><br /><br />
−
  <p class="ahuji" style="text-align:left">  
+
   <b>Transformations</b><br />
−
   <p class="ahuji" style="text-align:left"><span class="ahuji" style="text-align:left"><b>Transformations</b><br />
+
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/1/1d/T--HebrewU--Agrbacterium.pdf">Agrobactarium Transformation </a> | <a onClick="openTab(this)" href="#" name= "https://static.igem.org/mediawiki/2018/4/4f/T--HebrewU--Ecolitransform.pdf">E. Coli Transformation</a> | <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/a/a5/T--HebrewU--Yeasttransform.pdf">Yeast Transformation</a></span>
−
   <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/1/1d/T--HebrewU--Agrbacterium.pdf">Agrobactarium Transformation </a> | <a onClick="openTab(this)" href="#" name= "https://static.igem.org/mediawiki/2018/4/4f/T--HebrewU--Ecolitransform.pdf">E. Coli Transformation</a> | <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/a/a5/T--HebrewU--Yeasttransform.pdf">Yeast Transformation</a></span>    
+
  </p> 
 +
</div>
 +
<div class="w3-blue-gray" style="height:200px">
 +
.
 
</div>
 
</div>
−
 
 
</body>
 
</body>
−
 
−
 
 
</html>
 
</html>

Latest revision as of 17:32, 12 December 2018

HebrewU HujiGEM 2018




PCR Reactions
Colony PCR | Phusion Reaction | Q5 Rection

Buffers and Mediums
LB Medium | SD Media | TAE Buffer x50

Extraction and Purification
PCR Purification | Miniprep | Yeast Plasmid Extraction

Transformations
Agrobactarium Transformation | E. Coli Transformation | Yeast Transformation

.