Difference between revisions of "Team:Uppsala/Phage Display"

 
(114 intermediate revisions by 12 users not shown)
Line 5: Line 5:
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/redirect_js}}
 
{{Uppsala/javascript/redirect_js}}
 +
{{Uppsala/buttons}}
  
 
<html>
 
<html>
 
     <head>
 
     <head>
 +
   
 
         <style type="text/css">
 
         <style type="text/css">
          table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{
 
    background-color: #f2f2f2;
 
    text-align: left;
 
    font-family: monospace;
 
    font-weight: normal;
 
    background: white;
 
      }
 
.blue-letter  {
 
    color: blue;
 
}
 
.red-letter{
 
  color:red;
 
}
 
  
  
          /*  THIS LINE WILL CHANGE THE BACKGROUND IMAGE FOR PARALLAX*/  
+
            * {
          .parallax {
+
                box-sizing: border-box;
 +
            }
 +
 
 +
 
 +
            /* The grid: Four equal columns that floats next to each other */
 +
            .column {
 +
                float: left;
 +
                width: 20%;
 +
                padding: 10px;
 +
            }
 +
 
 +
            /* Style the images inside the grid */
 +
            .column img {
 +
                opacity: 0.8;
 +
                cursor: pointer;
 +
            }
 +
 
 +
            .column img:hover {
 +
                opacity: 1;
 +
            }
 +
 
 +
            /* Clear floats after the columns */
 +
            .row:after {
 +
                content: "";
 +
                display: table;
 +
                clear: both;
 +
            }
 +
 
 +
            /* The expanding image container */
 +
            .container {
 +
                position: relative;
 +
                display: none;
 +
            }
 +
 
 +
            /* Expanding image text */
 +
            #imgtext {
 +
                position: absolute;
 +
                bottom: 15px;
 +
                left: 15px;
 +
                color: white;
 +
                font-size: 20px;
 +
            }
 +
            #figuretext {
 +
                padding-top: 25px;
 +
            }
 +
            /* Closable button inside the expanded image */
 +
            .closebtn {
 +
                position: absolute;
 +
                top: 10px;
 +
                right: 15px;
 +
                color: white;
 +
                font-size: 35px;
 +
                cursor: pointer;
 +
            }
 +
            table.pgrouptable{
 +
                font-family: monospace;
 +
                font-weight: normal;
 +
            }
 +
 
 +
 
 +
            /*  THIS LINE WILL CHANGE THE BACKGROUND IMAGE FOR PARALLAX*/  
 +
            .parallax {
  
 
                 background-image: url("https://static.igem.org/mediawiki/2018/3/3c/T--Uppsala--phagedisplay_banner.jpeg");
 
                 background-image: url("https://static.igem.org/mediawiki/2018/3/3c/T--Uppsala--phagedisplay_banner.jpeg");
         
+
            }
          }
+
            /*****Code related to Animations*/
 +
            .btn-group button {
 +
                background-color: #8B1A32;
 +
                color: #f9f9f9; /* White text */
 +
                padding: 10px 24px; /* Some padding */
 +
                cursor: pointer; /* Pointer/hand icon */
 +
                font-size: 26px;
 +
                border-radius: 4px;
 +
                text-align: center;
  
 +
                transition: all 0.5s;
 +
                font-family: "raleway";
  
         
 
        /*****Code related to Animations*/
 
 
 
       
 
  
         
+
            }
         
+
 
 +
            .btn-group span {
 +
                cursor: pointer;
 +
                display: inline-block;
 +
                position: relative;
 +
                transition: 0.5s;
 +
            }
 +
 
 +
            .btn-group span:after {
 +
                content: '\00bb';
 +
                position: absolute;
 +
                opacity: 0;
 +
                top: 0;
 +
                right: -20px;
 +
                transition: 0.5s;
 +
            }
 +
 
 +
            /* Have added button:hover*/
 +
            .btn-group button:hover span {
 +
                padding-right: 25px;
 +
            }
 +
 
 +
            /* Have added button:hover*/
 +
            .btn-group button:hover span:after {
 +
                opacity: 1;
 +
                right: 0;}
 +
 
 +
            .galleryimg{
 +
                border: 1px solid #8b1a32;
 +
            }
 +
 
 
         </style>
 
         </style>
 
     </head>
 
     </head>
 
  
  
Line 49: Line 134:
 
     <div class="body">
 
     <div class="body">
 
         <div class="parallax"></div>
 
         <div class="parallax"></div>
         <div class="igem-icon"><a href="https://2018.igem.org/Main_Page">
+
         <div class="igem-icon"><a href="https://2018.igem.org/Team:Uppsala"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Uppsala--WormBusterLogo_White.png"></a>
                  <img src="https://static.igem.org/mediawiki/2018/b/b0/T--Uppsala--graylogo.png"></a></div>
+
        </div>
  
 +
        <!------------ CHANGE THIS FOR ANOTHER ANIMATED TEXT -------------------->
  
  
 +
        <!-- ONLY IF YOU REALLY REALLY NEED TO:  change the class from "svg-wrapper" to "sv" to have the text at the bottom of the image -->
 +
        <div class="svg-wrapper" id="Project_Description">
  
  
 +
            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 +
                viewBox="0 0 2412 244" style="enable-background:new 0 0 2412 244;" xml:space="preserve">
 +
                <style type="text/css">
 +
                    .st0{fill:#fff;stroke:#FFFFFF;stroke-miterlimit:10;}
 +
                </style>
 +
                <g>
 +
                    <path class="st0" d="M8.6,22c24.6,0.8,40.3,1.2,47,1.2c9.2,0,19.5-0.2,30.9-0.7c12.1-0.4,19.6-0.6,22.4-0.6c13.7,0,25,1.4,33.9,4.2
 +
                                        c8.9,2.8,16.3,8,22.2,15.5c5.9,7.5,8.8,16.6,8.8,27.2c0,8.8-2.1,17.3-6.2,25.5s-9.8,15.2-17.1,20.9c-7.3,5.8-14.7,9.9-22.3,12.4
 +
                                        c-7.5,2.5-15.3,3.7-23.4,3.7c-6.1,0-12.8-0.7-20.2-2.1l-2.5-8.9l1.3-1.5c7.3,1.7,13.3,2.5,17.9,2.5c12.8,0,23.1-4.2,30.8-12.7
 +
                                        c7.8-8.4,11.6-19.3,11.6-32.4c0-13.3-4-23.9-12.1-31.8s-20.2-11.9-36.5-11.9c-8.9,0-18.7,1.7-29.3,5c-0.9,7.5-1.3,25.7-1.3,54.5
 +
                                        V160l0.1,28.6c0.1,11,0.4,18.2,0.9,21.4c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2
 +
                                        c-24.9-0.8-38.9-1.2-42-1.2c-3.3,0-17.3,0.4-41.9,1.2L7.5,229v-7.3l1.2-0.9c9.1-0.4,15.1-0.9,18.2-1.5c3-0.6,5.1-1.3,6.1-2.3
 +
                                        c1-0.9,1.9-2.9,2.5-5.9c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4
 +
                                        c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L8.6,22z"/>
 +
                    <path class="st0" d="M189.8,22c24.9,0.8,38.9,1.2,41.9,1.2c3.2,0,17.2-0.4,42-1.2l1.2,1v7.3l-1.2,1c-6.7,0.2-11.9,0.5-15.6,0.9
 +
                                        c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.8,3.6-3.3,7.5c-0.5,4-0.8,9.4-0.8,16.5l-0.3,33.7v20.5c21.4,0.6,41.6,0.9,60.8,0.9
 +
                                        c26.2,0,46.1-0.3,59.8-0.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.9-21.5c-0.5-3.2-1.2-5.4-2.1-6.4c-0.9-1.1-2.6-2-5.3-2.6
 +
                                        c-2.6-0.7-9.2-1.2-19.6-1.6l-1-1V23l1-1c25,0.8,39,1.2,42,1.2c3.3,0,17.3-0.4,42-1.2l1.2,1v7.3l-1.2,1c-6.8,0.2-12.1,0.5-15.7,0.9
 +
                                        c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.7,3.6-3.2,7.5c-0.5,4-0.8,9.4-0.9,16.5l-0.3,33.7V160l0.3,28.6c0.1,11,0.4,18.2,0.9,21.4
 +
                                        c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7c2.6,0.7,9.1,1.3,19.6,1.7l1.2,0.9v7.3l-1.2,1.2c-25-0.8-39-1.2-42-1.2
 +
                                        c-3.1,0-17.1,0.4-42,1.2l-1-1.2v-7.3l1-0.9c9.2-0.4,15.3-0.9,18.3-1.5c3-0.6,5-1.3,6-2.3c1-0.9,1.8-2.9,2.5-5.9c0.7-3,1-9.8,1-20.2
 +
                                        l0.3-30.9v-33.4c-28.9-0.6-49.2-0.9-60.8-0.9c-11.9,0-31.8,0.3-59.8,0.9V160l0.1,28.6c0.1,11,0.4,18.2,0.9,21.4
 +
                                        c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2c-24.9-0.8-38.9-1.2-42-1.2
 +
                                        c-3,0-17,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9c9.1-0.4,15.1-0.9,18.2-1.5c3-0.6,5.1-1.3,6.1-2.3c1-0.9,1.9-2.9,2.5-5.9
 +
                                        c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4c-0.9-1.1-2.7-2-5.3-2.6
 +
                                        c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L189.8,22z"/>
 +
                    <path class="st0" d="M437.3,230.2l-1.3-1.2v-7.6l1.3-1.2c7.1-0.1,11.7-0.5,13.8-1.1c2.1-0.6,3.9-1.9,5.5-3.8s4.9-8.1,9.7-18.7
 +
                                        l15.4-33.4L521.5,73c7.5-17.7,15-35.4,22.4-53h9.5L616,167l8.3,19.6c2.4,5.6,5.2,11.6,8.4,18.2c3.2,6.5,5.4,10.4,6.6,11.6
 +
                                        c1.2,1.2,2.7,2.1,4.5,2.7c1.8,0.6,5.8,1,12.1,1.1l1.2,1.2v7.6l-1.2,1.2c-10.4-0.9-19.7-1.3-28-1.3c-16.2,0.5-32.4,0.9-48.6,1.3
 +
                                        l-1.2-1.2v-7.6l1.2-1.2c10.9-0.2,17.8-0.7,20.5-1.4c2.7-0.7,4.1-2.4,4.1-5.1c0-2.1-0.7-5-2.1-8.5l-18-44.7h-84.8l-16,37.5
 +
                                        c-2.8,6.7-4.2,11.7-4.2,14.8c0,2.4,1.3,4.2,4,5.4s9.3,1.8,19.9,1.9l1.3,1.2v7.6l-1.2,1.2c-12.6-0.8-23.6-1.2-33.1-1.2
 +
                                        C459,229,448.2,229.4,437.3,230.2z M504.1,148h74.1l-36.8-88.3L504.1,148z"/>
 +
                    <path class="st0" d="M883.6,149.2v4.4l-0.6,1.8l-7.2,4.2c-1.8,1.1-2.8,1.9-3.1,2.5s-0.7,3.5-1.1,8.7c-0.4,5.2-0.7,11.6-0.7,19.1
 +
                                        c0,8.5,0.5,17.7,1.6,27.7l-0.9,1.5c-26.8,10.3-54.3,15.4-82.5,15.4c-21.7,0-41.3-4.1-58.7-12.3c-17.5-8.2-31.3-20.4-41.6-36.5
 +
                                        s-15.4-35.3-15.4-57.4c0-33.8,11.5-60.6,34.6-80.6c23.1-19.9,53.2-29.9,90.5-29.9c27.3,0,51.9,4.6,73.7,13.9l1,1.6
 +
                                        c-1.8,6.5-3.8,20.3-6.2,41.2l-1.2,1h-6.7l-1.2-1.2l-0.7-15.5c-0.3-5.1-0.6-8.1-1-8.9c-0.3-0.9-1.4-2-3.1-3.4
 +
                                        c-1.8-1.4-6.3-3.7-13.5-6.7c-7.3-3.1-14.6-5.3-21.9-6.7c-7.3-1.4-15.2-2.1-23.6-2.1c-17.9,0-33.7,3.7-47.5,11.1
 +
                                        c-13.8,7.4-24.1,18.2-31.1,32.4c-7,14.2-10.5,30-10.5,47.4c0,18,3.8,34.7,11.3,50.2c7.5,15.5,18.3,27.6,32.4,36.3
 +
                                        c14.1,8.7,30.4,13,49.1,13c8.1,0,16.4-0.8,24.8-2.4c8.4-1.6,15.4-3.9,20.9-6.8c0.9-3.1,1.3-9.4,1.3-18.9v-16.3
 +
                                        c0-7.7-0.5-12.5-1.5-14.4c-1-1.9-3.4-3.2-7.3-4c-3.9-0.8-12.2-1.3-25-1.5l-1.3-1.3v-6.4l1.3-1.3l8.9,0.3
 +
                                        c15.3,0.5,27.8,0.7,37.5,0.7c5.6,0,13.7-0.3,24.5-0.9L883.6,149.2z"/>
 +
                    <path class="st0" d="M903.8,23l1.2-1c33.5,0.6,54.9,0.9,64.3,0.9c32,0,60.5-0.3,85.5-0.9l0.7,1c-2.4,9.4-4.2,24.1-5.4,44.1
 +
                                        l-0.9,1.2h-7.2l-1.3-1.2c0.1-0.9,0.1-1.7,0.1-2.3c0-8.3-0.6-16.2-1.9-23.7c-6.2-2.7-14.7-4.5-25.6-5.3c-10.9-0.8-19.1-1.2-24.5-1.2
 +
                                        c-7.7,0-17.6,0.5-29.6,1.6l-0.6,23.4l-0.4,26.8l-0.4,29.7c10.5,0.6,20.3,0.9,29.2,0.9c9,0,16.5-0.3,22.6-0.9
 +
                                        c6.1-0.6,9.6-1.2,10.6-1.8c1-0.6,1.8-1.9,2.3-3.7c0.5-1.8,1-5,1.4-9.6l0.6-9.1l1.2-1.2h6.7l1.2,1.2c-0.2,10.6-0.4,21.3-0.7,32.1
 +
                                        l0.7,33l-1.2,1.2h-6.7l-1.2-1.2l-1-8.8c-0.9-6.8-1.5-10.9-1.9-12.2c-0.4-1.3-1.3-2.5-2.7-3.4c-1.4-1-5.1-1.8-10.9-2.3
 +
                                        s-13.9-0.9-24.2-0.9c-5.7,0-14.3,0.2-25.9,0.7c-0.5,8.2-0.7,21.9-0.7,41c0,20.5,0.2,35.6,0.7,45.3h27c23.7,0,38.6-0.3,44.5-0.9
 +
                                        c6-0.6,11.6-2,17-4.2c0.9-2.2,2.3-7.4,4.3-15.6c2-8.2,3.1-13.3,3.4-15.3l1.5-1h7l1.2,1c-0.9,4.2-1.7,11.5-2.6,22
 +
                                        c-0.8,10.5-1.2,19.4-1.2,26.8l-1,1.2c-18.7-0.6-43.1-0.9-73.2-0.9l-39.8-0.3c-9.3,0-18.9,0.4-29,1.2l-1.2-1.2v-4.8l1.2-1.5
 +
                                        c5.8-2.9,9.1-4.8,9.9-5.5c0.8-0.7,1.5-9.3,2.1-25.6c0.5-16.4,0.8-28.8,0.8-37.4v-53.8l-0.1-33.3c0-7.2-0.1-13.1-0.3-17.7
 +
                                        c-0.2-4.5-0.5-7.8-1-9.7c-0.5-2-1.1-3.3-1.7-4.1c-0.6-0.8-1.7-1.4-3.1-2c-1.4-0.5-3.8-1-7.3-1.4L905,31.4l-1.2-1V23z"/>
 +
                    <path class="st0" d="M1155.8,23l1.2-1c16.9,0.8,28.4,1.2,34.6,1.2l68.6-1.5c19.5,0,35.5,1.8,48,5.5c12.5,3.7,23.6,10,33.3,19
 +
                                        c9.7,9,17.1,19.5,22.1,31.5c5,12,7.5,24.7,7.5,38.3c0,13.2-2.3,26.2-6.9,39.1c-4.6,12.9-11.1,24.4-19.6,34.6
 +
                                        c-8.4,10.2-18.1,18.4-28.9,24.7c-10.8,6.3-21.6,10.4-32.4,12.5s-21.9,3.1-33.3,3.1c-7.6,0-22-0.3-43.1-0.9
 +
                                        c-6.9-0.2-11.5-0.3-13.8-0.3c-6.7,0-14.9,0.4-24.5,1.2l-1.2-1.2v-4.8l1.2-1.5c5.8-2.9,9.1-4.8,9.9-5.5c0.8-0.7,1.5-9.3,2.1-25.6
 +
                                        c0.5-16.4,0.8-28.8,0.8-37.4v-53.8l-0.1-33.3c0-7.2-0.1-13.1-0.3-17.7c-0.2-4.5-0.5-7.8-1-9.7c-0.5-2-1.1-3.3-1.7-4.1
 +
                                        c-0.6-0.8-1.7-1.4-3.1-2c-1.4-0.5-3.8-1-7.3-1.4l-11.1-0.9l-1.2-1V23z M1210,214.2c10,2,21.4,2.9,34.4,2.9
 +
                                        c22.8,0,40.9-3.8,54.6-11.4s23.8-18.9,30.5-33.8s10.1-31.8,10.1-50.5c0-27.6-7.4-49.1-22.1-64.3c-14.7-15.2-38-22.9-69.7-22.9
 +
                                        c-13.1,0-25.7,1-37.8,2.9c-0.8,16-1.2,34.1-1.2,54.2v46l0.3,43.1C1209.1,188.8,1209.4,200,1210,214.2z"/>
 +
                    <path class="st0" d="M1392.2,22l18.3,0.6c12,0.4,19.9,0.6,23.6,0.6c3.3,0,17.3-0.4,42-1.2l1.2,1v7.3l-1.2,1
 +
                                        c-6.7,0.2-11.9,0.5-15.6,0.9c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.8,3.6-3.3,7.5c-0.5,4-0.8,9.4-0.8,16.5l-0.3,33.7V160l0.1,28.6
 +
                                        c0.1,11,0.4,18.2,0.9,21.4c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2
 +
                                        c-0.5,0-9.1-0.3-25.8-0.9c-6.9-0.2-12.4-0.3-16.3-0.3c-3,0-17,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9c9.1-0.4,15.1-0.9,18.2-1.5
 +
                                        c3-0.6,5.1-1.3,6.1-2.3c1-0.9,1.9-2.9,2.5-5.9c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5
 +
                                        s-1.1-5.4-2.1-6.4c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L1392.2,22z"/>
 +
                    <path class="st0" d="M1496.2,178.6l1.2-1.2h7.2l1.2,1.2c0.5,12.5,1.1,20.1,2,22.9c0.8,2.8,3.5,5.7,7.9,8.8
 +
                                        c4.4,3.1,10.3,5.6,17.7,7.5c7.4,2,14.8,2.9,22.3,2.9c10.3,0,19.7-1.9,27.9-5.7c8.3-3.8,14.7-9.4,19.3-16.8
 +
                                        c4.6-7.4,6.9-15.6,6.9-24.8c0-6.4-1.1-12.1-3.3-16.8c-2.2-4.8-5.3-8.6-9.2-11.5c-4-2.9-8.5-5-13.5-6.4c-5.1-1.4-12.6-3-22.7-4.6
 +
                                        c-9.8-1.6-17.4-3-22.9-4.2c-5.5-1.3-11-3.2-16.5-5.9c-5.5-2.6-10-6-13.7-10c-3.7-4.1-6.6-9-8.8-14.9c-2.2-5.9-3.3-12.2-3.3-19
 +
                                        c0-18.3,6.3-33.2,19-44.9c12.7-11.7,29.7-17.5,51.1-17.5c8.5,0,17.7,1.1,27.8,3.1c10,2.1,19.1,5.2,27.3,9.3l1,1.8
 +
                                        c-2.1,9-3.5,21.8-4,38.4l-1.3,1.2h-7.6l-1.2-1c-0.2-11.7-0.5-19.1-0.9-22.1c-0.4-3-4.8-6.8-13.3-11.3c-8.5-4.5-17.7-6.7-27.7-6.7
 +
                                        c-8.3,0-16.1,1.7-23.3,5c-7.2,3.3-12.7,8.5-16.4,15.7c-3.7,7.1-5.6,14.4-5.6,21.8c0,5.8,1.1,10.9,3.4,15.3c2.2,4.4,5.1,8,8.7,10.5
 +
                                        c3.6,2.6,7.7,4.5,12.5,5.8c4.7,1.3,13.4,2.8,26,4.7c17.3,2.4,29.9,5.4,37.7,8.9c7.9,3.5,14.2,9,18.9,16.5
 +
                                        c4.7,7.5,7.1,16.6,7.1,27.2c0,20.8-8.5,38.1-25.4,52c-16.9,13.9-37.5,20.8-61.6,20.8c-20.2,0-37.9-3.6-53.2-10.8l-0.9-1.9
 +
                                        C1495,215.5,1495.7,201.2,1496.2,178.6z"/>
 +
                    <path class="st0" d="M1650.7,22c24.6,0.8,40.3,1.2,47,1.2c9.2,0,19.5-0.2,30.9-0.7c12.1-0.4,19.6-0.6,22.4-0.6
 +
                                        c13.7,0,25,1.4,33.9,4.2c8.9,2.8,16.3,8,22.2,15.5c5.9,7.5,8.8,16.6,8.8,27.2c0,8.8-2.1,17.3-6.2,25.5s-9.8,15.2-17.1,20.9
 +
                                        c-7.3,5.8-14.7,9.9-22.3,12.4c-7.5,2.5-15.3,3.7-23.4,3.7c-6.1,0-12.8-0.7-20.2-2.1l-2.5-8.9l1.3-1.5c7.3,1.7,13.3,2.5,17.9,2.5
 +
                                        c12.8,0,23.1-4.2,30.8-12.7c7.8-8.4,11.6-19.3,11.6-32.4c0-13.3-4-23.9-12.1-31.8s-20.2-11.9-36.5-11.9c-8.9,0-18.7,1.7-29.3,5
 +
                                        c-0.9,7.5-1.3,25.7-1.3,54.5V160l0.1,28.6c0.1,11,0.4,18.2,0.9,21.4c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7
 +
                                        s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2c-24.9-0.8-38.9-1.2-42-1.2c-3.3,0-17.3,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9
 +
                                        c9.1-0.4,15.1-0.9,18.2-1.5c3-0.6,5.1-1.3,6.1-2.3c1-0.9,1.9-2.9,2.5-5.9c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6
 +
                                        c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L1650.7,22z"/>
 +
                    <path class="st0" d="M1828.7,23l1.2-1c24.2,0.8,38.2,1.2,41.9,1.2c3.3,0,17.3-0.4,42-1.2l1.2,1v7.3l-1.2,1
 +
                                        c-6.7,0.2-11.9,0.5-15.6,0.9c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.8,3.6-3.3,7.5c-0.5,4-0.8,9.4-0.8,16.5l-0.3,33.7v64.7
 +
                                        c0,16.2,0.1,27.5,0.3,34l0.7,25.3h29.9c23.8,0,38.7-0.3,44.6-0.9c5.9-0.6,11.6-2,17.1-4.2c1.1-2.4,2.6-8.1,4.6-16.8
 +
                                        c2-8.8,3.1-13.9,3.1-15.2l1.3-1.2h7.2l1,1.2c-0.8,3.9-1.6,11.5-2.4,22.7c-0.8,11.2-1.2,20.3-1.2,27.2l-1.2,1.2
 +
                                        c-18.6-0.6-42.9-0.9-73.1-0.9L1875,229c-9.8,0-19.7,0.4-29.9,1.2l-1.2-1.2v-4.8l1.2-1.5c6.1-3.1,9.4-5,10-5.7
 +
                                        c0.6-0.7,1.2-7,1.8-18.9c0.6-11.9,1-26.3,1-43.1V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4
 +
                                        c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23z"/>
 +
                    <path class="st0" d="M2013,230.2l-1.3-1.2v-7.6l1.3-1.2c7.1-0.1,11.7-0.5,13.8-1.1c2.1-0.6,3.9-1.9,5.5-3.8s4.9-8.1,9.7-18.7
 +
                                        l15.4-33.4l39.8-90.2c7.5-17.7,15-35.4,22.4-53h9.5l62.5,147.1l8.3,19.6c2.4,5.6,5.2,11.6,8.4,18.2c3.2,6.5,5.4,10.4,6.6,11.6
 +
                                        c1.2,1.2,2.7,2.1,4.5,2.7c1.8,0.6,5.8,1,12.1,1.1l1.2,1.2v7.6l-1.2,1.2c-10.4-0.9-19.7-1.3-28-1.3c-16.2,0.5-32.4,0.9-48.6,1.3
 +
                                        l-1.2-1.2v-7.6l1.2-1.2c10.9-0.2,17.8-0.7,20.5-1.4c2.7-0.7,4.1-2.4,4.1-5.1c0-2.1-0.7-5-2.1-8.5l-18-44.7h-84.8l-16,37.5
 +
                                        c-2.8,6.7-4.2,11.7-4.2,14.8c0,2.4,1.3,4.2,4,5.4s9.3,1.8,19.9,1.9l1.3,1.2v7.6l-1.2,1.2c-12.6-0.8-23.6-1.2-33.1-1.2
 +
                                        C2034.8,229,2023.9,229.4,2013,230.2z M2079.8,148h74.1l-36.8-88.3L2079.8,148z"/>
 +
                    <path class="st0" d="M2209.1,35.8l-1.3-1.3v-6.2l1.3-1.3l41.5-6.9c2.9,2.1,5.8,4.6,8.6,7.8c2.8,3.1,6.8,9,12.2,17.5
 +
                                        c5.3,8.5,12.2,20.5,20.6,35.7c8.4,15.3,16.5,30.6,24.2,45.9l14.9-23.7l16.8-28.1l31.1-53.2c3.8,0.4,7.5,0.6,11.1,0.6
 +
                                        c2.2,0,5.7-0.2,10.3-0.6l1.2,1.2V26c-4.9,5.4-12.5,15.1-22.7,29.2c-10.3,14.1-17.9,25.1-22.9,33.1c-5,8-11.2,18-18.5,30
 +
                                        c-7.3,12.1-11.3,19.3-12,21.8c-0.7,2.4-1,5.3-1,8.6v21.5l0.1,22c0.1,8.5,0.4,14.4,1,17.8c0.5,3.4,1.3,5.6,2.2,6.6
 +
                                        c0.9,1,2.7,1.9,5.3,2.6c2.6,0.7,9.1,1.2,19.4,1.6l1.2,0.9v7.3l-1.2,1.2c-0.5,0-9.1-0.3-25.8-0.9c-6.9-0.2-12.4-0.3-16.3-0.3
 +
                                        c-3.1,0-17.1,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9c9.3-0.4,15.4-0.9,18.3-1.5s4.9-1.3,5.9-2.3c1-0.9,1.8-2.7,2.4-5.4
 +
                                        c0.6-2.7,0.9-8.2,1-16.5l0.3-25v-27.8c-2.1-5.3-9.3-17.9-21.5-37.9l-12.9-20.9c-4.1-6.6-9.3-14.4-15.5-23.2
 +
                                        c-6.2-8.8-11-14.8-14.4-18c-3.4-3.2-6.1-5-7.9-5.6C2222.2,36.1,2217.2,35.8,2209.1,35.8z"/>
  
 +
                </g>
 +
            </svg>
  
  
  
 +
        </div>
  
 +
        <!------------DO NOT CHANGE  -------------------->
  
 +
        <div class= "content blur-box" style="font-size:16px;">
  
 +
            <!-- CONTENT OF WHATS ON THE PAGE -->
  
 +
            <div id="toc" class="toc">
 +
                <div id="toctitle"></div>
 +
                <ul>
 +
                    <li class="toclevel tocsection"><a href="#Project_Description" class="scroll"> <span id="whereYouAre"> Phage Display  </span> </a>
 +
                        <ul>
 +
                            <li class="toclevel nav-item active"><a href="#Intro" class="nav-link scroll">  Introduction  </a></li>
  
              <!------------ CHANGE THIS FOR ANOTHER ANIMATED TEXT -------------------->
+
                            <li class="toclevel nav-item"><a href="#Gen_con" class="nav-link scroll"> General Concept </a></li>
 +
                            <li class="toclevel nav-item"><a href="#Exp" class="nav-link scroll">  Experiment  </a></li>
 +
                            <li class="toclevel nav-item"><a href="#Res" class="nav-link scroll">  Result </a></li>
 +
                            <li class="toclevel nav-item"><a href="#ConcPhage" class="nav-link scroll"> Conclusion</a></li>
 +
                            <li class="toclevel nav-item"><a href="#Ref" class="nav-link scroll"> References</a></li>
  
 +
                        </ul>
 +
                    </li>
  
 +
                </ul>
 +
            </div>
  
  
  
      <!-- ONLY IF YOU REALLY REALLY NEED TO:  change the class from "svg-wrapper" to "sv" to have the text at the bottom of the image -->
 
      <div class="svg-wrapper">
 
  
 +
            <div class ="content-text" id="scrolldown" >
  
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 
viewBox="0 0 2412 244" style="enable-background:new 0 0 2412 244;" xml:space="preserve">
 
<style type="text/css">
 
.st0{fill:#fff;stroke:#FFFFFF;stroke-miterlimit:10;}
 
</style>
 
<g>
 
<path class="st0" d="M8.6,22c24.6,0.8,40.3,1.2,47,1.2c9.2,0,19.5-0.2,30.9-0.7c12.1-0.4,19.6-0.6,22.4-0.6c13.7,0,25,1.4,33.9,4.2
 
c8.9,2.8,16.3,8,22.2,15.5c5.9,7.5,8.8,16.6,8.8,27.2c0,8.8-2.1,17.3-6.2,25.5s-9.8,15.2-17.1,20.9c-7.3,5.8-14.7,9.9-22.3,12.4
 
c-7.5,2.5-15.3,3.7-23.4,3.7c-6.1,0-12.8-0.7-20.2-2.1l-2.5-8.9l1.3-1.5c7.3,1.7,13.3,2.5,17.9,2.5c12.8,0,23.1-4.2,30.8-12.7
 
c7.8-8.4,11.6-19.3,11.6-32.4c0-13.3-4-23.9-12.1-31.8s-20.2-11.9-36.5-11.9c-8.9,0-18.7,1.7-29.3,5c-0.9,7.5-1.3,25.7-1.3,54.5
 
V160l0.1,28.6c0.1,11,0.4,18.2,0.9,21.4c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2
 
c-24.9-0.8-38.9-1.2-42-1.2c-3.3,0-17.3,0.4-41.9,1.2L7.5,229v-7.3l1.2-0.9c9.1-0.4,15.1-0.9,18.2-1.5c3-0.6,5.1-1.3,6.1-2.3
 
c1-0.9,1.9-2.9,2.5-5.9c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4
 
c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L8.6,22z"/>
 
<path class="st0" d="M189.8,22c24.9,0.8,38.9,1.2,41.9,1.2c3.2,0,17.2-0.4,42-1.2l1.2,1v7.3l-1.2,1c-6.7,0.2-11.9,0.5-15.6,0.9
 
c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.8,3.6-3.3,7.5c-0.5,4-0.8,9.4-0.8,16.5l-0.3,33.7v20.5c21.4,0.6,41.6,0.9,60.8,0.9
 
c26.2,0,46.1-0.3,59.8-0.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.9-21.5c-0.5-3.2-1.2-5.4-2.1-6.4c-0.9-1.1-2.6-2-5.3-2.6
 
c-2.6-0.7-9.2-1.2-19.6-1.6l-1-1V23l1-1c25,0.8,39,1.2,42,1.2c3.3,0,17.3-0.4,42-1.2l1.2,1v7.3l-1.2,1c-6.8,0.2-12.1,0.5-15.7,0.9
 
c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.7,3.6-3.2,7.5c-0.5,4-0.8,9.4-0.9,16.5l-0.3,33.7V160l0.3,28.6c0.1,11,0.4,18.2,0.9,21.4
 
c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7c2.6,0.7,9.1,1.3,19.6,1.7l1.2,0.9v7.3l-1.2,1.2c-25-0.8-39-1.2-42-1.2
 
c-3.1,0-17.1,0.4-42,1.2l-1-1.2v-7.3l1-0.9c9.2-0.4,15.3-0.9,18.3-1.5c3-0.6,5-1.3,6-2.3c1-0.9,1.8-2.9,2.5-5.9c0.7-3,1-9.8,1-20.2
 
l0.3-30.9v-33.4c-28.9-0.6-49.2-0.9-60.8-0.9c-11.9,0-31.8,0.3-59.8,0.9V160l0.1,28.6c0.1,11,0.4,18.2,0.9,21.4
 
c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2c-24.9-0.8-38.9-1.2-42-1.2
 
c-3,0-17,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9c9.1-0.4,15.1-0.9,18.2-1.5c3-0.6,5.1-1.3,6.1-2.3c1-0.9,1.9-2.9,2.5-5.9
 
c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4c-0.9-1.1-2.7-2-5.3-2.6
 
c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L189.8,22z"/>
 
<path class="st0" d="M437.3,230.2l-1.3-1.2v-7.6l1.3-1.2c7.1-0.1,11.7-0.5,13.8-1.1c2.1-0.6,3.9-1.9,5.5-3.8s4.9-8.1,9.7-18.7
 
l15.4-33.4L521.5,73c7.5-17.7,15-35.4,22.4-53h9.5L616,167l8.3,19.6c2.4,5.6,5.2,11.6,8.4,18.2c3.2,6.5,5.4,10.4,6.6,11.6
 
c1.2,1.2,2.7,2.1,4.5,2.7c1.8,0.6,5.8,1,12.1,1.1l1.2,1.2v7.6l-1.2,1.2c-10.4-0.9-19.7-1.3-28-1.3c-16.2,0.5-32.4,0.9-48.6,1.3
 
l-1.2-1.2v-7.6l1.2-1.2c10.9-0.2,17.8-0.7,20.5-1.4c2.7-0.7,4.1-2.4,4.1-5.1c0-2.1-0.7-5-2.1-8.5l-18-44.7h-84.8l-16,37.5
 
c-2.8,6.7-4.2,11.7-4.2,14.8c0,2.4,1.3,4.2,4,5.4s9.3,1.8,19.9,1.9l1.3,1.2v7.6l-1.2,1.2c-12.6-0.8-23.6-1.2-33.1-1.2
 
C459,229,448.2,229.4,437.3,230.2z M504.1,148h74.1l-36.8-88.3L504.1,148z"/>
 
<path class="st0" d="M883.6,149.2v4.4l-0.6,1.8l-7.2,4.2c-1.8,1.1-2.8,1.9-3.1,2.5s-0.7,3.5-1.1,8.7c-0.4,5.2-0.7,11.6-0.7,19.1
 
c0,8.5,0.5,17.7,1.6,27.7l-0.9,1.5c-26.8,10.3-54.3,15.4-82.5,15.4c-21.7,0-41.3-4.1-58.7-12.3c-17.5-8.2-31.3-20.4-41.6-36.5
 
s-15.4-35.3-15.4-57.4c0-33.8,11.5-60.6,34.6-80.6c23.1-19.9,53.2-29.9,90.5-29.9c27.3,0,51.9,4.6,73.7,13.9l1,1.6
 
c-1.8,6.5-3.8,20.3-6.2,41.2l-1.2,1h-6.7l-1.2-1.2l-0.7-15.5c-0.3-5.1-0.6-8.1-1-8.9c-0.3-0.9-1.4-2-3.1-3.4
 
c-1.8-1.4-6.3-3.7-13.5-6.7c-7.3-3.1-14.6-5.3-21.9-6.7c-7.3-1.4-15.2-2.1-23.6-2.1c-17.9,0-33.7,3.7-47.5,11.1
 
c-13.8,7.4-24.1,18.2-31.1,32.4c-7,14.2-10.5,30-10.5,47.4c0,18,3.8,34.7,11.3,50.2c7.5,15.5,18.3,27.6,32.4,36.3
 
c14.1,8.7,30.4,13,49.1,13c8.1,0,16.4-0.8,24.8-2.4c8.4-1.6,15.4-3.9,20.9-6.8c0.9-3.1,1.3-9.4,1.3-18.9v-16.3
 
c0-7.7-0.5-12.5-1.5-14.4c-1-1.9-3.4-3.2-7.3-4c-3.9-0.8-12.2-1.3-25-1.5l-1.3-1.3v-6.4l1.3-1.3l8.9,0.3
 
c15.3,0.5,27.8,0.7,37.5,0.7c5.6,0,13.7-0.3,24.5-0.9L883.6,149.2z"/>
 
<path class="st0" d="M903.8,23l1.2-1c33.5,0.6,54.9,0.9,64.3,0.9c32,0,60.5-0.3,85.5-0.9l0.7,1c-2.4,9.4-4.2,24.1-5.4,44.1
 
l-0.9,1.2h-7.2l-1.3-1.2c0.1-0.9,0.1-1.7,0.1-2.3c0-8.3-0.6-16.2-1.9-23.7c-6.2-2.7-14.7-4.5-25.6-5.3c-10.9-0.8-19.1-1.2-24.5-1.2
 
c-7.7,0-17.6,0.5-29.6,1.6l-0.6,23.4l-0.4,26.8l-0.4,29.7c10.5,0.6,20.3,0.9,29.2,0.9c9,0,16.5-0.3,22.6-0.9
 
c6.1-0.6,9.6-1.2,10.6-1.8c1-0.6,1.8-1.9,2.3-3.7c0.5-1.8,1-5,1.4-9.6l0.6-9.1l1.2-1.2h6.7l1.2,1.2c-0.2,10.6-0.4,21.3-0.7,32.1
 
l0.7,33l-1.2,1.2h-6.7l-1.2-1.2l-1-8.8c-0.9-6.8-1.5-10.9-1.9-12.2c-0.4-1.3-1.3-2.5-2.7-3.4c-1.4-1-5.1-1.8-10.9-2.3
 
s-13.9-0.9-24.2-0.9c-5.7,0-14.3,0.2-25.9,0.7c-0.5,8.2-0.7,21.9-0.7,41c0,20.5,0.2,35.6,0.7,45.3h27c23.7,0,38.6-0.3,44.5-0.9
 
c6-0.6,11.6-2,17-4.2c0.9-2.2,2.3-7.4,4.3-15.6c2-8.2,3.1-13.3,3.4-15.3l1.5-1h7l1.2,1c-0.9,4.2-1.7,11.5-2.6,22
 
c-0.8,10.5-1.2,19.4-1.2,26.8l-1,1.2c-18.7-0.6-43.1-0.9-73.2-0.9l-39.8-0.3c-9.3,0-18.9,0.4-29,1.2l-1.2-1.2v-4.8l1.2-1.5
 
c5.8-2.9,9.1-4.8,9.9-5.5c0.8-0.7,1.5-9.3,2.1-25.6c0.5-16.4,0.8-28.8,0.8-37.4v-53.8l-0.1-33.3c0-7.2-0.1-13.1-0.3-17.7
 
c-0.2-4.5-0.5-7.8-1-9.7c-0.5-2-1.1-3.3-1.7-4.1c-0.6-0.8-1.7-1.4-3.1-2c-1.4-0.5-3.8-1-7.3-1.4L905,31.4l-1.2-1V23z"/>
 
<path class="st0" d="M1155.8,23l1.2-1c16.9,0.8,28.4,1.2,34.6,1.2l68.6-1.5c19.5,0,35.5,1.8,48,5.5c12.5,3.7,23.6,10,33.3,19
 
c9.7,9,17.1,19.5,22.1,31.5c5,12,7.5,24.7,7.5,38.3c0,13.2-2.3,26.2-6.9,39.1c-4.6,12.9-11.1,24.4-19.6,34.6
 
c-8.4,10.2-18.1,18.4-28.9,24.7c-10.8,6.3-21.6,10.4-32.4,12.5s-21.9,3.1-33.3,3.1c-7.6,0-22-0.3-43.1-0.9
 
c-6.9-0.2-11.5-0.3-13.8-0.3c-6.7,0-14.9,0.4-24.5,1.2l-1.2-1.2v-4.8l1.2-1.5c5.8-2.9,9.1-4.8,9.9-5.5c0.8-0.7,1.5-9.3,2.1-25.6
 
c0.5-16.4,0.8-28.8,0.8-37.4v-53.8l-0.1-33.3c0-7.2-0.1-13.1-0.3-17.7c-0.2-4.5-0.5-7.8-1-9.7c-0.5-2-1.1-3.3-1.7-4.1
 
c-0.6-0.8-1.7-1.4-3.1-2c-1.4-0.5-3.8-1-7.3-1.4l-11.1-0.9l-1.2-1V23z M1210,214.2c10,2,21.4,2.9,34.4,2.9
 
c22.8,0,40.9-3.8,54.6-11.4s23.8-18.9,30.5-33.8s10.1-31.8,10.1-50.5c0-27.6-7.4-49.1-22.1-64.3c-14.7-15.2-38-22.9-69.7-22.9
 
c-13.1,0-25.7,1-37.8,2.9c-0.8,16-1.2,34.1-1.2,54.2v46l0.3,43.1C1209.1,188.8,1209.4,200,1210,214.2z"/>
 
<path class="st0" d="M1392.2,22l18.3,0.6c12,0.4,19.9,0.6,23.6,0.6c3.3,0,17.3-0.4,42-1.2l1.2,1v7.3l-1.2,1
 
c-6.7,0.2-11.9,0.5-15.6,0.9c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.8,3.6-3.3,7.5c-0.5,4-0.8,9.4-0.8,16.5l-0.3,33.7V160l0.1,28.6
 
c0.1,11,0.4,18.2,0.9,21.4c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2
 
c-0.5,0-9.1-0.3-25.8-0.9c-6.9-0.2-12.4-0.3-16.3-0.3c-3,0-17,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9c9.1-0.4,15.1-0.9,18.2-1.5
 
c3-0.6,5.1-1.3,6.1-2.3c1-0.9,1.9-2.9,2.5-5.9c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5
 
s-1.1-5.4-2.1-6.4c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L1392.2,22z"/>
 
<path class="st0" d="M1496.2,178.6l1.2-1.2h7.2l1.2,1.2c0.5,12.5,1.1,20.1,2,22.9c0.8,2.8,3.5,5.7,7.9,8.8
 
c4.4,3.1,10.3,5.6,17.7,7.5c7.4,2,14.8,2.9,22.3,2.9c10.3,0,19.7-1.9,27.9-5.7c8.3-3.8,14.7-9.4,19.3-16.8
 
c4.6-7.4,6.9-15.6,6.9-24.8c0-6.4-1.1-12.1-3.3-16.8c-2.2-4.8-5.3-8.6-9.2-11.5c-4-2.9-8.5-5-13.5-6.4c-5.1-1.4-12.6-3-22.7-4.6
 
c-9.8-1.6-17.4-3-22.9-4.2c-5.5-1.3-11-3.2-16.5-5.9c-5.5-2.6-10-6-13.7-10c-3.7-4.1-6.6-9-8.8-14.9c-2.2-5.9-3.3-12.2-3.3-19
 
c0-18.3,6.3-33.2,19-44.9c12.7-11.7,29.7-17.5,51.1-17.5c8.5,0,17.7,1.1,27.8,3.1c10,2.1,19.1,5.2,27.3,9.3l1,1.8
 
c-2.1,9-3.5,21.8-4,38.4l-1.3,1.2h-7.6l-1.2-1c-0.2-11.7-0.5-19.1-0.9-22.1c-0.4-3-4.8-6.8-13.3-11.3c-8.5-4.5-17.7-6.7-27.7-6.7
 
c-8.3,0-16.1,1.7-23.3,5c-7.2,3.3-12.7,8.5-16.4,15.7c-3.7,7.1-5.6,14.4-5.6,21.8c0,5.8,1.1,10.9,3.4,15.3c2.2,4.4,5.1,8,8.7,10.5
 
c3.6,2.6,7.7,4.5,12.5,5.8c4.7,1.3,13.4,2.8,26,4.7c17.3,2.4,29.9,5.4,37.7,8.9c7.9,3.5,14.2,9,18.9,16.5
 
c4.7,7.5,7.1,16.6,7.1,27.2c0,20.8-8.5,38.1-25.4,52c-16.9,13.9-37.5,20.8-61.6,20.8c-20.2,0-37.9-3.6-53.2-10.8l-0.9-1.9
 
C1495,215.5,1495.7,201.2,1496.2,178.6z"/>
 
<path class="st0" d="M1650.7,22c24.6,0.8,40.3,1.2,47,1.2c9.2,0,19.5-0.2,30.9-0.7c12.1-0.4,19.6-0.6,22.4-0.6
 
c13.7,0,25,1.4,33.9,4.2c8.9,2.8,16.3,8,22.2,15.5c5.9,7.5,8.8,16.6,8.8,27.2c0,8.8-2.1,17.3-6.2,25.5s-9.8,15.2-17.1,20.9
 
c-7.3,5.8-14.7,9.9-22.3,12.4c-7.5,2.5-15.3,3.7-23.4,3.7c-6.1,0-12.8-0.7-20.2-2.1l-2.5-8.9l1.3-1.5c7.3,1.7,13.3,2.5,17.9,2.5
 
c12.8,0,23.1-4.2,30.8-12.7c7.8-8.4,11.6-19.3,11.6-32.4c0-13.3-4-23.9-12.1-31.8s-20.2-11.9-36.5-11.9c-8.9,0-18.7,1.7-29.3,5
 
c-0.9,7.5-1.3,25.7-1.3,54.5V160l0.1,28.6c0.1,11,0.4,18.2,0.9,21.4c0.5,3.2,1.2,5.4,2.1,6.4c0.9,1.1,2.7,2,5.3,2.7
 
s9.1,1.3,19.5,1.7l1.2,0.9v7.3l-1.2,1.2c-24.9-0.8-38.9-1.2-42-1.2c-3.3,0-17.3,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9
 
c9.1-0.4,15.1-0.9,18.2-1.5c3-0.6,5.1-1.3,6.1-2.3c1-0.9,1.9-2.9,2.5-5.9c0.6-3,1-9.8,1.1-20.2l0.1-30.9V92.2l-0.3-28.6
 
c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23L1650.7,22z"/>
 
<path class="st0" d="M1828.7,23l1.2-1c24.2,0.8,38.2,1.2,41.9,1.2c3.3,0,17.3-0.4,42-1.2l1.2,1v7.3l-1.2,1
 
c-6.7,0.2-11.9,0.5-15.6,0.9c-3.7,0.4-6.3,1.1-8,2.2c-1.7,1.1-2.8,3.6-3.3,7.5c-0.5,4-0.8,9.4-0.8,16.5l-0.3,33.7v64.7
 
c0,16.2,0.1,27.5,0.3,34l0.7,25.3h29.9c23.8,0,38.7-0.3,44.6-0.9c5.9-0.6,11.6-2,17.1-4.2c1.1-2.4,2.6-8.1,4.6-16.8
 
c2-8.8,3.1-13.9,3.1-15.2l1.3-1.2h7.2l1,1.2c-0.8,3.9-1.6,11.5-2.4,22.7c-0.8,11.2-1.2,20.3-1.2,27.2l-1.2,1.2
 
c-18.6-0.6-42.9-0.9-73.1-0.9L1875,229c-9.8,0-19.7,0.4-29.9,1.2l-1.2-1.2v-4.8l1.2-1.5c6.1-3.1,9.4-5,10-5.7
 
c0.6-0.7,1.2-7,1.8-18.9c0.6-11.9,1-26.3,1-43.1V92.2l-0.3-28.6c-0.1-11.1-0.4-18.3-0.8-21.5s-1.1-5.4-2.1-6.4
 
c-0.9-1.1-2.7-2-5.3-2.6c-2.6-0.7-9.1-1.2-19.5-1.6l-1.2-1V23z"/>
 
<path class="st0" d="M2013,230.2l-1.3-1.2v-7.6l1.3-1.2c7.1-0.1,11.7-0.5,13.8-1.1c2.1-0.6,3.9-1.9,5.5-3.8s4.9-8.1,9.7-18.7
 
l15.4-33.4l39.8-90.2c7.5-17.7,15-35.4,22.4-53h9.5l62.5,147.1l8.3,19.6c2.4,5.6,5.2,11.6,8.4,18.2c3.2,6.5,5.4,10.4,6.6,11.6
 
c1.2,1.2,2.7,2.1,4.5,2.7c1.8,0.6,5.8,1,12.1,1.1l1.2,1.2v7.6l-1.2,1.2c-10.4-0.9-19.7-1.3-28-1.3c-16.2,0.5-32.4,0.9-48.6,1.3
 
l-1.2-1.2v-7.6l1.2-1.2c10.9-0.2,17.8-0.7,20.5-1.4c2.7-0.7,4.1-2.4,4.1-5.1c0-2.1-0.7-5-2.1-8.5l-18-44.7h-84.8l-16,37.5
 
c-2.8,6.7-4.2,11.7-4.2,14.8c0,2.4,1.3,4.2,4,5.4s9.3,1.8,19.9,1.9l1.3,1.2v7.6l-1.2,1.2c-12.6-0.8-23.6-1.2-33.1-1.2
 
C2034.8,229,2023.9,229.4,2013,230.2z M2079.8,148h74.1l-36.8-88.3L2079.8,148z"/>
 
<path class="st0" d="M2209.1,35.8l-1.3-1.3v-6.2l1.3-1.3l41.5-6.9c2.9,2.1,5.8,4.6,8.6,7.8c2.8,3.1,6.8,9,12.2,17.5
 
c5.3,8.5,12.2,20.5,20.6,35.7c8.4,15.3,16.5,30.6,24.2,45.9l14.9-23.7l16.8-28.1l31.1-53.2c3.8,0.4,7.5,0.6,11.1,0.6
 
c2.2,0,5.7-0.2,10.3-0.6l1.2,1.2V26c-4.9,5.4-12.5,15.1-22.7,29.2c-10.3,14.1-17.9,25.1-22.9,33.1c-5,8-11.2,18-18.5,30
 
c-7.3,12.1-11.3,19.3-12,21.8c-0.7,2.4-1,5.3-1,8.6v21.5l0.1,22c0.1,8.5,0.4,14.4,1,17.8c0.5,3.4,1.3,5.6,2.2,6.6
 
c0.9,1,2.7,1.9,5.3,2.6c2.6,0.7,9.1,1.2,19.4,1.6l1.2,0.9v7.3l-1.2,1.2c-0.5,0-9.1-0.3-25.8-0.9c-6.9-0.2-12.4-0.3-16.3-0.3
 
c-3.1,0-17.1,0.4-41.9,1.2l-1.2-1.2v-7.3l1.2-0.9c9.3-0.4,15.4-0.9,18.3-1.5s4.9-1.3,5.9-2.3c1-0.9,1.8-2.7,2.4-5.4
 
c0.6-2.7,0.9-8.2,1-16.5l0.3-25v-27.8c-2.1-5.3-9.3-17.9-21.5-37.9l-12.9-20.9c-4.1-6.6-9.3-14.4-15.5-23.2
 
c-6.2-8.8-11-14.8-14.4-18c-3.4-3.2-6.1-5-7.9-5.6C2222.2,36.1,2217.2,35.8,2209.1,35.8z"/>
 
  
</g>
+
                <div style="height:5em;"></div>
</svg>
+
  
  
 +
                <!-- FROM THIS POINT DOWNWARDS YOU WILL FIND THINGS TO CHANGE -->
 +
                <!-- -------------------------------------------------------------------- -->
 +
                <!-- -------------------------------------------------------------------- -->
  
</div>
 
  
  
 +
                <!---------- HERE YOU CAN PAST WHAT YOU WANT  -------------------------------------------- -->
  
  
  
 +
                <h1 id="Intro">Introduction</h1>
 +
                <div class="card-holder">                     
 +
                    <p> Phage Display is a powerful method for finding interesting peptide interactions through affinity screening of a large random peptide library.
 +
                        <br>
 +
                        <br>
 +
                        Bacterial viruses (phages) have been genetically modified to express a variety of peptides which then are allowed to interact with a target of interest. One of the advantages of using phages is that they can be amplified in bacteria. This allows us to repeat the experiment with narrower pools of peptides and thus finding more specific bindings.
 +
                        Phage genomes are small and known which allows easy determination of the final specific peptide by DNA sequencing of the viruses.
 +
                        <br>
 +
                        <br>
 +
                        Since the method of phage display was developed in 1985 it has been applied for various purposes such as studying antibodies, observing immune system responses, and evolving antibodies for therapy purposes [1]. It has also been used for whole cell recognition (often used for targeting cancer) and <i>in vivo</i> screening of individual tissues for endothelial cell markers [2].
 +
                        More commonly, phage display is performed with a protein as the target, in order to find a ligand that would affect the function of the protein.
 +
                    </p>
 +
                </div>
  
  
 +
                <!---------- THIS HOLDS A HEADING, TEST AND IMAGE -------------------------------------------- -->
 +
                <div class="card-holder">
  
 +
                    <div>
 +
                        <div>
 +
                            <br>
 +
                            <h2 id="Gen_con">General Concept</h2>
 +
                            <p>In order to determine a peptide with affinity to a molecule of interest an iterative process of affinity binding and washing, called panning, is needed to yield an end result with a high concentration of high affinity peptides.
 +
                            </p>
  
 +
                            <img src="https://static.igem.org/mediawiki/2018/2/2a/T--Uppsala--Phage_Display_flowchart_New.svg" alt="Flowchart Phage Display" class="center" height="50%" width="50%">
 +
                            <br>
 +
                            <p><b>Figure 1.</b> Flowchart over the workflow of a typical phage display screening.</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
  
 +
                <div class="card-holder">
 +
                    <p>For the purpose of our project we need a way to detect the parasites. A peptide binding specifically to the exterior of the strongyle would fulfill this purpose. Since we are working with an under-researched organism, starting with a random peptide library seemed reasonable. The only similar organisms that have been used in this method were <i>C. elegens</i>, but as it is a free living nematode whereas strongyles are endoparasites. Due to this fact we had reason to believe that the exterior of the membranes would differ greatly due to the different environments the different species inhabit.<br><br>
 +
                        Using a random phage library streamlined our work. Phages ensure a physical link between the DNA sequence and its encoded peptides. Furthermore the indigenous behavior of lysogenic phages allowed visualizing and following the procedure as well as enabling amplification of the peptides upon infecting bacteria. Thus, in spite the lack of a premade protocol we decided to try and apply phage display for characterizing our nematodes.
 +
                    </p>
  
  
 +
                </div>
  
 +
                <div class="card-holder">
 +
                    <h1 id="Exp">Experiment</h1>
  
  
              <!------------DO NOT CHANGE  -------------------->
+
                    <h2>New Application</h2>
 +
                    <h3>Unknown Genome/Proteome </h3>
 +
                    <p>Due to our target strongyle having an unknown genome/proteome, selection of a single target protein is not feasible. Efforts could have been made to separate surface proteins from the organism, but such an approach does not provide any guarantees of the extracted proteins displaying correct conformations. To preserve each of the possible protein targets in a physiological state, the entire organism was used for the experiment. </p> <br><br>
  
        <div class ="scroll-down-button">
+
                    <h3>Accessible High Throughput Screening </h3>
            <section id="section02" class="demo">
+
                    <p>Having decided to use a whole organism as the target, the next challenge is finding a way to deal with the plethora of exposed surface proteins. Attempting to identify possible ligands one at a time would have been prohibitively laborious, and a method had to be selected that could screen binding compounds in a massively parallel manner. Several such methods exist, but most would require specialized equipment and/or comprehensive precursor libraries. Phage display is a simple yet robust approach to the same problem. </p><br><br>
                <h1></h1>
+
                <a href="#scrolldown"><span></span></a>
+
            </section>
+
        </div>
+
  
        <div class= "content blur-box" style="font-size:16px;">
+
                    <h3>Immobilization Hard for Whole Worms</h3>
            <div class ="content-text" id="scrolldown" >
+
                    <p>To be able to wash away unbound phages, while retaining the bound phages, existing protocols employ various methods for immobilizing the target. Since the target of our experiment is the surface of an entire organism rather than a single protein, the common methods of fixing the target were ineffective, and a new method had to be developed.
                <div style="height:5em;"></div>
+
                        The implemented solution relies on filter inserts for eppendorf tubes. The filters simultaneously act as a substitute for well plates and an immobilization method.
 +
                    </p>  
  
 +
                    <h3>Experiment Procedure</h3>
 +
                    <p>
 +
                        With the experiment necessitating the use of phage display on an entire organism, no existing protocol was entirely applicable. This meant that we had to adapt a protocol as much as it was possible and introduce completely new solutions to problems unique to our application. We based our adapted protocol on the product manual included in the Ph.D.™-12 Phage Display Peptide Library Kit ordered from New Englands BioLabs.
 +
                    </p>
  
 +
                    <p>
 +
                        For a detailed description of our protocol click <a href="https://static.igem.org/mediawiki/2018/2/22/T--Uppsala--PhageDisplay_Panning_titering_amplification.pdf">here</a>. Our whole organism phage display experiments started with preparation of the containers that the whole procedure were performed in: microcentrifuge tubes with filter inserts. The preparation consisted of blocking the tubes with blocking buffer to prevent non-specific interactions. 
 +
                        <br>
 +
                        To avoid selecting a phage with affinity for the plastic and not the organism, an affinity screening for the tubes was performed before introducing the target. After collecting the phage elute that doesn’t bind to the tubes, we performed our first affinity screening against the small strongyle. This was done by introducing the 12-mer peptides expressing phages to the strongyle placed in the filter tubes. Unbound phages were then washed away followed by elution and collection of the bound phages with an acidic buffer. All washing and elution steps were performed in the filter tubes, where liquid during centrifugation could pass through the filters, leaving the strongyle still on the top of the filter.
 +
                    </p>
 +
                </div>
  
  
Line 220: Line 372:
  
  
 +
                <!-- Begining of 3 card template -->
 +
                <div class="card-holder">                    <div class="content-card content-card-3">
 +
                    <div class="inner-card left-card">
  
 +
                        <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/0/0f/T--Uppsala--filter_only%282%29.svg">
 +
                        <div class="inner-card-text">
 +
                            <p><strong>Figure 2.</strong> Filter tube blocked with Blocking Buffer.</p>
 +
                        </div>
 +
                    </div>
  
 +
                    <div class="inner-card middle-card">
 +
                        <img class="content-card-img"  src="https://static.igem.org/mediawiki/2018/3/32/T--Uppsala--worm_in_2.svg">
 +
                        <div class="inner-card-text">
 +
                            <p><strong>Figure 3.</strong> The strongyles are added, excess liquid spun down and discarded.</p>
 +
                        </div>
 +
                    </div>
  
  
 +
                    <div class="inner-card right-card">
  
                <!-- FROM THIS POINT DOWNWARDS YOU WILL FIND THINGS TO CHANGE -->
+
                        <!-- after src, put the link to the image you want on this board -->
                <!-- -------------------------------------------------------------------- -->
+
                        <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/4/49/T--Uppsala--worms_%2B_phages.svg"><div class="inner-card-text">  
                <!-- -------------------------------------------------------------------- -->
+
                        <p> <!-- Paste your content --><strong>Figure 4.</strong> Phages are added, left to incubate in solution with the worms. The unbound phages are spun down and discarded. The bound phages are subsequently eluted with a acidic buffer.</p>
 +
                        </div>
  
  
 +
                    </div>
 +
                    </div>
 +
                </div>
 +
                <!-----END----->
  
                <!---------- HERE YOU CAN PAST WHAT YOU WANT  -------------------------------------------- -->
 
  
<html>
+
                <p>
<head>
+
                    In the next step of the experiment, phage titering was carried out, to visualise the amount of infectious phages present in the elute. The elute phage with affinity to the strongyle were then amplified in the <i>E.coli ER2738</i> host strain, by adding the phage to the strain in early log-phase.
<meta name="viewport" content="width=device-width, initial-scale=1">
+
                    <br>
<style>
+
                    Phage and bacteria were then separated with the help of centrifugation to discard <i>E. coli</i> and the phage were extracted by precipitation.
.btn-group button {
+
                    <br>
    background-color: #8B1A32;
+
                    The success of the amplification was examined by a new round of phage titering. Once aware of the phage titer, the next round of this previously described procedure consisting of affinity screening to the strongyle, washing and elution, phage titering, amplification of phage and a new round of phage titering was performed.
    color: #f9f9f9; /* White text */
+
                </p>
    padding: 10px 24px; /* Some padding */
+
 
    cursor: pointer; /* Pointer/hand icon */
+
                <p>
    font-size: 26px;
+
                    After the third round of affinity screening, single plaques, (consisting of single phage clones) were picked from the titering plates and amplified separate. The phages DNA from the amplified plaques were then extracted and purified.
    border-radius: 4px;
+
                </p>
text-align: center;
+
 
 +
 
 +
                <div>
 +
                    <br>
 +
                    <h2>Phage Titering</h2>
 +
 
 +
                    <p>
 +
                        Phage titering is done after every affinity screening to assess the amount of phages that bind to the target. By following the titering protocol consisting of plating phages together with mid-log phase bacteria visible blue plaques are formed on Xgal/IPTG plates. Xgal is a substrate for the enzyme β-galactosidase, which hydrolyzes the compound into a form that spontaneously dimerizes into an insoluble blue pigment. Our cell strain can only express the enzyme after phage infection and induction by IPTG. This makes it simple to distinguish infected from non infected colonies since only the infected ones will appear blue.
 +
                        <br>
 +
                        The goal with plating is to achieve plates with around 100 plaques, which is fulfilled by doing several dilution series of the infected bacteria. The reason for this is that plaques will only increase linearly with added phages when the multiplicity of infection (MOI) is much less than 1. Also, low MOI result in one DNA sequence per plaque. To asses the titre, plaque forming unit (pfu) can be calculated by multiple numbers of plaques with the bacteria dilution.
 +
                    </p>
 +
 
 +
                    <p>
 +
                        Phage titering is also carried out after every phage amplification in order to assess the success of the amplification and to make sure a sufficient amount of phages for the subsequente affinity screening are present.
 +
                    </p>
 +
 
 +
                    <p>
 +
                        We did three rounds of panning to select for phages having affinity peptides for the target. The last phage titering could then be used to select single clones to be prepared for sequencing.
 +
                    </p>
 +
 
 +
                    <br>
 +
                    <h2>Verifying the Affinity and Analysis of DNA</h2>
 +
 
 +
                    <p>
 +
                        So how do we prove that the selected phages clones really bind to our target? With the help of ELISA (enzyme-linked immunosorbent assay) single phage clones, affinity to the target could be tested by screening against plastic binders. This allowed us to identify all the viable samples. The ELISA was performed in the centrifugal filter-tubes to expose the phages to the same environment as the panning stage of the process.
 +
                    </p>
 +
 
 +
                    <p>
 +
                        After amplification of each chosen plaque, the phage DNA was extracted an analyzed before sequencing. We used a nanodrop to determine the DNA concentration and gel electrophoresis to determine the purity and the size of the DNA.
 +
                    </p>
 +
 
 +
 
 +
                </div>
 +
 
 +
                <div class="card-holder">
 +
                    <h1 id="Res">Result</h1>
 +
                    <p> Three series of panning were performed on small strongyles. The results of each round of panning and amplification were titered and plaque-forming phages were counted to ensure a high enough representation of the library in subsequent pannings.</p>
 +
                </div>
 +
 
 +
                <!-- Beginning of 3 card template -->
 +
                <div class="card-holder">  
 +
                    <br>
 +
                    <h2>Sample Titers from Series 1</h2>
 +
                    <div class="content-card content-card-3">
 +
                        <div class="inner-card left-card">
 +
 
 +
 
 +
                            <img class="content-card-img" style="border:0px" src="https://static.igem.org/mediawiki/2018/2/20/T--Uppsala--p1e.png">                          <div id="figuretext" class="inner-card-text">
 +
 
 +
 
 +
                            <p><strong>Figure 5.</strong> Titered Eluate: Panning 1.</p>
 +
 
 +
                            </div>
 +
                        </div>
 +
 
 +
                        <div class="inner-card middle-card">
 +
 
 +
                            <img class="content-card-img" style="border:0px" src="https://static.igem.org/mediawiki/2018/d/d6/T--Uppsala--p2e.png">                            <div id="figuretext" class="inner-card-text">
 +
 
 +
 
 +
                            <p><strong>Figure 6.</strong> Titered Eluate: Panning 2</p>
 +
                            </div>
 +
 
 +
                        </div>
 +
 
 +
 
 +
                        <div class="inner-card right-card">
 +
 
 +
                            <!-- after src, put the link to the image you want on this board -->
 +
                            <img class="content-card-img" style="border:0px" src="https://static.igem.org/mediawiki/2018/2/25/T--Uppsala--p3e.png">
 +
                            <div id="figuretext"class="inner-card-text">
 +
                                <p> <!-- Paste your content --> <strong>Figure 7.</strong> Titered Eluate: Panning 3. </p>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <!--End of 3 card template -->
  
transition: all 0.5s;
 
font-family: "raleway";
 
  
 +
                <div class="card-holder">
 +
                    <h2>Titering Table</h2>
 +
                    <br>
 +
                    <p><strong>Table 1:</strong> Titering results. *Negative panning for interactions with the tube were performed in conjugate with regular panning.</p>
 +
                    <table class="pgrouptable tablesorter our-table" style="width: 100%;" cellspacing="0" cellpadding="0">
 +
                        <thead>
 +
                            <tr>
 +
                                <th style="width: auto">pfu/ml</th>
 +
                                <th style="width: auto">Panning 1</th>
 +
                                <th style="width: auto">Amplification 1</th>
 +
                                <th style="width: auto">Panning 2</th>
 +
                                <th style="width: auto">Amplification 2</th>
 +
                                <th style="width: auto">Panning 3</th>
 +
                                <th style="width: auto">Panning 3 replate</th>
 +
                            </tr>
 +
                        </thead>
  
}
+
                        <tbody>
 +
                            <tr>
 +
                                <td>Series 1
 +
                                </td>
 +
                                <td>\(2.3 \cdot 10^{7*}\)
 +
                                </td>
 +
                                <td>\(>10^{15}\)
 +
                                </td>
 +
                                <td>\(3.2 \cdot 10^{10}\)
 +
                                </td>
 +
                                <td>\(4 \cdot 10^{12}\)
 +
                                </td>
 +
                                <td>\(1 \cdot 10^{14}\)
 +
                                </td>
 +
                                <td>\(6 \cdot 10^{12}\)
 +
                                </td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Series 2
 +
                                </td>
 +
                                <td>Faulty XGal
 +
                                </td>
 +
                                <td>\(1.8 \cdot 10^{10}\)
 +
                                </td>
 +
                                <td>\(1.6 \cdot 10^{9}\)
 +
                                </td>
 +
                                <td>No Amp.
 +
                                </td>
 +
                                <td>\(7 \cdot 10^{5*}\)
 +
                                </td>
 +
                                <td>-
 +
                                </td>
  
.btn-group span {
+
                            </tr>
  cursor: pointer;
+
  display: inline-block;
+
  position: relative;
+
  transition: 0.5s;
+
}
+
  
.btn-group span:after {
+
                            <tr>
  content: '\00bb';
+
                                <td>Series 3
  position: absolute;
+
                                </td>
  opacity: 0;
+
                                <td>\(2.9 \cdot 10^{7*}\)
  top: 0;
+
                                </td>
  right: -20px;
+
                                <td>\(6.2 \cdot 10^{12}\)
  transition: 0.5s;
+
                                </td>
}
+
                                <td>-
 +
                                </td>
 +
                                <td>-
 +
                                </td>
 +
                                <td>-
 +
                                </td>
 +
                                <td>-
 +
                                </td>
 +
                            </tr>
  
/* Have added button:hover*/
+
                    </table>
.btn-group button:hover span {
+
  padding-right: 25px;
+
}
+
  
/* Have added button:hover*/
 
.btn-group button:hover span:after {
 
  opacity: 1;
 
  right: 0;
 
}
 
</style>
 
</head>
 
<body>
 
  
  
  
<div>
+
                    <!--Start of template with side picutre -->
</p>
+
                    <br>
</div>
+
                    <h2>Phage ELISA</h2>
 +
                </div>
 +
                <div class="card-holder">  
  
<div>
+
                    <div class="content-card pic-next-to-text">
<h1>Design</h1>
+
                        <div class="side-text">
<p>
+
                            <!-- Here you put your paragraphs -->  
We used a Phage Display screening to create a biosensor that aggregated around the target molecule with the hypothesis that this would create a larger response.
+
                            <p>Unfortunately the ELISA results were inconclusive due to noticable chromogenic signaling in the filter tubes without any contact to either phages nor strongyles. Since the antibodies used were M13 monoclonal the possibility of the them interacting with the filter or plastic is highly unlikely. One factor that may have contributed to the false ELISA signal could be the prolonged exposure to the blocking buffer in the filter-tubes. Due to its alkaline nature and the stability of the filter being between pH  4-8, the prolonged exposure may have caused filter degradation. The degradation may have also prevented the antibodies to be successfully washed away thus exhibiting the false signal. </p>
<br>
+
                        </div>
<br>
+
Phage display is a method that is usually used to find a protein that binds to another protein. However using this technique on a whole eukaryotic organism is very uncommon, and therefore this project represents breaking new ground, albeit with the inevitable cost of hammering out the problems that come with such an undertaking.
+
<br>
+
<br>
+
  
In order to make our method work, we had to immobilize our worms and be able to extract the bound phages without also extracting the worms! Since our worms are far larger than a phage, we used an eppendorf filter insert that had pores too small for strongyles to pass through and allowed our phages to bind to these worms.
+
                        <div class="side-img">
<br>
+
                            <!-- Here goes the big image to the right -->
<br>
+
                            <img src=https://static.igem.org/mediawiki/2018/3/39/T--Uppsala--phageelisa_small.jpg>
Using this process, we found several peptide sequences with potential high affinity to our worms. These sequences, after further validation, can in future be used to synthesize E. coli that will bind to our worms!
+
                            <p><strong>Figure 8.</strong> Negative control of phage ELISA, containing <b>only</b> monoclonal M13 antibodies and <b>no</b> phage.</p> 
 +
                        </div>
  
 +
                    </div>
 +
                </div>
  
<br>
+
                <!--End of template with side picture -->
<br>
+
                <div class="card-holder">
To read more about the general design of a Phage Display Screening and why we chose to apply this method, click here:
+
                    <h2>Sequenced Samples and Computational Analysis</h2>
</p>
+
  
</div>
+
                    <p><b>Table 2:</b> Samples sent to sequencing. *TUP = Target-Unrelated Peptide.</p>
 +
                    <table class="pgrouptable tablesorter our-table" style="width: 100%;" cellspacing="0" cellpadding="0">
 +
                        <thead>
 +
                            <tr>
 +
                                <th style="width: 90px"></th>
 +
                                <th style="width: auto" >Sample</th>
 +
                                <th style="width: 180px">Aligned Sequence</th>
 +
                                <th style="width: auto">Propagation Advantage</th>
 +
                                <th style="width: auto" >Predicted Polysterene Binder</th>
 +
                                <th style="width: auto">Known TUP*-Motif</th>
 +
                            </tr>
 +
                        </thead>
  
<div>
+
                        <tbody>
<h1>Experiment</h1>
+
                            <tr>
<p>
+
                                <td>Series 1
There are no readily available protocols for whole-organism exterior screenings using phage display, to read more closely what how we adapted this procedure to fit our needs read more here.
+
                                </td>
<br>
+
                                <td>EF01122224
<br>
+
                                </td>
</p>
+
                                <td>TP<span class="blue-letter">I</span>FL<span class="red-letter">P</span>TPA<span class="blue-letter">Q</span>EH---
 +
                                </td>
 +
                                <td> Yes
 +
                                </td>
 +
                                <td> No
 +
                                </td>
 +
                                <td> No
 +
                                </td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>Series 3
 +
                                </td>
 +
                                <td>EF01122218
 +
                                </td>
 +
                                <td>---FS<span class="red-letter">P</span>TQA<span class="blue-letter">N</span>T<span class="blue-letter">IH</span>RW
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                            </tr>
  
</div>
+
                            <tr>
 +
                                <td>
 +
                                </td>
 +
                                <td>EF01122220
 +
                                </td>
 +
                                <td>--<span class="blue-letter">V</span>GGTVQSESH<span class="blue-letter">R</span>R-
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                            </tr>
  
<div>
+
                            <tr>
<h1>Protocol</h1>
+
                                <td>
<p>
+
                                </td>
For this experiment we used a modified version of the protocol supplied with the kit from New England Biolabs. You can find the original protocol <a href="https://www.neb.com/-/media/catalog/datacards-or-manuals/manuale8100.pdf">here</a>.
+
                                <td>EF01122222
<br>
+
                                </td>
<br>
+
                                <td>-S<span class="blue-letter">M</span>GRTDYV<span class="blue-letter">Q</span>Q<span class="blue-letter">LR</span>--
Read more about our modified protocol here.
+
                                </td>
</p>
+
                                <td>No
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                            </tr>
 +
                            <tr>
 +
                                <td>
 +
                                </td>
 +
                                <td>EF01122217
 +
                                </td>
 +
                                <td>--RVQ<span class="red-letter">P</span>AHF<span class="blue-letter">N</span>V<span class="blue-letter">M</span>GQ
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                                <td>Yes
 +
                                </td>
 +
                                <td>No
 +
                                </td>
 +
                            </tr>
 +
                    </table>
  
</div>
 
  
<div>
 
<h1>Results</h1>
 
<p>
 
Our three parallell pannings and subsequent analysis led to the following peptides being characterized:
 
</p>
 
<div>
 
<br>
 
<p><strong>Table 1:</strong> Final peptides and their characteristics. *TUP = Target-Unrelated Peptide.
 
</p>
 
<table class="wikitable">
 
<tbody>
 
<tr>
 
<th>
 
</th>
 
<th> Sample
 
</th>
 
<th> Aligned Sequence
 
</th>
 
<th> Propagation Advantage
 
</th>
 
<th>Predicted Polysterene Binder
 
</th>
 
<th> Known TUP*-Motif
 
</th>
 
</tr>
 
  
<tr>
 
<th> Series 1:
 
</th>
 
<th> EF01122224: TPIFLPTPAQEH
 
</th>
 
<th> TP<span class="blue-letter">I</span>FL<span class="red-letter">P</span>TPA<span class="blue-letter">Q</span>EH---
 
</th>
 
<th>Yes
 
</th>
 
<th>No
 
</th>
 
<th>No
 
</th>
 
</tr>
 
  
 +
                    <br>
 +
                    <p>
 +
                        Five samples contained pure enough samples of sufficient concentration to satisfy the standard for third party sequencing. Series 1 produced a single sample of high enough quality, Series 2 were all deemed too low for accurate sequencing and Series 3 yieded four samples. The aligment used ClustalW with penalties 25 for gap-creation and 25 for gap-elongation to ensure strict alignments. No clear consensus motifs were distinguishable.
  
<tr>
+
                        Predictive analysis was performed with <a href="http://immunet.cn/sarotup/cgi-bin/TUPScan.pl">SAROTUP: Target-Unrelated Peptides Scanners</a>[3, 4, 5].
<th> Series 3:
+
                    </p>
</th>
+
                </div>
<th> EF01122218: FSPTQANTIHRW
+
                <div class="card-holder">
</th>
+
                    <h2>Peptides</h2>
<th> ---FS<span class="red-letter">P</span>TQA<span class="blue-letter">N</span>T<span class="blue-letter">IH</span>RW
+
                    <p>Click on the images below:</p>
</th>
+
                </div>
<th>No
+
</th>
+
<th>No
+
</th>
+
<th>No
+
</th>
+
</tr>
+
  
<tr>
+
                <!-- The four columns -->
<th>  
+
                <div class="row">
</th>
+
                    <div class="column">
<th> EF01122220: VGGTVQSESHRR
+
                        <img class="galleryimg" src="https://static.igem.org/mediawiki/2018/4/43/T--Uppsala--peptide_upload_17.png" alt="EF01122217" style="width:100%" onclick="myFunction(this);">
</th>
+
                    </div>
<th>--<span class="blue-letter">V</span>GGTVQSESH<span class="blue-letter">R</span>R-
+
                    <div class="column">
</th>
+
                        <img class="galleryimg" src="https://static.igem.org/mediawiki/2018/1/1c/T--Uppsala--peptide_upload_18.png" alt="EF01122218" style="width:100%" onclick="myFunction(this);">
<th>No
+
                    </div>
</th>
+
                    <div class="column">
<th>No
+
                        <img class="galleryimg" src="https://static.igem.org/mediawiki/2018/6/64/T--Uppsala---peptide_upload_20.png" alt="EF01122220" style="width:100%" onclick="myFunction(this);">
</th>
+
                    </div>
<th>No
+
                    <div class="column">
</th>
+
                        <img class="galleryimg" src="https://static.igem.org/mediawiki/2018/0/06/T--Uppsala---peptide_upload_22.png" alt="EF01122222" style="width:100%" onclick="myFunction(this);">
</tr>
+
                    </div>
 +
                    <div class="column">
 +
                        <img class="galleryimg" src="https://static.igem.org/mediawiki/2018/5/55/T--Uppsala---peptide_upload_24.png" alt="EF01122224" style="width:100%" onclick="myFunction(this);">
 +
                    </div>
 +
                </div>
  
<tr>
+
                <div class="container">
<th>
+
                    <span onclick="this.parentElement.style.display='none'" class="closebtn">&times;</span>
</th>
+
                    <img id="expandedImg" style="width:100%">
<th> EF01122222: SMGRTDYVQQLR
+
                    <div id="imgtext"></div>
</th>
+
                </div>
<th>-S<span class="blue-letter">M</span>GRTDYV<span class="blue-letter">Q</span>Q<span class="blue-letter">LR</span>--
+
</th>
+
<th>No
+
</th>
+
<th>No
+
</th>
+
<th>No
+
</th>
+
</tr>
+
  
<tr>
+
                <script>
<th>
+
                    function myFunction(imgs) {
</th>
+
                        var expandImg = document.getElementById("expandedImg");
<th> EF01122217: RVQPAHFNVMGQ
+
                        var imgText = document.getElementById("imgtext");
</th>
+
                        expandImg.src = imgs.src;
<th>--RVQ<span class="red-letter">P</span>AHF<span class="blue-letter">N</span>V<span class="blue-letter">M</span>GQ
+
                        imgText.innerHTML = imgs.alt;
</th>
+
                        expandImg.parentElement.style.display = "block";
<th>No
+
                    }
</th>
+
                </script>
<th>Yes
+
                <div class="card-holder">
</th>
+
                    <h1 id="ConcPhage">Conclusion</h1>
<th>No
+
                    <p>
</th>
+
                        Due to the fact that our ELISA-test was inconclusive we can not be sure that our peptides are specific binders. However, only one was predicted as a Polysterene binder and none contain any known TUP-sequences. A blastp on Biopanning Databank showed that EF01122224 showed some similarities with an antibody for a pork tapeworm epithelial protein and EF01122218 for an antibody for rabbit epithelia. The E-values were high, 211  and 10 respectively, but those two may be promising candidates for future studies.
</tr>
+
                    </p>
 +
                </div>
  
</table>
 
</div>
 
</div>
 
  
<div>
 
<h1>Notebook</h1>
 
<p>
 
Here you can find our lab notes, the notes and scribbles we took during the course of our experiments:
 
<br>
 
<br>
 
</p>
 
  
</div>
+
                <!-------BUTTONS ------->
  
  
  
<!-------BUTTONS ------->
 
  
  
 +
                <div class="card-holder">
 +
                    <div class="buttons">
 +
                        <div class="container-button">
  
  
 +
                            <a href="https://2018.igem.org/Team:Uppsala/Notebook" class="btn"> Notebook </a>
 +
                            <a href="https://2018.igem.org/Team:Uppsala/Protocol" class="btn"> Protocol </a>
 +
                        </div>
 +
                    </div></div>
  
<div class="card-holder">
+
                <br><br><br><br>
                <div class="buttons">
+
                          <div class="container-button">
+
   
+
                                           
+
                                              <a href="https://2018.igem.org/Team:Uppsala/Notebook" class="btn"> Notebook </a>
+
<a href="https://2018.igem.org/Team:Uppsala/Protocol" class="btn"> Protocol </a>
+
                                </div>
+
                      </div></div>
+
                                         
+
      <br><br><br><br>
+
  
 +
                <div class="card-holder">
 +
                    <h2 id="Ref">References</h2>
 +
                    <p>
 +
                        <b>[1]</b> Smith GP. Filamentous fusion phage: novel expression vectors that display cloned antigens on the virion surface. Science. 1985;228:1315–1317.
 +
                        <br>
 +
                        <b>[2]</b> Arap, Marco Antonio. (2005). Phage display technology: applications and innovations.<a href="https://dx.doi.org/10.1590/S1415-47572005000100001"><i>Genetics and Molecular Biology, 28(1)</i>, 1-9.</a>
 +
                        <br>
 +
                        <b>[3]</b>  Qiang, Xu, Keyong Sun, Lijun Xing, Yifeng Xu, Hong Wang, Zhengpin Zhou, Juan Zhang, m.fl. ”Discovery of a Polystyrene Binding Peptide Isolated from Phage Display Library and Its Application in Peptide Immobilization”. Scientific Reports 7, nr 1 (december 2017). <a href="https://doi.org/10.1038/s41598-017-02891-x">https://doi.org/10.1038/s41598-017-02891-x</a>.
 +
                        <br>
 +
                        <b>[4] </b> Huang J, Ru B, Li S, Lin H, Guo FB. SAROTUP: scanner and reporter of target-unrelated peptides. Journal of Biomedicine and Biotechnology 2010; 2010: 101932. [PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/20339521">20339521</a>
 +
                        ; Download: <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2842971/pdf/JBB2010-101932.pdf"> fulltext pdf</a> ]
 +
                        <br>
 +
                        <b>[5] </b> Huang J, Ru B, Zhu P, Nie F, Yang J, Wang X, Dai P, Lin H, Guo FB, Rao N. MimoDB 2.0: a mimotope database and beyond. Nucleic Acids Research 2012; 40(Database issue): D271-D277. [PMID: <a href="https://www.ncbi.nlm.nih.gov/pubmed/22053087">22053087</a>; Download: <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2842971/pdf/JBB2010-101932.pdf">fulltext pdf</a> ]
 +
                    </p>
 +
                </div>
  
  

Latest revision as of 13:49, 6 December 2018