Difference between revisions of "Team:Cornell"

 
(28 intermediate revisions by 2 users not shown)
Line 36: Line 36:
  
 
   /*Start Styles for Home Page*/
 
   /*Start Styles for Home Page*/
 +
 +
        /* Font Styling */
 
         @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
 
         @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
 +
        @font-face {
 +
            font-family: 'Futura';
 +
            src: url('../futura/futura\ medium\ bt.ttf');
 +
        }
 +
 +
        body {
 +
            font-family: 'Open Sans', sans-serif;
 +
        }
 +
 +
        .dropbtn, .dropdown-content {
 +
            font-size: 16px;
 +
        }
 +
 +
        .tile-title {
 +
            font-family: 'Futura', sans-serif;
 +
            line-height: 1em;
 +
color: rgba(0, 0, 0, 1)
 +
        }
 +
        /* End Font Styling */
 +
 
         html,
 
         html,
 
         body {
 
         body {
Line 52: Line 74:
 
         p {
 
         p {
 
             color: #000;
 
             color: #000;
−
            font-family: 'Open Sans', sans-serif;
 
 
         }
 
         }
 
          
 
          
Line 68: Line 89:
 
             float: left;
 
             float: left;
 
             margin-left: 80px;
 
             margin-left: 80px;
−
             margin-top: -5px;
+
             margin-top: 10px;
 +
            width: 200px;
 
         }
 
         }
 
          
 
          
 
         .nav-bar-logo img {
 
         .nav-bar-logo img {
−
             width: 140px;
+
             width: 200px;
−
        }
+
−
       
+
−
        .nav-bar-main-menu {
+
−
            font-family: 'Raleway', sans-serif;
+
 
         }
 
         }
 
          
 
          
Line 136: Line 154:
 
          
 
          
 
         .toolkit-dropdown-content {
 
         .toolkit-dropdown-content {
−
             width: 590px;
+
             width: 630px;
 
             left: -160px;
 
             left: -160px;
 
         }
 
         }
Line 212: Line 230:
 
             position: relative;
 
             position: relative;
 
             padding-right: 18px;
 
             padding-right: 18px;
 +
            padding-left: 18px;
 
             border-right: 0.5px solid white;
 
             border-right: 0.5px solid white;
 
         }
 
         }
Line 245: Line 264:
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
 +
 +
.tiles-wrapper {
 +
  background-color: #F9FCFB;
 +
}
  
 
     .home-banner-wrapper {
 
     .home-banner-wrapper {
Line 285: Line 308:
  
 
     .tile-title {
 
     .tile-title {
−
        font-family: Futura-Bold;
 
 
         font-size: 30px;
 
         font-size: 30px;
 
         color: rgb(30, 30, 30);
 
         color: rgb(30, 30, 30);
Line 310: Line 332:
  
 
     .overlay:hover {
 
     .overlay:hover {
−
         background-color: rgba(255, 255, 255, 0.7);
+
         background-color: #F9FCFB;
 +
    opacity: .7;
 
     }
 
     }
 +
 +
.wrapper-space {
 +
  background-color: #F9FCFB;
 +
}
  
 
     /*End Styles for Home Page*/
 
     /*End Styles for Home Page*/
Line 438: Line 465:
 
     }
 
     }
 
     /*End Grid for Home Page*/
 
     /*End Grid for Home Page*/
 +
 +
    a.icon {
 +
        padding: 0 !important;
 +
    }
  
 
     </style>
 
     </style>
 +
    <meta name="description" content="Developing a community-oriented Harmful Algal Bloom detection and remediation system.">
 
     <title>Team:Cornell - 2019.igem.org</title>
 
     <title>Team:Cornell - 2019.igem.org</title>
 
     <!-- CSS -->
 
     <!-- CSS -->
Line 454: Line 486:
 
             <div class="nav-bar-wrapper">
 
             <div class="nav-bar-wrapper">
 
                 <div class="nav-bar-main-menu">
 
                 <div class="nav-bar-main-menu">
 +
                    <a href="https://2019.igem.org/Team:Cornell"><img class="nav-bar-logo" src="https://static.igem.org/mediawiki/2019/c/cd/T--Cornell--WhiteIGEMLogo.png" alt="logo"></a>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
 
                         <button class="dropbtn">TEAM</button>
 
                         <button class="dropbtn">TEAM</button>
Line 465: Line 498:
 
                         <button class="dropbtn">OUTREACH</button>
 
                         <button class="dropbtn">OUTREACH</button>
 
                         <div class="dropdown-content outreach-dropdown-content">
 
                         <div class="dropdown-content outreach-dropdown-content">
−
                             <a href="https://2019.igem.org/Team:Cornell/EducationAndEngagement">EDUCATION & ENGAGEMENT</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                         </div>
 
                         </div>
Line 472: Line 505:
 
                         <button class="dropbtn">HUMAN PRACTICES</button>
 
                         <button class="dropbtn">HUMAN PRACTICES</button>
 
                         <div class="dropdown-content human-dropdown-content">
 
                         <div class="dropdown-content human-dropdown-content">
−
                             <a href="https://2019.igem.org/Team:Cornell/IntegratedPractices">INTEGRATED PRACTICES</a>
+
                             <a href="https://2019.igem.org/Team:Cornell/Human_Practices">INTEGRATED PRACTICES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
 
                             <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a>
Line 494: Line 527:
 
                                 </div>
 
                                 </div>
 
                                 <div class="nav-second-col">
 
                                 <div class="nav-second-col">
−
                                     <li class="pd-list-title"><b>DESIGN</b></li>
+
                                     <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li>
 
                                     <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
 
                                     <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li>
 +
                                    <li><a href="https://2019.igem.org/Team:Cornell/Hardware">HARDWARE</a></li>
 
                                 </div>
 
                                 </div>
 
                                 <div class="nav-third-col">
 
                                 <div class="nav-third-col">
Line 534: Line 568:
 
             </div>
 
             </div>
 
             <div class="home-description">
 
             <div class="home-description">
−
                 We are building a <span id="home-description-emphasis-words">biological band-pass filter</span>. While
+
                 Developing a community-oriented Harmful Algal Bloom detection and remediation system.
−
                biological band pass filters have been developed before, none respond to frequency-based inputs but
+
−
                instead
+
−
                respond to amplitude based inputs.
+
−
                By controlling the rates of degradation of the components of our system, we are putting together a <span
+
−
                    id="home-description-emphasis-words">frequency-response</span> low-pass and high-pass filter to
+
−
                create a
+
−
                <span id="home-description-emphasis-words">novel</span> band-pass filter.
+
−
                <br><br> Our filter would allow bacteria to respond only to certain frequency-based inputs, and give it
+
−
                even
+
−
                more <span id="home-description-emphasis-words">digital logic-like</span> character, long a goal of
+
−
                synthetic biology. Moving forward,
+
−
                our project could be an important tool for scientists as synthetic biology branches into increasingly
+
−
                diverse fields.
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 553: Line 574:
  
 
         <!------------------------TILES------------------------>
 
         <!------------------------TILES------------------------>
−
         <div class="tiles-wrapper">
+
         <div class="wrapper-space"><br></div>       
−
              <div class="tile-wrapper wet-lab-tile"><img src="https://static.igem.org/mediawiki/2019/9/96/T--Cornell--WetLabTile.png" alt="Wet Lab">
+
<div class="tiles-wrapper">
−
                  <div class="overlay">
+
            <div class="tile-wrapper wet-lab-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Foundations'"><img src="https://static.igem.org/mediawiki/2017/a/ac/CornellTileWetlab.png" alt="Wet Lab">
−
                      <div class="tile-title">WET LAB</div>
+
                <div class="overlay">
−
                  </div>
+
                    <div class="tile-title">WET LAB</div></a>
−
              </div>  
+
                </div>
−
             <div class="tile-wrapper pd-tile"><img src="https://static.igem.org/mediawiki/2019/6/6c/T--Cornell--PDTile.png" alt="Product Development">
+
            </div>
 +
             <div class="tile-wrapper pd-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/DesignProcess'"><img src="https://static.igem.org/mediawiki/2019/6/6c/T--Cornell--PDTile.png" alt="Product Development">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">PRODUCT DEV</div>
 
                     <div class="tile-title">PRODUCT DEV</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper pp-tile"><img src="https://static.igem.org/mediawiki/2019/f/fa/T--Cornell--PPTile.png" alt="Policies & Practices">
+
             <div class="tile-wrapper pp-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Human_Practices'"><img src="https://static.igem.org/mediawiki/2017/7/7f/CornellTileP%26P.png" alt="Policies & Practices">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title pp-title">POLICY & <br>PRACTICES</div>
 
                     <div class="tile-title pp-title">POLICY & <br>PRACTICES</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper outreach-tile"><img src="https://static.igem.org/mediawiki/2019/4/48/T--Cornell--OutreachTile.png" alt="Outreach">
+
             <div class="tile-wrapper outreach-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Public_Engagement'"><img src="https://static.igem.org/mediawiki/2017/8/8e/CornellTileOutreach.png" alt="Outreach">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">OUTREACH</div>
 
                     <div class="tile-title">OUTREACH</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper bus-tile"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--BusinessTile.png" alt="Business">
+
             <div class="tile-wrapper bus-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Entrepreneurship'"><img src="https://static.igem.org/mediawiki/2017/d/d7/CornellTileBusiness.png" alt="Business">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">BUSINESS</div>
 
                     <div class="tile-title">BUSINESS</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="tile-wrapper team-tile"><img src="https://static.igem.org/mediawiki/2019/a/a8/T--Cornell--TeamTile.png" alt="Team">
+
             <div class="tile-wrapper team-tile" onclick="location.href='https://2019.igem.org/Team:Cornell/Team'"><img src="https://static.igem.org/mediawiki/2019/a/a8/T--Cornell--TeamTile.png" alt="Team">
 
                 <div class="overlay">
 
                 <div class="overlay">
 
                     <div class="tile-title">THE TEAM</div>
 
                     <div class="tile-title">THE TEAM</div>
Line 585: Line 607:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
        <div class="wrapper-space"><br><br></div>
 
         <!------------------------END TILES------------------------>
 
         <!------------------------END TILES------------------------>
 
         <!------------------------ FOOTER START ------------------------>
 
         <!------------------------ FOOTER START ------------------------>
Line 596: Line 619:
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper">
 
                 <div class="icon-wrapper">
−
                     <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png"></a>
+
                     <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png" style="padding: 0;"></a>
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper icon-wrapper-last">
 
                 <div class="icon-wrapper icon-wrapper-last">

Latest revision as of 21:32, 21 October 2019

Team:Cornell - 2019.igem.org

Developing a community-oriented Harmful Algal Bloom detection and remediation system.

Wet Lab
WET LAB
Product Development
PRODUCT DEV
Policies & Practices
POLICY &
PRACTICES
Outreach
OUTREACH
Business
BUSINESS
Team
THE TEAM