Difference between revisions of "Team:Lethbridge/Database"

Line 2: Line 2:
 
<!-- LETHBRIDGE IGEM 2016 -->
 
<!-- LETHBRIDGE IGEM 2016 -->
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 
   <!-- Wiki Style Reset (From U of C)-->
 
   <!-- Wiki Style Reset (From U of C)-->
Line 12: Line 11:
  
 
       /* Start general reset ================================================== */
 
       /* Start general reset ================================================== */
−
         html body {font-size: inherit;font-family: inherit;background-color: transparent;color: inherit;padding: 0;}
+
         html body {font-size: inherit;font-family: inherit;background-color: #b0bec5;color: inherit;padding: 0;}
 
         div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 
         div#globalWrapper {font-size: inherit;margin: 0;padding: 0;position: static;width: auto;}
 
       /* Start top-section reset ============================================== */
 
       /* Start top-section reset ============================================== */
Line 60: Line 59:
 
       ol {list-style-image: none;}
 
       ol {list-style-image: none;}
 
       li {list-style-image: none;}
 
       li {list-style-image: none;}
 +
      .waves-effect.waves-blue .waves-ripple {
 +
        background-color: rgba(51, 153, 255, 0.65);
 +
      }
 +
      html {
 +
        line-height: 1.5;
 +
        font-family: "Roboto" !important, sans-serif;
 +
        font-weight: normal;
 +
        color: rgba(0, 0, 0, 0.87);
 +
      }
 +
      #HQ_page h1 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h2 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h3 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h4 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page h5 {font-family: "Roboto", sans-sefif;}
 +
      #HQ_page p {font-family: "Roboto", sans-sefif;}
 +
      </style>
 +
 +
      <!--More Custom Style for Carousel-->
 +
      <style> /*All of the images linked out to are 400x1920*/
 +
      div.CB1 {
 +
        background: url(http://bark-inn.com/wp-content/uploads/2015/11/WATERBALLS-001.jpg) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB2 {
 +
        background: url(https://cdna2.artstation.com/p/assets/images/images/003/290/554/large/adrian-dudak-ny-night.jpg?1472063960) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB3 {
 +
        background: url(http://www.uktoursandvacations.com/media/61605/london-eye-night.jpg?mode=crop&width=1920&height=400&center=0,0&quality=70&bgcolor=fff) no-repeat center;
 +
        width: 100%;
 +
      }
 +
      div.CB4 {
 +
        background: url(http://www.hatfieldswimmingclub.org/wp-content/uploads/2016/02/banner1.jpg) no-repeat center;
 +
        width: 100%;
 +
      }
 
       </style>
 
       </style>
  
Line 77: Line 111:
 
<body>
 
<body>
  
−
<main>
 
 
<div id="content">
 
<div id="content">
−
 
+
   <nav class="blue-grey darken-4" role="navigation" style="margin-top: 15px;">
−
   <nav class="amber darken-1" role="navigation" style="margin-top: 15px;">
+
 
     <div class="nav-wrapper">
 
     <div class="nav-wrapper">
 
       <a href="https://2016.igem.org/Team:Lethbridge" class="brand-logo left" style="width:auto; left:40px;"> Lethbridge iGEM</a>
 
       <a href="https://2016.igem.org/Team:Lethbridge" class="brand-logo left" style="width:auto; left:40px;"> Lethbridge iGEM</a>
Line 89: Line 121:
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Design" style="color:#616161;">Design</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Design" style="color:#616161;">Design</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments" style="color:#616161;">Experiments</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments" style="color:#616161;">Experiments</a></li>
−
            <li><a href="https://2016.igem.org/Team:Lethbridge/Results" style="color:#616161;">Results</a></li>
 
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook" style="color:#616161;">Notebook</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook" style="color:#616161;">Notebook</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Parts" style="color:#616161;">Parts</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Parts" style="color:#616161;">Parts</a></li>
Line 96: Line 127:
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown2" style="display: block; padding-top: 19px; padding-bottom: 19px">Practices</a></li>
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown2" style="display: block; padding-top: 19px; padding-bottom: 19px">Practices</a></li>
 
           <ul id='dropdown2' class='dropdown-content' style="list-style-image: none; margin-left: 0px; width: auto;">
 
           <ul id='dropdown2' class='dropdown-content' style="list-style-image: none; margin-left: 0px; width: auto;">
−
             <li><a href="https://2016.igem.org/Team:Lethbridge/Human_Practices" style="color:#616161;">Intro</a></li>
+
             <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro" style="color:#616161;">Intro</a></li>
−
             <li><a href="#!" style="color:#616161;">Literature Review</a></li><!--NEEDS STUFF-->
+
             <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews" style="color:#616161;">Interviews</a></li><!--NEEDS STUFF-->
−
             <li><a href="#!" style="color:#616161;">Interviews</a></li><!--NEEDS STUFF-->
+
             <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" style="color:#616161;">Literature Review</a></li><!--NEEDS STUFF-->
−
             <li><a href="https://2016.igem.org/Team:Lethbridge/Ridealong" style="color:#616161;">Ridealongs</a></li>
+
             <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong" style="color:#616161;">Ridealongs</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol" style="color:#616161;">Protocol</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling" style="color:#616161;">Sampling</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices" style="color:#616161;">Integrated Practices</a></li>
 
             <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices" style="color:#616161;">Integrated Practices</a></li>
 
         </ul>
 
         </ul>
 +
        <li><a href="https://2016.igem.org/Team:Lethbridge/Results" style="display: block; padding-top: 19px; padding-bottom: 19px">Results</a></li>
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown3" style="display: block; padding-top: 19px; padding-bottom: 19px">Team</a></li>
 
         <li><a class="dropdown-button" href="#!" data-activates="dropdown3" style="display: block; padding-top: 19px; padding-bottom: 19px">Team</a></li>
 
           <ul id='dropdown3' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
 
           <ul id='dropdown3' class="dropdown-content" style="list-style-image: none; margin-left: 0px; width: auto;">
Line 110: Line 144:
 
           </ul>
 
           </ul>
 
         <li><a href="https://2016.igem.org/Team:Lethbridge/Achievements" style="display: block; padding-top: 19px; padding-bottom: 19px">Achievements</a></li>
 
         <li><a href="https://2016.igem.org/Team:Lethbridge/Achievements" style="display: block; padding-top: 19px; padding-bottom: 19px">Achievements</a></li>
−
        <li><a href="https://2016.igem.org/Team:Lethbridge/Database" style="display: block; padding-top: 19px; padding-bottom: 19px">Database</a></li>
 
 
       </ul>
 
       </ul>
  
Line 117: Line 150:
 
             <li class="no-padding">
 
             <li class="no-padding">
 
               <ul class="collapsible collapsible-accordion">
 
               <ul class="collapsible collapsible-accordion">
−
                 <li class="bold"><a class="collapsible-header waves-effect waves-teal">Project</a>
+
                 <li class="bold"><a class="collapsible-header waves-effect waves-blue">Project</a>
 
                   <div class="collapsible-body">
 
                   <div class="collapsible-body">
 
                     <ul>
 
                     <ul>
Line 123: Line 156:
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Design">Design</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Design">Design</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments">Experiments</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Experiments">Experiments</a></li>
−
                      <li><a href="https://2016.igem.org/Team:Lethbridge/Results">Results</a></li>
 
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook">Notebook</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Notebook">Notebook</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Parts">Parts</a></li>
 
                       <li><a href="https://2016.igem.org/Team:Lethbridge/Parts">Parts</a></li>
Line 138: Line 170:
 
                 <div class="collapsible-body">
 
                 <div class="collapsible-body">
 
                   <ul>
 
                   <ul>
−
                     <li><a href="https://2016.igem.org/Team:Lethbridge/Human_Practices">Intro</a></li>
+
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#intro">Intro</a></li>
−
                     <li><a href="">Literature Review</a></li>
+
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#interviews">Interviews</a></li><!--NEEDS STUFF-->
−
                     <li><a href="">Interviews</a></li>
+
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Silver#litrev" >Literature Review</a></li><!--NEEDS STUFF-->
−
                     <li><a href=https://2016.igem.org/Team:Lethbridge/Ridealong>Ridealongs</a></li>
+
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#ridealong">Ridealongs</a></li>
−
                     <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices">Integrated Practices</a></li>
+
                     <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#protocol">Protocol</a></li>
−
                  </ul>
+
                    <li><a href="https://2016.igem.org/Team:Lethbridge/HP/Gold#sampling">Sampling</a></li>
 +
                     <li><a href="https://2016.igem.org/Team:Lethbridge/Integrated_Practices">Integrated Practices</a></li>                 </ul>
 
                 </div>
 
                 </div>
 
               </li>
 
               </li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
−
 
+
        <li class="bold"><a class="collapsible-header waves-effect" href="https://2016.igem.org/Team:Lethbridge/Results">Results</a></li>
 
         <li class="no-padding">
 
         <li class="no-padding">
 
           <ul class="collapsible collapsible-accordion">
 
           <ul class="collapsible collapsible-accordion">
−
             <li class="bold"><a class="collapsible-header waves-effect waves-orange">Team</a>
+
             <li class="bold"><a class="collapsible-header waves-effect">Team</a>
 
               <div class="collapsible-body">
 
               <div class="collapsible-body">
 
                 <ul>
 
                 <ul>
Line 163: Line 196:
 
           </ul>
 
           </ul>
 
         </li>
 
         </li>
−
         <li class="bold"><a class="collapsible-header waves-effect waves-orange" href="https://2016.igem.org/Team:Lethbridge/Achievements">Achievements</a></li>
+
         <li class="bold"><a class="collapsible-header waves-effect" href="https://2016.igem.org/Team:Lethbridge/Achievements">Achievements</a></li>
−
        <li class="bold"><a class="collapsible-header waves-effect waves-orange" href="https://2016.igem.org/Team:Lethbridge/Database">Database</a></li>
+
 
     </ul>
 
     </ul>
 
   </div>
 
   </div>
Line 171: Line 203:
 
<!-- Wiki Content Begins - Edit Here -->
 
<!-- Wiki Content Begins - Edit Here -->
  
 +
<div class="container" style="padding-top:100px; padding-bottom:100px;">
 
<div class="row">
 
<div class="row">
−
   <div class="col s12 amber">
+
   <div class="col s12 blue amber-2">
 
     <div class="container">
 
     <div class="container">
 
       <div class="row">
 
       <div class="row">
−
         <div class="col l8 s12">
+
         <div class="col s12">
−
           <h1 class="white-text">Database</h1>
+
           <h1 class="white-text center">Is that a new look?</h1>
−
           <p class="grey-text text-lighten-4">In our research, we discovered that the structure of the single-chain antibody has 3 variable regions that account for the differences in binding specificity and affinity to different epitopes. However, these 3 variable regions are not completely random. Specifically, conserved amino acid residues are found within each of the domains. Acknowledging the potential for conserved residues allows us to narrow our sample space when generating random libraries of single-chain antibodies. This greatly increases the chances of producing mutants with desirable characteristics. In order to make this data freely available, we have generated a library of single-chain antibodies using our reduced sample space. This database is available for all teams to access.</p>
+
           <h5 class="thin grey-text text-lighten-4" style="padding-bottom:30px;">Our database page might be a little lacking, but you sure aren't. Why not check out our project design considerations instead?</h5>
 +
 
 +
<a  class="waves-effect  white btn black-text center" href="https://2016.igem.org/Team:Lethbridge/Results#microbiome">Sounds good</a>
 +
<div style="padding-bottom:30px;"></div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
</div>
 
</div>
 
</div>
  
−
  <div class="row">
 
−
    <div class="row">
 
−
      <div class="col s12 m8 l4">
 
−
        <div class="card blue-grey darken-1">
 
−
          <div class="card-content white-text">
 
−
            <span class="card-title">Card Title</span>
 
−
            <p>Link to the database?</p>
 
−
          </div>
 
−
          <div class="card-action">
 
−
            <a href="#">This is a link</a>
 
−
            <a href="#">This is a link</a>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </div>
 
−
 
−
    <div class="row">
 
−
      <div class="col s12 m5 offset-m6">
 
−
        <div class="card-panel teal z-depth-3">
 
−
          <span class="white-text">I am a very simple card. I am good at containing small bits of information.
 
−
          I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
 
−
          </span>
 
−
        </div>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
  
 
   </main>
 
   </main>

Revision as of 02:34, 17 October 2016

Lethbridge iGEM 2016

Is that a new look?

Our database page might be a little lacking, but you sure aren't. Why not check out our project design considerations instead?
Sounds good