Difference between revisions of "Team:HebrewU/Protocols"

(Created page with "<!--- THIS IS WHERE THE HTML BEGINS ---> <html lang="en"> <head> <title>HebrewU HujiGEM 2018</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,...")
 
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 5: 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">
−
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
 
  
−
<!--- Jquery script - remove when uploading to wiki --->
+
<!--- Own CSS --->
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/CSS?action=raw&ctype=text/css">
  
−
<!--- Main Menu script - remove when uploading to wiki --->
+
<!--- 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>
  
 +
<!--- w3 Css --->
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:HebrewU/w3?action=raw&ctype=text/css">
  
−
<!--- THIS IS WHERE THE HTML of the page BEGINS --->
+
<!--- Bootstrap Css --->
 +
  <script src="https://2018.igem.org/Template:HebrewU/boot?action=raw&ctype=text/javascript"></script>
 +
  <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 ;
 +
    }
  
−
<body>
 
  
−
<!--- THIS IS WHERE THE Html of the main menu begins --->
+
.ahuji {
 +
    color:black
 +
    }
  
−
<ul id="ddmenu_hebrewu">
+
 
 +
 
 +
@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;
 
 
−
     <div class="huji_homebutton" >
+
}
−
    <li><a href=""https://2018.igem.org/Team:HebrewU">HebrewU</a></li>
+
 
−
    </div>
+
ul {
−
   
+
−
    <li><a href="https://2018.igem.org/Team:HebrewU/Project">Project</a>
+
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">
 +
            function openTab(th)
 +
            {
 +
                window.open(th.name,'_blank');
 +
            }
 +
</script>
 +
 
 +
<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>
 +
<div class="w3-blue-gray">
 +
<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>
 
         <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/Citizen Survey">Citizen Survey</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Ethics">Ethics</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/Global_aspects">Global Aspects</a></li>
−
             <li><a href="https://2018.igem.org/Team:HebrewU/Community">Community</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/Industry">Industry</a></li>
+
             <li><a href="https://2018.igem.org/Team:HebrewU/Open_Source">Open Source</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 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>
  
−
</ul>    
+
    </div>  
  
−
<div><br><br><div>
+
</ul>  
  
−
<!--- THIS IS WHERE the html content begins --->
+
<!----------- 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 class="rowhuji">
+
    <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 class="columnhuji side">
+
        </div>
−
  </div>
+
−
 
+
−
  <div class="columnhuji middle">
+
−
  <div class="grid-container">
+
−
  <h2 class="ahuji"> Protocols </h2>
+
−
  <p class="ahuji">
+
−
  <br>
+
−
  <div align="center">
+
  
−
  TCDD is counted among the most toxic pollutants known to man.  
+
    <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>
  
−
<b> We hope this research will help detoxify our planet, creating a safer and cleaner environment for everyone. <b>  
+
 
−
<br><br><br>
+
     
 +
          <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>
 
</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 align="center">
+
   <br />
−
   <a href="https://www.instagram.com/hujigem/">
+
   <p style="padding-left:150px;padding-right:150px;text-align:justify;line-height:1.5">  
−
   <button class="buttonhuji buttonhuji1"> Instagram </button></a>
+
−
 
+
−
<a href="https://www.facebook.com/HUJiGEM">
+
−
  <button class="buttonhuji buttonhuji1"> Facebook </button></a>
+
−
<a href="https://twitter.com/GemHuji"> <button class="buttonhuji buttonhuji1"> &nbsp; Twitter </button> </a>
+
  
−
<h2 class="chuji"> HujiGEM@Gmail.com  </h2>
+
  <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/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 /><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/f/f4/T--HebrewU--SD.pdf">SD Media</a> |
 +
    <a onClick="openTab(this)" href="#" name="https://static.igem.org/mediawiki/2018/5/58/T--HebrewU--TAE.pdf">TAE Buffer x50</a> <br /> <br />
 +
    <b>Extraction and Purification</b><br />
 +
  <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/5d/T--HebrewU--YeastPlasmid.pdf">Yeast Plasmid Extraction</a><br /><br />
 +
  <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>
 +
  </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

.