Team:UCSF UCB/test

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
         <!--delete these css links for live versions -->
         <!--delete these css links for live versions -->
       <link rel="stylesheet" href="css/main.css">
       <link rel="stylesheet" href="css/main.css">
-
 
         <link href='http://fonts.googleapis.com/css?family=Flamenco:300,400|Exo+2:400,200' rel='stylesheet' type='text/css'>
         <link href='http://fonts.googleapis.com/css?family=Flamenco:300,400|Exo+2:400,200' rel='stylesheet' type='text/css'>
         <!--<script src="js/raphael-min.js"></script>-->
         <!--<script src="js/raphael-min.js"></script>-->
         <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
         <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
-
        <script src="js/main.js"></script>
 
          
          
     </head>
     </head>
 +
   
 +
<svg height = "0px" width = "0px">
 +
<defs>
 +
<symbol id="icon-graduation">
 +
<path class="path1" d="M5.283 19.581c0.742 3.010 1.686 4.322 4.835 5.699 3.15 1.376 4.646 2.88 5.882 2.88s2.635-1.315 5.786-2.694c3.15-1.374 2.31-1.797 3.053-4.803l-8.838 4.298-10.717-5.379zM31.218 11.738l-13.32-7.459c-1.043-0.584-2.75-0.584-3.794 0l-13.322 7.459c-1.043 0.584-1.043 1.541 0 2.125l13.32 7.459c1.043 0.584 2.75 0.584 3.794 0l8.611-4.822-9.338-2.187c-0.358 0.090-0.754 0.139-1.17 0.139-1.682 0-3.045-0.811-3.045-1.811s1.363-1.813 3.045-1.813c1.306 0 2.418 0.491 2.85 1.178l9.89 3.245 2.478-1.387c1.043-0.584 1.043-1.541 0-2.125zM27.147 25.875c-0.101 0.613 2.053 1.626 2.258-0.174 0.926-8.114-0.666-10.45-0.666-10.45l-2.232 1.25c0-0.002 1.893 1.8 0.64 9.374z"></path>
 +
</symbol>
 +
<symbol id="icon-earth">
 +
<path class="path1" d="M16 0.638c-8.47 0-15.36 6.893-15.36 15.362 0 8.47 6.89 15.362 15.36 15.362s15.36-6.891 15.36-15.362c0-8.469-6.89-15.362-15.36-15.362zM29.101 16c0 2.997-1.018 5.762-2.714 7.97-0.48-0.376-0.989-1.389-0.509-2.438 0.483-1.056 0.61-3.501 0.499-4.451-0.106-0.95-0.6-3.242-1.944-3.264-1.339-0.021-2.259-0.462-3.056-2.053-1.653-3.307 3.102-3.944 1.45-5.776-0.462-0.514-2.853 2.118-3.203-1.389-0.024-0.251 0.216-0.627 0.536-1.016 5.19 1.744 8.941 6.65 8.941 12.418zM14.2 3.030c-0.312 0.608-1.139 0.858-1.643 1.317-1.093 0.989-1.563 0.853-2.154 1.803-0.592 0.95-2.506 2.318-2.506 3.006 0 0.686 0.966 1.499 1.45 1.341 0.483-0.16 1.757-0.15 2.506 0.112 0.75 0.266 6.264 0.53 4.506 5.19-0.557 1.482-2.995 1.232-3.645 3.686-0.098 0.36-0.434 1.898-0.458 2.4-0.038 0.778 0.55 3.709-0.2 3.709-0.754 0-2.779-2.622-2.779-3.098s-0.526-2.142-0.526-3.568-2.427-1.403-2.427-3.299c0-1.712 1.317-2.563 1.021-3.381-0.291-0.816-2.603-0.845-3.566-0.944 1.683-4.371 5.646-7.616 10.422-8.275zM11.88 28.432c0.787-0.414 0.867-0.952 1.581-0.981 0.816-0.035 1.48-0.318 2.398-0.52 0.818-0.178 2.277-1.006 3.565-1.112 1.083-0.090 3.224 0.056 3.8 1.102-2.074 1.376-4.557 2.179-7.224 2.179-1.44 0-2.824-0.237-4.12-0.669z"></path>
 +
</symbol>
 +
<symbol id="icon-arrow-left">
 +
<path class="path1" d="M18.299 7.226c-0.669 0.653-7.203 7.514-7.203 7.514-0.357 0.349-0.534 0.805-0.534 1.261s0.178 0.912 0.534 1.261c0 0 6.534 6.861 7.203 7.512 0.669 0.653 1.872 0.698 2.586 0 0.712-0.696 0.768-1.667-0.002-2.52l-5.995-6.253 5.995-6.253c0.77-0.854 0.714-1.826 0.002-2.522-0.715-0.696-1.918-0.653-2.586 0z"></path>
 +
</symbol>
 +
<symbol id="icon-arrow-down">
 +
<path class="path1" d="M24.773 13.701c-0.651 0.669-7.512 7.205-7.512 7.205-0.349 0.357-0.805 0.534-1.261 0.534-0.458 0-0.914-0.178-1.261-0.534 0 0-6.861-6.536-7.514-7.205-0.651-0.669-0.696-1.87 0-2.586 0.698-0.714 1.669-0.77 2.522 0l6.253 5.997 6.251-5.995c0.854-0.77 1.827-0.714 2.522 0 0.698 0.714 0.654 1.917 0 2.584z"></path>
 +
</symbol>
 +
<symbol id="icon-arrow-up">
 +
<path class="path1" d="M24.773 18.299c-0.651-0.669-7.512-7.203-7.512-7.203-0.349-0.357-0.805-0.536-1.261-0.536-0.458 0-0.914 0.179-1.261 0.536 0 0-6.861 6.534-7.514 7.203-0.651 0.669-0.696 1.872 0 2.586 0.698 0.712 1.669 0.77 2.522 0l6.253-5.995 6.251 5.995c0.854 0.77 1.827 0.712 2.522 0 0.698-0.715 0.654-1.918 0-2.586z"></path>
 +
</symbol>
 +
<symbol id="icon-arrow-right">
 +
<path class="path1" d="M13.701 7.226c0.669 0.653 7.203 7.514 7.203 7.514 0.358 0.349 0.536 0.805 0.536 1.261s-0.178 0.912-0.536 1.261c0 0-6.534 6.861-7.203 7.512-0.669 0.653-1.87 0.698-2.586 0-0.714-0.696-0.77-1.667 0-2.52l5.997-6.253-5.995-6.253c-0.77-0.854-0.714-1.826 0-2.522s1.917-0.653 2.584 0z"></path>
 +
</symbol>
 +
<symbol id="icon-twitter">
 +
<path class="path1" d="M30.72 6.869c-1.085 0.482-2.248 0.805-3.47 0.952 1.248-0.747 2.206-1.931 2.656-3.341-1.166 0.691-2.459 1.195-3.834 1.466-1.102-1.174-2.672-1.907-4.41-1.907-3.336 0-6.040 2.704-6.040 6.038 0 0.474 0.053 0.934 0.157 1.376-5.019-0.251-9.47-2.656-12.448-6.31-0.522 0.891-0.821 1.93-0.821 3.037 0 2.096 1.067 3.944 2.688 5.027-0.99-0.032-1.922-0.302-2.736-0.755 0 0.026 0 0.050 0 0.075 0 2.926 2.083 5.366 4.845 5.923-0.506 0.138-1.040 0.211-1.592 0.211-0.389 0-0.766-0.037-1.136-0.107 0.768 2.4 3 4.146 5.642 4.194-2.067 1.621-4.67 2.586-7.501 2.586-0.488 0-0.968-0.029-1.44-0.085 2.672 1.714 5.846 2.714 9.259 2.714 11.109 0 17.184-9.203 17.184-17.186 0-0.261-0.005-0.522-0.018-0.781 1.181-0.851 2.203-1.915 3.014-3.126z"></path>
 +
</symbol>
 +
<symbol id="icon-facebook">
 +
<path class="path1" d="M24 6.606h-4.57c-0.541 0-1.144 0.71-1.144 1.662v3.299h5.714v4.704h-5.714v14.128h-5.395v-14.126h-4.891v-4.706h4.891v-2.768c0-3.97 2.755-7.2 6.538-7.2h4.571v5.006z"></path>
 +
</symbol>
 +
</defs>
 +
</svg>
 +
   
     <body>
     <body>
         <!--[if lt IE 7]>
         <!--[if lt IE 7]>
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
             <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
         <![endif]-->
         <![endif]-->
-
 
         <div class="header-container">
         <div class="header-container">
             <header class="wrapper clearfix">
             <header class="wrapper clearfix">
 +
                <h1><a href = "./index.html">
 +
                    <svg xmlns="http://www.w3.org/2000/svg" width = "160px" height = "92px" viewBox="0 0 282 162.125" >
 +
<path id = "Logo-Rectangle" fill = "none" stroke = "#000" stroke-width = "2px" d="M1.5,1.5L1.5 161.5 279.5 161.5 279.5 1.5 0.5 1.5"/>
 +
<g id="Logo-Name">
 +
<path d="M27.59 70.762c-2.4 0-4.32-0.42-5.76-1.26c-1.44-0.839-2.52-1.739-3.24-2.7c-1.92-2.351-2.88-5.735-2.88-10.152V17.697 h6.768v38.952c0 1.8 0.2 3.2 0.5 4.248s0.803 1.7 1.3 2.196c0.527 0.5 1.1 0.7 1.7 0.8 c0.576 0.1 1.1 0.1 1.6 0.108c0.479 0 1.008-0.036 1.584-0.108c0.576-0.072 1.127-0.335 1.656-0.792 c0.527-0.456 0.972-1.188 1.332-2.196c0.36-1.008 0.54-2.423 0.54-4.248V17.697h6.768v38.952c0 4.417-0.96 7.801-2.88 10.2 c-0.72 0.961-1.8 1.861-3.24 2.7C31.911 70.3 30 70.8 27.6 70.762z"/>
 +
<path d="M57.47 70.833c-1.296 0-2.448-0.132-3.456-0.396c-1.008-0.263-1.908-0.6-2.7-1.008c-0.792-0.407-1.464-0.864-2.016-1.368 c-0.553-0.504-1.021-0.996-1.404-1.476c-2.016-2.592-3.024-6.239-3.024-10.944V32.89c0-4.704 1.008-8.352 3.024-10.944 c0.767-0.959 1.908-1.896 3.42-2.808c1.512-0.912 3.564-1.368 6.156-1.368c2.592 0 4.6 0.5 6.1 1.4 c1.487 0.9 2.6 1.8 3.4 2.808c2.063 2.6 3.1 6.3 3.1 10.944v3.384h-6.84V32.89c0-2.063-0.205-3.672-0.612-4.824 c-0.408-1.152-0.913-1.98-1.512-2.484c-0.601-0.504-1.236-0.803-1.908-0.9c-0.673-0.096-1.249-0.144-1.728-0.144 c-0.529 0-1.116 0.048-1.764 0.144c-0.648 0.097-1.285 0.396-1.908 0.9c-0.625 0.504-1.141 1.332-1.548 2.5 c-0.408 1.152-0.612 2.761-0.612 4.824v22.752c0 3.1 0.6 5.4 1.7 6.768c0.24 0.3 0.7 0.7 1.3 1.1 c0.623 0.4 1.6 0.6 2.9 0.576s2.243-0.191 2.844-0.576c0.6-0.383 1.044-0.743 1.332-1.08 c1.055-1.44 1.584-3.696 1.584-6.768v-3.384h6.84v3.384c0 4.656-1.033 8.305-3.096 10.944c-0.769 0.961-1.897 1.908-3.384 2.8 C62.102 70.4 60.1 70.8 57.5 70.833z"/>
 +
<path d="M85.189 70.762c-4.224 0-7.416-1.368-9.576-4.104c-2.064-2.544-3.096-6.192-3.096-10.944V52.33h6.768v3.384 c0 3.1 0.6 5.4 1.7 6.696c0.24 0.3 0.7 0.7 1.3 1.044c0.623 0.4 1.6 0.5 3 0.5 c1.296 0 2.328-0.276 3.096-0.828c0.767-0.551 1.355-1.224 1.764-2.016c0.407-0.792 0.671-1.656 0.792-2.592 c0.119-0.936 0.18-1.764 0.18-2.484c0-1.248-0.192-2.304-0.576-3.168c-0.385-0.864-0.889-1.595-1.512-2.196 c-0.625-0.6-1.321-1.104-2.088-1.512c-0.769-0.407-1.537-0.779-2.304-1.116l-1.296-0.576c-0.769-0.335-1.74-0.803-2.916-1.404 c-1.177-0.6-2.34-1.451-3.492-2.556c-2.88-2.783-4.32-6.336-4.32-10.656c0-2.256 0.299-4.32 0.9-6.192 c0.6-1.872 1.464-3.467 2.592-4.788c1.127-1.32 2.472-2.352 4.032-3.096c1.559-0.744 3.276-1.116 5.148-1.116 c2.592 0 4.6 0.5 6.2 1.368c1.512 0.9 2.7 1.8 3.4 2.808c2.063 2.6 3.1 6.3 3.1 11.016v3.384h-6.84V32.89 c0-2.063-0.205-3.672-0.612-4.824c-0.409-1.152-0.925-1.98-1.548-2.484c-0.625-0.504-1.272-0.803-1.944-0.9 c-0.673-0.096-1.249-0.144-1.728-0.144c-1.393 0-2.473 0.336-3.24 1.008c-0.769 0.673-1.357 1.476-1.764 2.4 c-0.408 0.936-0.66 1.872-0.756 2.808c-0.097 0.936-0.144 1.645-0.144 2.124c0 1.2 0.2 2.3 0.6 3.2 c0.383 0.9 0.9 1.7 1.5 2.304c0.624 0.6 1.3 1.2 2.1 1.656c0.792 0.5 1.6 0.9 2.5 1.188l1.152 0.5 c0.671 0.3 1.6 0.7 2.8 1.26c1.175 0.6 2.3 1.4 3.5 2.484c2.976 2.7 4.5 6.3 4.5 10.6 c0 4.08-1.008 7.464-3.024 10.152C92.485 69.2 89.3 70.8 85.2 70.762z"/>
 +
<path d="M109.309 24.538v16.344H124.5v6.768h-15.192v23.184h-6.768V17.77h21.96v6.768H109.309z"/>
 +
<path id = "Logo-And" d="M163.676 69.297c0.129 0.3 0.2 0.5 0.1 0.8c-0.063 0.278-0.224 0.48-0.479 0.6 c-0.171 0.086-0.342 0.128-0.513 0.128c-0.342 0-0.618-0.17-0.831-0.512l-2.433-4.096c-2.176 3.072-5.439 4.608-9.791 4.6 c-2.902 0-5.271-1.045-7.104-3.136c-1.707-1.962-2.56-4.458-2.56-7.488c0-1.408 0.17-2.645 0.512-3.712 c0.341-1.066 0.8-2.026 1.376-2.88c0.575-0.853 1.237-1.621 1.983-2.304c0.746-0.682 1.504-1.344 2.272-1.984 c0.384-0.341 0.757-0.672 1.12-0.992c0.361-0.32 0.736-0.65 1.119-0.992c-0.299-0.426-0.682-1.045-1.151-1.856 c-0.47-0.81-0.918-1.706-1.344-2.688c-0.427-0.981-0.8-2.016-1.12-3.104c-0.32-1.088-0.48-2.165-0.48-3.232 c0-2.858 0.362-4.949 1.088-6.272c0.896-1.664 2.326-2.496 4.289-2.496c2.217 0 3.8 1 4.6 2.9 c0.384 0.9 0.6 1.8 0.7 2.88c0.085 1.1 0.1 2 0.1 2.944c0 1.536-0.15 2.923-0.448 4.2 c-0.299 1.238-0.672 2.326-1.12 3.264c-0.447 0.939-0.906 1.718-1.375 2.336c-0.471 0.619-0.875 1.099-1.217 1.44l8.448 14.4 c0.554-1.621 0.905-3.296 1.056-5.024c0.149-1.728 0.225-3.274 0.225-4.64c0-0.298 0.096-0.544 0.287-0.736 c0.192-0.192 0.416-0.288 0.672-0.288c0.683 0 1 0.3 1 1.024c0 1.622-0.106 3.499-0.319 5.6 c-0.215 2.134-0.769 4.16-1.664 6.08c0 0.043-0.022 0.086-0.064 0.128L163.676 69.297z M149.725 68.8 c4.01 0 6.89-1.514 8.64-4.544l-8.832-15.168c-0.343 0.299-0.673 0.587-0.992 0.864c-0.319 0.278-0.651 0.566-0.992 0.9 c-0.769 0.64-1.483 1.259-2.144 1.856c-0.662 0.598-1.238 1.248-1.729 1.952c-0.49 0.704-0.875 1.504-1.152 2.4 s-0.416 1.942-0.416 3.136c0 1.1 0.1 2.1 0.4 3.168c0.297 1 0.8 2 1.4 2.8 c0.618 0.8 1.4 1.5 2.4 1.952C147.26 68.6 148.4 68.8 149.7 68.85z M149.725 29.682c-0.428 0-0.844 0.075-1.248 0.2 c-0.406 0.15-0.769 0.459-1.088 0.928c-0.32 0.47-0.576 1.152-0.769 2.048s-0.288 2.091-0.288 3.6 c0 0.9 0.1 1.7 0.4 2.656c0.257 0.9 0.6 1.8 1 2.656c0.385 0.9 0.8 1.6 1.2 2.4 c0.406 0.7 0.8 1.3 1.1 1.792c0.17-0.213 0.361-0.469 0.576-0.768c0.213-0.298 0.426-0.618 0.64-0.96 c1.365-2.261 2.048-4.842 2.048-7.744c0-1.408-0.086-2.549-0.256-3.424c-0.171-0.874-0.406-1.568-0.703-2.08 c-0.3-0.512-0.662-0.853-1.089-1.024C150.705 29.8 150.2 29.7 149.7 29.682z"/>
 +
<path d="M192.898 70.762c-2.4 0-4.32-0.42-5.76-1.26c-1.439-0.839-2.52-1.739-3.24-2.7c-1.92-2.351-2.88-5.735-2.88-10.152V17.697 h6.769v38.952c0 1.8 0.2 3.2 0.5 4.248c0.36 1 0.8 1.7 1.3 2.196c0.527 0.5 1.1 0.7 1.7 0.8 c0.576 0.1 1.1 0.1 1.6 0.108c0.479 0 1.008-0.036 1.584-0.108c0.576-0.072 1.127-0.335 1.656-0.792 c0.527-0.456 0.972-1.188 1.332-2.196c0.359-1.008 0.54-2.423 0.54-4.248V17.697h6.768v38.952c0 4.417-0.961 7.801-2.88 10.2 c-0.72 0.961-1.8 1.861-3.24 2.7C197.219 70.3 195.3 70.8 192.9 70.762z"/>
 +
<path d="M222.778 70.833c-1.296 0-2.447-0.132-3.456-0.396c-1.008-0.263-1.907-0.6-2.699-1.008 c-0.792-0.407-1.465-0.864-2.017-1.368s-1.021-0.996-1.403-1.476c-2.017-2.592-3.024-6.239-3.024-10.944V32.89 c0-4.704 1.008-8.352 3.024-10.944c0.767-0.959 1.907-1.896 3.42-2.808c1.512-0.912 3.563-1.368 6.155-1.368 c2.593 0 4.6 0.5 6.1 1.368c1.487 0.9 2.6 1.8 3.4 2.808c2.063 2.6 3.1 6.3 3.1 10.944v3.384h-6.84V32.89 c0-2.063-0.205-3.672-0.612-4.824c-0.408-1.152-0.912-1.98-1.512-2.484c-0.602-0.504-1.236-0.803-1.908-0.9 c-0.673-0.096-1.249-0.144-1.729-0.144c-0.528 0-1.115 0.048-1.764 0.144c-0.647 0.097-1.285 0.396-1.908 0.9 c-0.624 0.504-1.141 1.332-1.548 2.484c-0.408 1.152-0.612 2.761-0.612 4.824v22.752c0 3.1 0.6 5.4 1.7 6.8 c0.24 0.3 0.7 0.7 1.3 1.08c0.623 0.4 1.6 0.6 2.9 0.576c1.297 0 2.243-0.191 2.845-0.576 c0.6-0.383 1.044-0.743 1.332-1.08c1.055-1.44 1.584-3.696 1.584-6.768v-3.384h6.84v3.384c0 4.656-1.033 8.305-3.097 10.9 c-0.768 0.961-1.896 1.908-3.384 2.844C227.41 70.4 225.4 70.8 222.8 70.833z"/>
 +
<path d="M259.137 44.266c0.288 0.3 0.5 0.5 0.6 0.72c2.063 2.5 3.1 6.1 3.1 10.9 c0 4.849-1.032 8.472-3.096 10.872c-2.16 2.689-5.472 4.032-9.937 4.032h-3.456h-6.768v-6.768V17.77h10.224 c4.512 0 7.8 1.3 9.9 4.032c2.063 2.4 3.1 6 3.1 10.872c0 4.8-1.032 8.449-3.096 10.9 C259.616 43.8 259.4 44 259.1 44.266z M246.32 40.881h3.456c1.536 0 2.64-0.18 3.312-0.54 c0.672-0.36 1.127-0.708 1.368-1.044c1.008-1.199 1.512-3.408 1.512-6.624c0-1.872-0.156-3.348-0.468-4.428 c-0.313-1.08-0.745-1.896-1.296-2.448c-0.553-0.551-1.213-0.9-1.98-1.044c-0.769-0.144-1.584-0.216-2.448-0.216h-3.456V40.881z M249.776 64.065c0.864 0 1.68-0.072 2.448-0.216c0.768-0.144 1.428-0.492 1.98-1.044c0.551-0.551 0.982-1.368 1.296-2.448 c0.312-1.08 0.468-2.556 0.468-4.428c0-1.919-0.169-3.432-0.504-4.536c-0.337-1.104-0.781-1.932-1.332-2.484 c-0.553-0.551-1.2-0.9-1.944-1.044c-0.744-0.144-1.548-0.216-2.412-0.216h-3.456v16.416H249.776z"/>
 +
</g>
 +
<g id="Logo-Year">
 +
<path d="M83.127 148.166c-0.438 0-0.656-0.219-0.656-0.656v-26.362c0-0.164 0.062-0.308 0.185-0.431s0.28-0.185 0.472-0.185 c0.191 0 0.3 0.1 0.5 0.185c0.123 0.1 0.2 0.3 0.2 0.431v26.362C83.783 147.9 83.6 148.2 83.1 148.166z"/>
 +
<path d="M94.361 148.166c-1.941 0-3.417-0.629-4.428-1.886c-0.984-1.23-1.476-3.034-1.476-5.412v-13.079 c0-2.378 0.492-4.182 1.476-5.412c0.984-1.229 2.46-1.845 4.428-1.845c1.968 0 3.4 0.6 4.4 1.8 c0.984 1.2 1.5 3 1.5 5.412c0 0.438-0.219 0.656-0.656 0.656c-0.438 0-0.656-0.219-0.656-0.656 c0-1.339-0.151-2.405-0.451-3.198c-0.301-0.792-0.677-1.394-1.127-1.804c-0.451-0.41-0.943-0.677-1.476-0.8 s-1.045-0.185-1.538-0.185c-0.492 0-1.011 0.062-1.558 0.185s-1.045 0.39-1.496 0.8c-0.451 0.41-0.827 1.012-1.128 1.8 c-0.301 0.793-0.451 1.859-0.451 3.198v13.079c0 2 0.4 3.6 1.2 4.592c0.792 1 1.9 1.4 3.4 1.4 c1.503 0 2.651-0.478 3.444-1.435c0.765-0.956 1.148-2.487 1.148-4.592v-3.608h-5.33c-0.438 0-0.656-0.218-0.656-0.655 s0.219-0.656 0.656-0.656h5.986c0.437 0 0.7 0.2 0.7 0.656v4.264c0 2.378-0.492 4.182-1.476 5.4 C97.777 147.5 96.3 148.2 94.4 148.166z"/>
 +
<path d="M105.963 134.964v11.931h7.995c0.191 0 0.3 0.1 0.5 0.185s0.185 0.3 0.2 0.431c0 0.438-0.219 0.656-0.656 0.7 h-8.61c-0.438 0-0.656-0.219-0.656-0.656v-26.362c0-0.164 0.062-0.308 0.185-0.431c0.123-0.123 0.28-0.185 0.471-0.185h8.61 c0.191 0 0.3 0.1 0.5 0.185s0.185 0.3 0.2 0.431c0 0.438-0.219 0.655-0.656 0.655h-7.995v11.891h7.995 c0.437 0 0.7 0.2 0.7 0.655c0 0.164-0.062 0.308-0.185 0.431s-0.281 0.185-0.472 0.185H105.963z"/>
 +
<path d="M135.565 148.166c-0.438 0-0.656-0.219-0.656-0.656V125.78l-6.273 21.935c-0.109 0.301-0.328 0.451-0.656 0.5 c-0.301 0-0.506-0.15-0.615-0.451l-6.273-21.935v21.729c0 0.438-0.219 0.656-0.656 0.656c-0.438 0-0.656-0.219-0.656-0.656v-26.362 c0-0.355 0.191-0.561 0.574-0.615c0.355-0.055 0.6 0.1 0.7 0.451l6.929 24.189l6.97-24.189 c0.109-0.355 0.341-0.506 0.697-0.451c0.383 0.1 0.6 0.3 0.6 0.615v26.362c0 0.191-0.068 0.349-0.205 0.5 C135.879 148.1 135.7 148.2 135.6 148.166z"/>
 +
<path d="M157.828 148.166h-4.47h-4.469c-0.438 0-0.656-0.219-0.656-0.656c0-2.433 0.313-4.496 0.943-6.19 c0.382-1.039 0.882-2.002 1.497-2.891c0.614-0.888 1.359-1.729 2.234-2.521c2.842-2.542 4.264-5.467 4.264-8.774 c0-1.667-0.342-2.965-1.025-3.895c-0.656-0.957-1.586-1.436-2.788-1.436c-1.284 0-2.228 0.425-2.829 1.3 c-0.684 0.93-1.025 2.337-1.025 4.223c0 0.191-0.061 0.349-0.184 0.472s-0.267 0.185-0.431 0.185c-0.438 0-0.656-0.219-0.656-0.656 c0-2.187 0.41-3.854 1.229-5.002c0.902-1.175 2.201-1.763 3.896-1.763c1.667 0 3 0.7 3.9 2 c0.847 1.2 1.3 2.7 1.3 4.633c0 3.69-1.571 6.943-4.715 9.758c-1.421 1.285-2.467 2.721-3.136 4.3 c-0.671 1.585-1.033 3.484-1.088 5.698h3.813h4.47c0.164 0 0.3 0.1 0.5 0.185c0.136 0.1 0.2 0.3 0.2 0.4 c0 0.191-0.068 0.349-0.204 0.472C158.142 148.1 158 148.2 157.8 148.166z"/>
 +
<path d="M167.708 148.166c-0.655 0-1.333-0.096-2.029-0.287c-0.697-0.19-1.333-0.56-1.907-1.106 c-0.573-0.547-1.039-1.292-1.394-2.235c-0.355-0.942-0.532-2.179-0.532-3.71V127.83c0-2.351 0.477-4.154 1.435-5.412 c1.011-1.257 2.487-1.886 4.428-1.886c1.968 0 3.4 0.6 4.4 1.886c0.983 1.2 1.5 3 1.5 5.412v12.997 c0 1.531-0.178 2.768-0.532 3.71c-0.355 0.943-0.819 1.688-1.394 2.235s-1.21 0.916-1.907 1.1 C169.082 148.1 168.4 148.2 167.7 148.166z M167.708 121.803c-1.558 0-2.692 0.479-3.403 1.4 c-0.793 1.012-1.188 2.542-1.188 4.592v12.997c0 2.1 0.4 3.6 1.2 4.633c0.738 1 1.9 1.4 3.4 1.4 c1.503 0 2.651-0.478 3.444-1.435c0.765-0.956 1.148-2.501 1.148-4.633V127.83c0-2.104-0.384-3.635-1.148-4.592 C170.387 122.3 169.2 121.8 167.7 121.803z"/>
 +
<path d="M180.787 148.166c-0.438 0-0.656-0.219-0.656-0.656v-24.559l-2.747 3.362c-0.138 0.137-0.287 0.212-0.451 0.2 c-0.164 0.015-0.314-0.033-0.45-0.144c-0.138-0.136-0.22-0.293-0.246-0.471c-0.028-0.178 0.026-0.335 0.164-0.472l3.895-4.715 c0.191-0.246 0.437-0.301 0.738-0.164c0.272 0.1 0.4 0.3 0.4 0.574v26.362C181.443 147.9 181.2 148.2 180.8 148.166z "/>
 +
<path d="M194.686 148.166c-0.438 0-0.656-0.219-0.656-0.656v-7.79h-9.226c-0.245 0-0.438-0.095-0.573-0.287 c-0.138-0.218-0.138-0.437 0-0.655l9.881-17.917c0.164-0.301 0.41-0.41 0.738-0.328s0.492 0.3 0.5 0.615v26.362 c0 0.191-0.07 0.349-0.205 0.472C194.998 148.1 194.8 148.2 194.7 148.166z M185.87 138.449h8.159v-14.76L185.87 138.449z"/>
 +
</g>
 +
<path id="Logo-Line" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M1.5,108.5L280.5,108.5"/>
 +
<g id="Logo-Gene">
 +
<g id="Logo-GeneLines">
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M96.3,97.3L109.2 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M96.5,103.8L118.2 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M99.3,108.5L127.3 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M108.4,108.5L136.4 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M117.4,108.5L145.4 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M126.5,108.5L154.5 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M135.5,108.5L163.5 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M144.6,108.5L172.6 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M153.7,108.5L181.7 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M162.7,108.5L190.7 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M171.8,108.5L199.8 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M180.9,108.5L208.9 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M189.9,108.5L217.9 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M199,108.5L227 87.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M208,108.5L234.5 88.8"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M217.1,108.5L234.5 96.2"/>
 +
<path fill="none" stroke="#000000" stroke-miterlimit="10" d="M226.2,108.5L234.5 102.5"/>
 +
</g>
 +
<path id = "Logo-Box" stroke = "#000"  fill ="none" Stroke-width = "2px" d="M96.5,108.5L96.5 87.5 234.5 87.5 234.5 108.5"/>
 +
</g>
 +
    <path id="Logo-Promoter" stroke = "#000" stroke-width = "2px" fill = "none" d="M43.5,107.5L43.5 87.5 84.5 87.5 90.3 87.5 82.5 92  82.5 83 90.3 87.5"/>
 +
</svg>
 +
</a></h1>
                 <nav>
                 <nav>
                     <ul>
                     <ul>
-
                         <li><a href="#">nav ul li a</a></li>
+
                         <li class = "project"><a href="./project.html">Project</a></li>
-
                         <li><a href="#">nav ul li a</a></li>
+
                         <li class = "models"><a href= "./models.html">Models</a></li>
-
                         <li><a href="#">nav ul li a</a></li>
+
                         <li class = "hp" ><a href="./hp.html">Human Practices</a></li>
-
                         <li><a href="#">nav ul li a</a></li>
+
                         <li class = "notebooks"><a class = "on-page" href="./notebooks.html">Notebooks & Protocols</a></li>
-
                         <li><a href="#">nav ul li a</a></li>
+
                         <li class = "team"><a href="./team.html">Team</a></li>
-
                         <li><a href="#">nav ul li a</a></li>
+
                         <li class = "igem" ><a href="https://2014.igem.org">
-
                        <li><a href="#">nav ul li a</a></li>
+
                            <svg xmlns="http://www.w3.org/2000/svg" width="60px" height = "48px" viewBox="0 31.5 300 237.5">
 +
<g id="iGEM-logo">
 +
<g id="cellcog">
 +
<path class = "cogs" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M152.75 89.857l15.534-5.151l0.13-20.849 c-0.554-11.92 22.715-15.242 23.338-0.363c0.126 0.623-0.629 21.596-0.629 21.596l14.697 4.326l12.598-21.253 c7.803-10.215 26.4 2.5 20.4 12.372c-5.936 9.843-13.615 20.679-13.615 20.679l14.061 14.154l19.174-10.918 c11.553-5.655 22.9 15.1 14 20c-8.988 4.888-21.938 11.337-21.938 11.337l2.985 16.999l23.036 0.8 c12.044 0.1 13.5 24.9 1 24.111c-12.439-0.767-24.881-1.533-24.881-1.533l-5.048 16.266l18.591 11.6 c9.572 5.859-0.935 25.922-11.946 19.96c-11.013-5.964-19.509-12.526-19.509-12.526l-12.16 10.014l9.898 18.6 c7.695 12.699-13.723 25.357-19.775 13.105c-5.605-11.344-10.345-20.193-10.345-20.193l-17.044 2.088l0.359 17.8 c0.464 12.483-24.253 18.938-24.449 0.354c-0.194-18.587-0.194-18.587-0.194-18.587l-14.672-5.497l-11.244 16.3 c-6.635 10.24-27.319-0.142-19.612-12.146c7.707-12.006 12.913-17.048 12.913-17.048l-10.234-9.868l-19 9.2 c-9.933 4.042-24.562-12.327-10.891-20.342c13.672-8.017 18.424-8.183 18.424-8.183l-3.929-17.846l-23.707-0.44 c-10.628 0.139-11.386-23.897-1.062-24.006c10.326-0.108 25.8 1.2 25.8 1.21l3.501-11.688l-22.321-14.067 c-9.647-5.589 2.399-23.758 13.835-18.266c11.437 5.5 17.8 11 17.8 11.074l14.673-12.74l-12.704-22.313 c-6.283-8.195 12.473-21.875 19.796-11.04c7.319 10.8 14.3 23 14.3 22.981H152.75z M188.738 120.3 c-23.819-6.536-48.428 7.476-54.963 31.296c-6.536 23.8 7.5 48.4 31.3 54.963c23.82 6.5 48.428-7.477 54.964-31.296 c6.515-23.853-7.488-48.436-31.308-54.968L188.738 120.278z"/>
 +
<path fill="#efefef" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M134.021 182.6 c1.347 26.146-4.583 64.152-42.318 62.533c-37.736-1.616-52.022-21.831-49.866-65.497c2.156-43.667 23.45-106.48 31.565-120.717 c8.086-14.285 25.949-34.231 60.817-16.441c34.87 17.8 38.9 22.6 21.7 64.931c-7.277 15.634-19.137 31.537-21.023 43.4 c-1.921 11.864-0.836 31.795-0.836 31.812L134.021 182.569z"/>
 +
</g>
 +
<g id="Letters">
 +
<path display="none" fill="#FFFF00" stroke="#F7931E" stroke-miterlimit="10" d="M95.03 157.865l18.804-4.296 c0.847-25.132-67.665-28.914-63.854 17.241c3.811 46.2 62.3 26.1 64 19.768c0.024-12.314 0.089-26.342 0.089-26.342 l-28.945-0.174v12.326h13.194v5.902c-9.24 8.029-28.295 5.487-28.295-12.297C67.852 147.2 92.4 143.8 95 157.865H95.03z"/>
 +
<path d="M9.503 161.221h17.349v32.877H9.503V161.221z"/>
 +
<path d="M90.362 172.523v-13.496h30.973v27.654c-5.929 4.042-11.172 6.792-15.73 8.252c-4.558 1.461-9.963 2.189-16.217 2.2 c-7.699 0-13.975-1.312-18.827-3.938s-8.613-6.533-11.283-11.726c-2.67-5.19-4.005-11.151-4.005-17.875 c0-7.079 1.46-13.238 4.381-18.474c2.92-5.236 7.197-9.21 12.832-11.924c4.395-2.094 10.31-3.141 17.743-3.141 c7.168 0 12.5 0.6 16.1 1.947c3.554 1.3 6.5 3.3 8.8 6.04c2.345 2.7 4.1 6.2 5.3 10.376l-19.336 3.5 c-0.797-2.449-2.146-4.322-4.049-5.62s-4.329-1.947-7.278-1.947c-4.396 0-7.899 1.526-10.508 4.6 c-2.61 3.053-3.916 7.884-3.916 14.491c0 7 1.3 12 4 15.044c2.64 3 6.3 4.5 11 4.5 c2.242 0 4.38-0.324 6.416-0.974c2.035-0.648 4.365-1.755 6.99-3.319v-6.105H90.362V172.523z"/>
 +
<path d="M152.791 133.255h51.825v13.362h-32.443v9.947h30.095v12.764h-30.095v12.338h33.383v14.172h-52.765V133.255z"/>
 +
<g>
 +
<polygon points="281.5,194.8 281.5,153.2 270.9,194.8 255.9,194.8 245.3,153.2 245.3,194.8 228.5,194.8 228.5,132.6 254.4,132.6 263.5,167.5 272.4,132.6 298.3,132.6 298.3,194.8"/>
 +
<path fill="#efefef" d="M297.652 133.256v60.841h-15.396v-46.399l-11.865 46.399h-13.936l-11.842-46.399v46.399h-15.396v-60.841 h24.725l9.534 37.02l9.467-37.02H297.652 M299.041 131.867h-1.389h-24.71h-1.079l-0.267 1.044l-8.126 31.777l-8.186-31.779 l-0.269-1.042h-1.076h-24.724h-1.389v1.389v60.842v1.389h1.389h15.396h1.389v-1.389v-35.34l9.106 35.683l0.267 1.046h1.079 h13.937h1.078l0.268-1.045l9.131-35.705v35.361v1.389h1.389h15.396h1.389v-1.389v-60.841V131.867L299.041 131.867z"/>
 +
</g>
 +
</g>
 +
<g id="cogs">
 +
<path class = "cogs" fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" d="M72.159 109.283l0.418-2.092l-2.354-1.36 c-1.386-0.707-0.262-3.557 1.464-2.668c0.079 0 2.4 1.5 2.4 1.465l1.438-1.386l-1.596-2.799 c-0.654-1.543 1.988-2.824 2.72-1.517c0.732 1.3 1.6 2.8 1.6 2.877l2.646-0.68v-2.877c0-1.674 3.055-1.622 3.029-0.289 c-0.025 1.334-0.198 3.217-0.198 3.217l2.084 0.758l1.552-2.562c0.785-1.36 3.7 0.1 2.8 1.5 c-0.889 1.359-1.783 2.72-1.783 2.72l1.515 1.621l2.51-1.36c1.282-0.707 2.8 1.8 1.5 2.6 c-1.386 0.863-2.678 1.402-2.678 1.402l0.35 2.024l2.747 0.079c1.935-0.053 2 3.2 0.2 3.1 c-1.647-0.097-2.955-0.13-2.955-0.13l-0.863 2.066l2.034 1.104c1.444 0.8 0.6 3.969-1.538 2.8 c-2.118-1.177-2.118-1.177-2.118-1.177l-1.569 1.308l1.125 2.328c0.732 1.412-1.779 3.085-2.642 1.5 c-0.863-1.648-1.099-2.562-1.099-2.562l-1.779 0.523l-0.183 2.746c-0.184 1.386-2.981 1.988-3.008-0.078 c-0.026-2.067 0.262-2.616 0.262-2.616l-2.275-0.706l-1.579 2.658c-0.67 1.212-3.442-0.251-2.789-1.429 c0.653-1.177 1.805-2.851 1.805-2.851l-1.099-1.15l-3.034 1.621c-1.256 0.732-2.537-1.805-1.177-2.746 c1.36-0.942 2.406-1.243 2.406-1.243l-0.497-2.418h-3.347c-1.334 0-1.674-2.891 0.026-3.021c1.723-0.095 3.548-0.165 3.548-0.187 H72.159z M77.927 107.167c-2.277 2.278-2.277 6 0 8.264c2.277 2.3 6 2.3 8.3 0c2.292-2.292 2.277-5.969 0-8.247 c-2.277-2.277-5.987-2.323-8.274-0.017H77.927z"/>
 +
<path class = "cogs" d="M7.008 140.777l0.473-2.365l-2.66-1.536c-1.566-0.799-0.296-4.02 1.655-3.015c0.088 0 2.7 1.7 2.7 1.7 l1.625-1.566L9.006 130.8c-0.739-1.743 2.246-3.191 3.074-1.714c0.827 1.5 1.7 3.3 1.7 3.251l2.92-0.782v-3.251 c0-1.892 3.563-1.833 3.534-0.326c-0.029 1.508-0.168 3.636-0.168 3.636l2.383 0.857l1.767-2.896 c0.887-1.537 4.2 0.1 3.2 1.625c-1.005 1.536-2.011 3.074-2.011 3.074l1.714 1.832l2.836-1.536 c1.449-0.799 3.3 2 1.7 2.984c-1.567 0.975-3.026 1.584-3.026 1.584l0.395 2.288l3.104 0.1 c2.187-0.059 2.2 3.6 0.2 3.486c-1.861-0.109-3.339-0.147-3.339-0.147l-0.976 2.334l2.298 1.2 c1.633 0.8 0.6 4.486-1.737 3.156c-2.394-1.33-2.394-1.33-2.394-1.33l-1.774 1.478l1.271 2.6 c0.827 1.597-2.011 3.487-2.985 1.626c-0.975-1.862-1.241-2.896-1.241-2.896l-2.01 0.592l-0.208 3.1 c-0.207 1.566-3.369 2.246-3.398-0.088c-0.03-2.336 0.296-2.956 0.296-2.956l-2.572-0.798l-1.785 3 c-0.758 1.371-3.89-0.284-3.151-1.614c0.739-1.331 2.04-3.222 2.04-3.222l-1.242-1.3l-3.428 1.8 c-1.419 0.827-2.867-2.04-1.331-3.104c1.537-1.063 2.719-1.562 2.719-1.562l-0.546-2.86H2.988c-1.508 0-1.892-3.108 0.029-3.255 c1.92-0.147 3.996-0.078 3.996-0.064H7.008z M13.526 138.387c-2.574 2.574-2.574 6.7 0 9.306c2.573 2.6 6.7 2.6 9.3 0 c2.574-2.574 2.574-6.746 0-9.319c-2.56-2.54-6.72-2.54-9.29 0.014H13.526z"/>
 +
<path class = "cogs" fill="none" stroke="#000000" stroke-width="3" stroke-miterlimit="10" d="M101.422 80.159l0.923-4.613l-5.189-2.998 c-3.056-1.558-0.577-7.842 3.228-5.882c0.173 0.1 5.3 3.2 5.3 3.229l3.171-3.056l-3.518-6.169 c-1.442-3.401 4.382-6.227 5.997-3.344c1.614 2.9 3.5 6.3 3.5 6.343l5.834-1.499v-6.343c0-3.689 6.735-3.574 6.678-0.634 c-0.057 2.941-0.436 7.091-0.436 7.091l4.596 1.672l3.421-5.649c1.731-2.999 8.1 0.1 6.2 3.2 c-1.959 2.998-3.931 5.998-3.931 5.998l3.34 3.573l5.533-2.997c2.825-1.558 6.3 3.9 3.3 5.8 c-3.056 1.903-5.903 3.091-5.903 3.091l0.771 4.462l6.055 0.173c4.266-0.116 4.4 7 0.5 6.8 c-3.632-0.214-6.516-0.288-6.516-0.288l-1.904 4.554l4.485 2.435c3.185 1.7 1.2 8.752-3.39 6.2 c-4.67-2.595-4.67-2.595-4.67-2.595l-3.46 2.883l2.48 5.131c1.613 3.113-3.921 6.803-5.824 3.2 c-1.901-3.633-2.421-5.65-2.421-5.65l-3.92 1.153l-0.405 6.054c-0.403 3.056-6.572 4.382-6.63-0.172 c-0.059-4.557 0.577-5.767 0.577-5.767l-5.017-1.556l-3.481 5.86c-1.478 2.673-7.589-0.555-6.148-3.149 c1.441-2.596 3.979-6.285 3.979-6.285l-2.421-2.537l-6.688 3.575c-2.768 1.613-5.593-3.979-2.594-6.054 c2.997-2.076 5.305-2.739 5.305-2.739l-1.096-5.333h-7.38c-2.941 0-3.691-6.372 0.058-6.659c3.726-0.397 7.729-0.536 7.729-0.516 H101.422z M114.139 75.495c-5.021 5.021-5.021 13.2 0 18.181c5.021 5 13.1 5 18.2 0c5.02-5.02 5.02-13.161 0-18.181 c-5.035-5.008-13.167-5.008-18.167 0H114.139z"/>
 +
</g>
 +
</g>
 +
</svg>
 +
 
 +
</a></li>
                     </ul>
                     </ul>
                 </nav>
                 </nav>
             </header>
             </header>
         </div>
         </div>
-
 
+
         <div id = "notebooks">
-
         <div class="landing-container">
+
            <div class="notebooks-container">
-
            <div class = "landing wrapper clearfix">
+
                <div class = "notebooks wrapper clearfix menu">
 +
                    <h1>Notebooks</h1>
 +
                    <a href = "#protocols"><h2>Protocols<svg class="down"><use xlink:href="#icon-arrow-down"></use></svg></h2></a>
 +
                </div>
             </div>
             </div>
-
        </div>
+
            <div class="main-container multi-container">
-
 
+
                <div class="wrapper clearfix">
-
        <div class="main-container">
+
                    <aside>
-
            <div class="main wrapper clearfix">
+
                        <h3>Lab Members</h3>
-
 
+
                        <ul id = "lab-members">
-
                 <article>
+
                            <li><a href = "#e-amidei">Eleanor Amidei</a></li>
 +
                            <li><a href = "#s-chu">Sabrina Chu</a></li>
 +
                            <li><a href = "#j-hsueh">Jessica Hsueh</a></li>
 +
                            <li><a href = "#d-lee">Derrick Lee</a></li>
 +
                            <li><a href = "#j-shu">Jeffery Shu</a></li>
 +
                            <li><a href = "#h-shuaixin">He Shuaixin</a></li>
 +
                            <li><a href = "#e-wong">Eric Wong</a></li>
 +
                            <li><a href = "#r-wong">Robert Wong</a></li>
 +
                            <li><a href = "#i-xi">Ianto Lin Xi</a></li>
 +
                            <li><a href = "#g-yip">George Yip</a></li>
 +
                        </ul>
 +
                    </aside>
 +
                    <article id = "member-select">
 +
                        <header><svg><use xlink:href="#icon-arrow-left"></use></svg>Select a Lab Member</header>
 +
                    </article>
 +
                    <article id = "e-amidei">
 +
                        <header >
 +
                            <h2>Eleanor Amidei</h2>
 +
                        </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                 </article>
 +
                    <article id = "s-chu">
                     <header>
                     <header>
-
                         <h1>article header h1</h1>
+
                         <h2>Sabrina Chu</h2>
-
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 380">
+
-
<path ID = "testli" fill = "#FFFFFF" stroke="#000000" d="M20.071,233.482c50.253-17.259,210.152-145.686,123.35-162.944
+
-
s-19.015,232.486-81.218,269.035s-39.594-44.163-6.599-45.178s67.513,13.198,81.726,20.305s54.314,20.304,80.71,14.721
+
-
s44.163-116.75,31.472-117.258s-25.381,165.991,23.35,121.828"/>
+
-
</svg>
+
-
 
+
                     </header>
                     </header>
                     <section>
                     <section>
-
                         <h2>article section h2</h2>
+
                         <h3>Lab Day whatev</h3>
-
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440 380">
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
-
<path ID = "testli2" fill = "#FFFFFF" stroke="#000000" d="M20.071,233.482c50.253-17.259,210.152-145.686,123.35-162.944
+
                    </section>
-
s-19.015,232.486-81.218,269.035s-39.594-44.163-6.599-45.178s67.513,13.198,81.726,20.305s54.314,20.304,80.71,14.721
+
                    <section>
-
s44.163-116.75,31.472-117.258s-25.381,165.991,23.35,121.828"/>
+
                        <h3>Lab Day whatev2</h3>
-
</svg>
+
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
                     </section>
                     </section>
                     <section>
                     <section>
-
                         <h2>article section h2</h2>
+
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                </article>
 +
                    <article id = "j-hsueh">
 +
                    <header>
 +
                         <h2>Jessica Hsueh</h2>
 +
                    </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                </article>
 +
                    <article id = "d-lee">
 +
                    <header>
 +
                        <h2>Derrick Lee</h2>
 +
                    </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                </article>
 +
                    <article id = "j-shu">
 +
                    <header>
 +
                        <h2>Jeffery Shu</h2>
 +
                    </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                </article>
 +
                    <article id = "h-shuaixin">
 +
                    <header>
 +
                        <h2>He Shuaixin</h2>
 +
                    </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                </article>
 +
                    <article id = "e-wong">
 +
                    <header>
 +
                        <h2>Eric Wong</h2>
 +
                    </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                </article>
 +
                    <article id = "r-wong">
 +
                    <header>
 +
                        <h2>Robert Wong</h2>
 +
                    </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                </article>
 +
                    <article id = "l-xi">
 +
                        {{:Team:UCSF_UCB/ianto}}
 +
                    </article>
 +
                    <article id = "g-yip">
 +
                    <header>
 +
                        <h2>George Yip</h2>
 +
                    </header>
 +
                    <section>
 +
                        <h3>Lab Day whatev</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev2</h3>
 +
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
 +
                    </section>
 +
                    <section>
 +
                        <h3>Lab Day whatev3</h3>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
                     </section>
                     </section>
-
                    <footer>
 
-
                        <h3>article footer h3</h3>
 
-
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor.</p>
 
-
                    </footer>
 
                 </article>
                 </article>
 +
            </div> <!-- #main -->
 +
            </div> <!-- #main-container -->
 +
        </div>
 +
       
 +
        <div id = "protocols">
 +
            <div class="notebooks-container">
 +
                <div class = "notebooks wrapper clearfix menu">
 +
                    <a href = "#notebooks"><h2>Notebooks<svg class="up"><use xlink:href="#icon-arrow-up"></use></svg></h2></a>
 +
                    <h1>Protocols</h1>
 +
                </div>
 +
            </div>
 +
            <div  class="main-container multi-container">
 +
                <div class="wrapper clearfix">
                 <aside>
                 <aside>
-
                     <h3>aside</h3>
+
                     <h3>Protocols</h3>
-
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices.</p>
+
                     <ul id = "lab-members">
 +
                        <li><a href = "#miniprep">Minipreps</a></li>
 +
                        <li><a href = "#pcr-pure">PCR Purification</a></li>
 +
                        <li><a href = "#g-extract">Gel Extractions</a></li>
 +
                        <li><a href = "#e-transform">E-Coli Transformation</a></li>
 +
                        <li><a href = "#y-transform">Yeast Transformation</a></li>
 +
                        <li><a href = "#e-pcr">E-Coli Colony PCR</a></li>
 +
                        <li><a href = "#y-pcr">Yeast Colony PCR</a></li>
 +
                       
 +
                        <li><a href = "#g-stocks">Yeast Frozen Glycerol Stocks</a></li>
 +
                    </ul>
                 </aside>
                 </aside>
 +
                <article id = "member-select">
 +
                    <header>Select a Protocol<svg><use xlink:href="#icon-arrow-right"></use></svg></header>
 +
                </article>
 +
                <article id = "miniprep">
 +
                    <h3>Miniprep</h3>
 +
                    <ol>
 +
                    <li>Resuspend pelleted bacterial cells in 250 µl Buffer PI and transfer to a microcentrifuge tube.</li>
 +
                    <li>Add 250 µl Buffer P2 and gently invert tube 4-6 times to mix</li>
 +
                    <li>Add 350 µl Buffer N3 and invert immediately 4-6 times</li>
 +
                    <li>Centrifuge for 10 min at 13,000 rpm</li>
 +
                    <li>Add supernatant to QIAprep spin column</li>
 +
                    <li>Centrifuge for 30-60s - Discard flow through</li>
 +
                    <li>Wash QIAprep spin column by adding 0.5 ml Buffer PB and centrifuging for 30-60s - Discard flow through</li>
 +
                    <li>Wash column by adding 0.75 ml Buffer PE and centrifuginh for 30-60s</li>
 +
                    <li>Discard flow through and centrifuge for an additional 1 min to remove residual wash buffer</li>
 +
                    <li>Place column in clean 1.5 ml microcentrifuge tube. To elute DNA add 50 µl water or buffer EB, let stand for 1 min and centrifuge for 1 min.</li>
 +
                    </ol>
 +
                </article>
 +
                <article id = "pcr-pure">             
 +
                    <h3>PCR Purification</h3>
 +
                    <ol>
 +
                    <li>5 volumes of Buffer PB (with ethanol) to 1 volume PCR sample</li>
 +
                    <li>Apply sample to column and spin for 1 min</li>
 +
                    <li>Discard flow through </li>
 +
                    <li>To wash add 0.75 ml of Buffer PE to column and centrifuge for 1 min</li>
 +
                    <li>Discard flow through and place column back in the same tube</li>
 +
                    <li>Cetrifuge for an addtitional minute (Dry Spin)</li>
 +
                    <li>Place column in clean 1.5 ml tube</li>
 +
                    <li>[Elute DNA] Add 30µl water to column, let stand for 1 min and centrifuge for 1 min </li>
 +
                    </ol>   
 +
                </article>
 +
                <article id = "g-extract">
 +
                    <h3>Gel Extraction</h3>
 +
                    <p>QlAquick Gel Extraction Kit </p>
 +
                    <ol>
 +
                    <li>Cut Gel</li>
 +
                    <li>Weigh it in a colorless tube</li>
 +
                    <li>Add 3 volumes Buffer Q G to 1 volime Gel (100mg ~ 100µl)</li>
 +
                    <li>Incubate @ 50° C for 10 min or until completely dissolved (vortex every 2-3 min to help dissolve)</li>
 +
                    <li>Add 1 gel volume isopropanal to the sample and mix</li>
 +
                    <li>Place a QlAquick soin column in a provided 2ml collection tube</li>
 +
                    <li>Place sample in column &amp; spin for 1 min --&gt; discard flow through</li>
 +
                    <li>To wash add 0.75 ml Buffer PE to column &amp; centrifue for 1 min, then dry spin</li>
 +
                    <li>Place column in 1.5 ml tube</li>
 +
                    <li>Add 35µl H2O &amp; centrifuge for 1 min.</li>
 +
                    </ol>
 +
                </article>
 +
                <article id = "e-transform">                   
 +
                    <h3>E. Coli Transformation (Digestion/Ligation)</h3>
 +
 +
                    <pre><code>
 +
- 10 µl ligation
 +
- 50 µl competent cells
 +
--&gt; 30m on ice
 +
--&gt; 45s heatshock 42° C
 +
--&gt; 2m on ice
 +
- 250 µl of SOC media
 +
--&gt; 1h shake 37° C
 +
                    </code></pre>   
 +
                </article>
 +
                <article id = "y-transform">
 +
                   
 +
<h3>Yeast Transformation</h3>
 +
 +
<table><thead>
 +
<tr>
 +
<th>Reagents</th>
 +
</tr>
 +
</thead><tbody>
 +
<tr>
 +
<td>YPD</td>
 +
</tr>
 +
<tr>
 +
<td>1 M LiOAc</td>
 +
</tr>
 +
<tr>
 +
<td>10X TE pH 7.5</td>
 +
</tr>
 +
<tr>
 +
<td>1X TE pH 7.5, 0.1 M LiOAc</td>
 +
</tr>
 +
<tr>
 +
<td>50% PEG 3350</td>
 +
</tr>
 +
<tr>
 +
<td>DMSO</td>
 +
</tr>
 +
<tr>
 +
<td>Salmon Sperm DNA (ssDNA)</td>
 +
</tr>
 +
</tbody></table>
 +
 +
<ul>
 +
<li>PEG = viscous, pipette slow</li>
 +
<li>boil ssDNA aliquots </li>
 +
</ul>
 +
 +
<p>Previous Day : Grow yeast strain to be transformed in 5-10 mL YPD overnight at 30° C</p>
 +
 +
<ol>
 +
<li>Set up digest to linearize DNA </li>
 +
<li>Dilute O/N culture ~ 1:20 in YPD grow 2-4 hours at 30° C</li>
 +
<li>Prepare ssDNA - boil for 10m cool on ice for at least 10m (10 µl of 10 mg/mL stock per transformation)</li>
 +
<li>Harvest cells in centrifuge - 3000 rpm, 2-5 min</li>
 +
<li>Wash with 1 ml 0.1 M LiOAin TE</li>
 +
<li>Pellet cells - 3000 rpm , 2-5 min</li>
 +
<li>Resuspend pellet in 100 µl 0.1 M LiOAc in TE per 2.5 ml culture, split into 100 µl per epindorph tube for each transformation</li>
 +
<li>to 100 µl cells add 100 µg ssDNA (10 µl of 10 mg/mL sock), 1-5 µl target DNA</li>
 +
<li>Add (in order): 480 µl 50% PEG 3350, 60 µl 10X TE, 60 µl 1 M LiOAc (for final 40% PEG, 1X TE, 0.1 M LiOAc)  <em>Optional</em>: Add 75 µl DMSO <em>definitely did</em></li>
 +
<li>Vortex</li>
 +
<li>Incubate 42° C for 30m &amp; begin drying plates</li>
 +
<li>Pellet (6000 rpm - 2m), discard supernatant (remove PEG completely by pipetting), resuspend in 500 µl YPD (or selective media)</li>
 +
<li>Pellet, discard supernatant, resuspend in risidual ~ 50 µl YPD</li>
 +
<li>Plate on selective media</li>
 +
<li>Incubate 1-3 days</li>
 +
</ol>   
 +
                </article>
 +
                <article id = "e-pcr">
 +
                    <h3>Colony PCR for screening E. Coli</h3>
 +
 +
<p>Pick single colonies ( 5 or so from each plate ) mix in 25 µl H2O in a tube. Use 5 µl in PCR reaction</p>
 +
 +
<table><thead>
 +
<tr>
 +
<th>Reagents</th>
 +
<th>1X</th>
 +
<th>6X</th>
 +
</tr>
 +
</thead><tbody>
 +
<tr>
 +
<td>2X GoTaq Green PCR Master Mix</td>
 +
<td>10 µl</td>
 +
<td>60 µl</td>
 +
</tr>
 +
<tr>
 +
<td>10 µM Forward primer</td>
 +
<td>1 µl</td>
 +
<td>6 µl</td>
 +
</tr>
 +
<tr>
 +
<td>10 µM Reverse primer</td>
 +
<td>1 µl</td>
 +
<td>6 µl</td>
 +
</tr>
 +
<tr>
 +
<td>Water</td>
 +
<td>3 µl</td>
 +
<td>18 µl</td>
 +
</tr>
 +
<tr>
 +
<td>Bacterial cells (template)</td>
 +
<td>5 µl</td>
 +
<td>-----</td>
 +
</tr>
 +
</tbody></table>
 +
 +
<p>Cycle (Varies): </p>
 +
 +
<pre><code>95° C | 5m
 +
 +
  30x:
 +
        95° C | 45s
 +
        55° C | 30s
 +
        72° C | 1m per kb
 +
 +
72° C | 10m
 +
4° C | Forever
 +
</code></pre>
 +
 +
<p>load 5 µl onto gel</p>
 +
 +
<p>for all positive bands - take the rest of the bands and inoculate them into an overnight LB (+antibiotic) for miniprep</p>
 +
                    </article>
 +
                <article id = "y-pcr">
 +
                  <h3>Colony PCR for Yeast &amp; Patching</h3>
 +
 +
                    <ol>
 +
                    <li>Number colonies</li>
 +
                    <li>Patch on plate</li>
 +
                    <li>Mix in 10 µl NaOH</li>
 +
                    <li>Boil for 20m</li>
 +
                    <li>PCR</li>
 +
                    </ol>
 +
 +
                    <p>Cycle (varies): </p>
 +
                    <pre><code>
 +
95° C | 5m
 +
30x:
 +
        95° C | 45s
 +
        55° C | 30s
 +
        72° C | 1m per kb
 +
 +
72° C | 10m
 +
4° C | Forever
 +
                    </code></pre>
 +
                </article>
 +
                <article id = "g-stocks">
 +
                    <h3>Frozen Glycerol Stocks Yeast</h3>
 +
 +
                    <ol>
 +
                    <li>Grow Overnight in YPD (2-5 mL) then dilute 1:20 in YPD, grow to OD 0.4-0.5</li>
 +
                    <li> Add 350 µl cells to 350 µl sterile 60% glycerol in cryovial, vortex to mix, snap freeze in liquid nitrogen and store at -80° C (but actually we just stuck it in the freezer because nobody will let us use liquid nitrogen).</li>
 +
                    </ol>   
 +
                </article>
             </div> <!-- #main -->
             </div> <!-- #main -->
         </div> <!-- #main-container -->
         </div> <!-- #main-container -->
-
 
+
        </div>
-
         <div class="footer-container">
+
          
-
             <footer class="wrapper">
+
       
-
                 <h3>footer</h3>
+
<div class="footer-container">
 +
             <footer class="wrapper clearfix">
 +
                    <ul id = "sitemap" >
 +
                        <li class = "page">
 +
                            <h4><a href = "./index.html">Home</a></h4>
 +
                        </li>
 +
                        <li class = "page">
 +
                            <h4><a href = "./project.html">Project</a></h4>
 +
                            <ul class = "sections">
 +
                                <li ><a href = "./project.html#background">Background</a></li>
 +
                                <li ><a href = "./project.html#design">Design</a></li>
 +
                                <li ><a href = "./project.html#achievements">Achievements</a></li>
 +
                                <li ><a href = "./project.html#implications">Implications</a></li>
 +
                                <li ><a href = "./project.html#safety">Safety</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class = "page">
 +
                            <h4><a href = "./models.html">Models</a></h4>
 +
                        </li>
 +
                        <li class = "page">
 +
                            <h4><a href = "./human_practices.html">Human Practices</a></h4>
 +
                            <ul class = "sections" >
 +
                                <li ><a href = "./human_practices.html#collaborations">Collaborations</a></li>
 +
                                <li ><a href = "./human_practices.html#alhs">ALHS</a></li>
 +
                                <li ><a href = "./human_practices.html#super_science">Super Science!</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class = "page">
 +
                            <h4><a href = "./notebooks.html">Notebooks & Protocols</a></h4>
 +
                            <ul class = "sections" >
 +
                                <li ><a href = "./notebooks.html#notebooks">Notebooks</a></li>
 +
                                <li ><a href = "./notebooks.html#protocols">Protocols</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class = "page">
 +
                            <h4><a href = "./team.html">Team</a></h4>
 +
                            <ul class = "sections">
 +
                                <li ><a href = "./team.html#team-members">Team Members</a></li>
 +
                                <li><a href = "./team.html#advisors">Advisors</a></li>
 +
                                <li ><a href = "./team.html#sponsors">Sponsors</a></li>
 +
                                <li><a href = "./team.html#attributions">Attributions</a></li>
 +
                                <li ><a href = "./team.html#contact">Contact</a></li>
 +
                                <li ><a href = "https://igem.org/Team.cgi?year=2014&team_name=UCSF_UCB">iGEM Profile</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                 <div class = "social clearfix"><a href = "https://twitter.com/iGEM_UCSF" ><svg><use xlink:href="#icon-twitter"></use></svg>@iGEM_UCSF</a></div>
 +
                <div class = "social clearfix"><a href = "https://www.facebook.com/pages/UCSF-IGEM/290769630936213" ><svg><use xlink:href="#icon-facebook"></use></svg>UCSF iGEM</a></div>
 +
                <div class = "social clearfix"><a href = "http://igem.ucsf.edu" ><svg><use xlink:href="#icon-earth"></use></svg>igem.ucsf.edu</a></div>
 +
                <div class = "copyright clearfix">&copy; 2014 UCSF-UCB iGEM</div>
             </footer>
             </footer>
         </div>
         </div>
-
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
+
         <script>
-
 
+
            $('document').ready(function() {
-
        <script src="js/main.js"></script>
+
                $(".multi-container article").hide();
-
 
+
                $("#notebooks #member-select").show();
 +
                $("#protocols #member-select").show();
 +
            });
 +
           
 +
                $("#notebooks #lab-members li a").click(function(){
 +
                    var href_link = $(this).attr("href");
 +
               
 +
                    $("#notebooks #lab-members li a").removeClass('active');
 +
                    $(this).addClass('active');
 +
                   
 +
                    $("#notebooks article").hide();
 +
                    $("#notebooks " + href_link).show();
 +
                    return false;   
 +
                });
 +
   
 +
            $("#protocols #lab-members li a").click(function(){
 +
                    var href_link = $(this).attr("href");
 +
                    $("#protocols #lab-members li a").removeClass('active');
 +
                    $(this).addClass('active');
 +
                   
 +
                    $("#protocols article").hide();
 +
                    $("#protocols " + href_link).show();
 +
                    return false;   
 +
                });
 +
        </script>
 +
    <script src="js/main.js"></script>
         <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
         <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
         <script>
         <script>

Revision as of 03:26, 25 September 2014

UCSF iGEM 2014

Select a Lab Member

Eleanor Amidei

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Sabrina Chu

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Jessica Hsueh

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Derrick Lee

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Jeffery Shu

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

He Shuaixin

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Eric Wong

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Robert Wong

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

{{:Team:UCSF_UCB/ianto}}

George Yip

Lab Day whatev

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Lab Day whatev3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.

Select a Protocol

Miniprep

  1. Resuspend pelleted bacterial cells in 250 µl Buffer PI and transfer to a microcentrifuge tube.
  2. Add 250 µl Buffer P2 and gently invert tube 4-6 times to mix
  3. Add 350 µl Buffer N3 and invert immediately 4-6 times
  4. Centrifuge for 10 min at 13,000 rpm
  5. Add supernatant to QIAprep spin column
  6. Centrifuge for 30-60s - Discard flow through
  7. Wash QIAprep spin column by adding 0.5 ml Buffer PB and centrifuging for 30-60s - Discard flow through
  8. Wash column by adding 0.75 ml Buffer PE and centrifuginh for 30-60s
  9. Discard flow through and centrifuge for an additional 1 min to remove residual wash buffer
  10. Place column in clean 1.5 ml microcentrifuge tube. To elute DNA add 50 µl water or buffer EB, let stand for 1 min and centrifuge for 1 min.

PCR Purification

  1. 5 volumes of Buffer PB (with ethanol) to 1 volume PCR sample
  2. Apply sample to column and spin for 1 min
  3. Discard flow through
  4. To wash add 0.75 ml of Buffer PE to column and centrifuge for 1 min
  5. Discard flow through and place column back in the same tube
  6. Cetrifuge for an addtitional minute (Dry Spin)
  7. Place column in clean 1.5 ml tube
  8. [Elute DNA] Add 30µl water to column, let stand for 1 min and centrifuge for 1 min

Gel Extraction

QlAquick Gel Extraction Kit

  1. Cut Gel
  2. Weigh it in a colorless tube
  3. Add 3 volumes Buffer Q G to 1 volime Gel (100mg ~ 100µl)
  4. Incubate @ 50° C for 10 min or until completely dissolved (vortex every 2-3 min to help dissolve)
  5. Add 1 gel volume isopropanal to the sample and mix
  6. Place a QlAquick soin column in a provided 2ml collection tube
  7. Place sample in column & spin for 1 min --> discard flow through
  8. To wash add 0.75 ml Buffer PE to column & centrifue for 1 min, then dry spin
  9. Place column in 1.5 ml tube
  10. Add 35µl H2O & centrifuge for 1 min.

E. Coli Transformation (Digestion/Ligation)

 
- 10 µl ligation
- 50 µl competent cells
--> 30m on ice
--> 45s heatshock 42° C
--> 2m on ice
- 250 µl of SOC media
--> 1h shake 37° C
                    

Yeast Transformation

Reagents
YPD
1 M LiOAc
10X TE pH 7.5
1X TE pH 7.5, 0.1 M LiOAc
50% PEG 3350
DMSO
Salmon Sperm DNA (ssDNA)
  • PEG = viscous, pipette slow
  • boil ssDNA aliquots

Previous Day : Grow yeast strain to be transformed in 5-10 mL YPD overnight at 30° C

  1. Set up digest to linearize DNA
  2. Dilute O/N culture ~ 1:20 in YPD grow 2-4 hours at 30° C
  3. Prepare ssDNA - boil for 10m cool on ice for at least 10m (10 µl of 10 mg/mL stock per transformation)
  4. Harvest cells in centrifuge - 3000 rpm, 2-5 min
  5. Wash with 1 ml 0.1 M LiOAin TE
  6. Pellet cells - 3000 rpm , 2-5 min
  7. Resuspend pellet in 100 µl 0.1 M LiOAc in TE per 2.5 ml culture, split into 100 µl per epindorph tube for each transformation
  8. to 100 µl cells add 100 µg ssDNA (10 µl of 10 mg/mL sock), 1-5 µl target DNA
  9. Add (in order): 480 µl 50% PEG 3350, 60 µl 10X TE, 60 µl 1 M LiOAc (for final 40% PEG, 1X TE, 0.1 M LiOAc) Optional: Add 75 µl DMSO definitely did
  10. Vortex
  11. Incubate 42° C for 30m & begin drying plates
  12. Pellet (6000 rpm - 2m), discard supernatant (remove PEG completely by pipetting), resuspend in 500 µl YPD (or selective media)
  13. Pellet, discard supernatant, resuspend in risidual ~ 50 µl YPD
  14. Plate on selective media
  15. Incubate 1-3 days

Colony PCR for screening E. Coli

Pick single colonies ( 5 or so from each plate ) mix in 25 µl H2O in a tube. Use 5 µl in PCR reaction

Reagents 1X 6X
2X GoTaq Green PCR Master Mix 10 µl 60 µl
10 µM Forward primer 1 µl 6 µl
10 µM Reverse primer 1 µl 6 µl
Water 3 µl 18 µl
Bacterial cells (template) 5 µl -----

Cycle (Varies):

95° C | 5m

   30x:
        95° C | 45s
        55° C | 30s
        72° C | 1m per kb

72° C | 10m 
 4° C | Forever

load 5 µl onto gel

for all positive bands - take the rest of the bands and inoculate them into an overnight LB (+antibiotic) for miniprep

Colony PCR for Yeast & Patching

  1. Number colonies
  2. Patch on plate
  3. Mix in 10 µl NaOH
  4. Boil for 20m
  5. PCR

Cycle (varies):


95° C | 5m
30x:
        95° C | 45s
        55° C | 30s
        72° C | 1m per kb

72° C | 10m 
 4° C | Forever
                    

Frozen Glycerol Stocks Yeast

  1. Grow Overnight in YPD (2-5 mL) then dilute 1:20 in YPD, grow to OD 0.4-0.5
  2. Add 350 µl cells to 350 µl sterile 60% glycerol in cryovial, vortex to mix, snap freeze in liquid nitrogen and store at -80° C (but actually we just stuck it in the freezer because nobody will let us use liquid nitrogen).