Difference between revisions of "Team:Cornell/Public Engagement"

 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
<style>
+
    <style>
 
         /* hides "Team:Cornell" and iGEM logo */
 
         /* hides "Team:Cornell" and iGEM logo */
 
         #top_title {
 
         #top_title {
Line 22: Line 22:
 
         /* removes default styling for home banner tagline */
 
         /* removes default styling for home banner tagline */
 
         #HQ_page p {
 
         #HQ_page p {
        font-family: 'Open Sans', serif;
+
            font-family: 'Open Sans', sans-serif;
        font-size: 16px;
+
            font-size: 16px;
        }
+
 
+
        .publicengagement-body-text{
+
        font-family: 'Open Sans', serif;
+
        font-size: 16px;
+
        color: black;
+
background-color: #ffffff;
+
margin: 0px;
+
padding-left: 150px;
+
padding-right: 150px;
+
padding-top: 5%;
+
padding-bottom: 5%;
+
text-align: center;
+
 
         }
 
         }
  
Line 44: Line 31:
 
         }
 
         }
  
      /* removes bullets from Toolkit dropdown menu */
+
        /* removes bullets from Toolkit dropdown menu */
 
         ul {
 
         ul {
 
             list-style-image: none;
 
             list-style-image: none;
 
         }
 
         }
 
     </style>
 
     </style>
<title>Team:Cornell/Attributions - 2018.igem.org</title>
+
    <title>Team:Cornell/PublicEngagement - 2018.igem.org</title>
 
<!-- CSS -->
 
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Cornell/styles?action=raw&ctype=text/css">
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Cornell/styles?action=raw&ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Cornell/grids?action=raw&ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Cornell/grids?action=raw&ctype=text/css">
 
     <!-- JS -->
 
     <!-- JS -->
     <script src="https://2018.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script></script>
+
     <script src="https://2018.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script>
    <script src="https://2018.igem.org/Team:Cornell/mainJS?action=raw&ctype=text/javascript"></script></script>
+
 
</head>
 
</head>
 
<body>
 
<body>
<div class="standard-page-wrapper">
+
    <div class="standard-page-wrapper public-engagement-page-wrapper">
<!------------------------ NAV BAR START ------------------------>
+
        <!------------------------ NAV BAR START ------------------------>
 
         <nav>
 
         <nav>
 
             <div class="nav-bar-wrapper">
 
             <div class="nav-bar-wrapper">
 
                 <div>
 
                 <div>
 
                     <div class="nav-bar-logo">
 
                     <div class="nav-bar-logo">
                         <a href="home"><img src="https://static.igem.org/mediawiki/2018/6/63/T--Cornell--OscillateLogo.jpg" alt="Oscillate"></a>
+
                         <a href="https://2018.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2018/a/af/T--Cornell--OscillateLogo.png" alt="Oscillate"></a>
 
                     </div>
 
                     </div>
<div class="nav-bar-main-menu">
+
                    <div class="nav-bar-main-menu">
 
                     <div class="dropdown">
 
                     <div class="dropdown">
 
                         <button class="dropbtn">TEAM</button>
 
                         <button class="dropbtn">TEAM</button>
Line 76: Line 62:
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
                         <button class="dropbtn active-page">OUTREACH</button>
+
                         <button class="dropbtn active-page">OUTREACH</button>
 
                         <div class="dropdown-content outreach-dropdown-content">
 
                         <div class="dropdown-content outreach-dropdown-content">
 
                             <a href="https://2018.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
 
                             <a href="https://2018.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a>
Line 93: Line 79:
 
                         <button class="dropbtn">MODELING</button>
 
                         <button class="dropbtn">MODELING</button>
 
                         <div class="dropdown-content modeling-dropdown-content">
 
                         <div class="dropdown-content modeling-dropdown-content">
                             <a href="https://2018.igem.org/Team:Cornell/Modeling">MODELING</a>
+
                             <a href="https://2018.igem.org/Team:Cornell/Model">MODELING</a>
 
                             <a href="https://2018.igem.org/Team:Cornell/Testing">TESTING</a>
 
                             <a href="https://2018.igem.org/Team:Cornell/Testing">TESTING</a>
 
                         </div>
 
                         </div>
Line 106: Line 92:
 
                                     <li><a href="https://2018.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
 
                                     <li><a href="https://2018.igem.org/Team:Cornell/Demonstrate">DEMONSTRATE</a></li>
 
                                     <li><a href="https://2018.igem.org/Team:Cornell/InterLab">INTERLAB</a></li>
 
                                     <li><a href="https://2018.igem.org/Team:Cornell/InterLab">INTERLAB</a></li>
                                     <li><a href="hhttps://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
+
                                     <li><a href="https://2018.igem.org/Team:Cornell/Parts">PARTS</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Cornell/Basic_Part">BASIC PARTS</a></li>
 +
                                    <li><a href="https://2018.igem.org/Team:Cornell/Composite_Part">COMPOSITE PARTS</a></li>
 
                                     </li>
 
                                     </li>
 
                                 </div>
 
                                 </div>
 
 
                                 <div class="nav-second-col">
 
                                 <div class="nav-second-col">
 
                                     <li class = "doc-list-title"><b>DOCUMENTATION</b></li>
 
                                     <li class = "doc-list-title"><b>DOCUMENTATION</b></li>
Line 120: Line 107:
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
                         <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/About
+
                         <button class="dropbtn" onclick="location.href='https://2018.igem.org/Team:Cornell/About'">ABOUT</button>
    '">ABOUT</button>
+
 
                     </div>
 
                     </div>
 
                     <div class="dropdown">
 
                     <div class="dropdown">
Line 130: Line 116:
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
    <!------------------------ NAV BAR END ------------------------>
+
        <!------------------------ NAV BAR END ------------------------>
   
+
<!------------------------ PUBLIC ENGAGEMENT PAGE BANNER START ------------------------>
+
    <header class="standard-page-banner public-engagement-banner">         
+
            <svg viewBox="0 0 100 100" width=100% height=100%>
+
                <polygon points="-50,50 50,10 150,50 50,90" fill="white" fill-opacity="0.4"></polygon>
+
                <text class="standard-page-banner-title" text-anchor="middle" alignment-baseline="middle" x=50% y=50% >Public Engagement</text>
+
            </svg>
+
    </header>
+
    <!------------------------ PUBLIC ENGAGEMENT PAGE BANNER END ------------------------>
+
  
<!------------------------ PUBLIC ENGAGEMENT PAGE CONTENT START ------------------------>
+
        <!------------------------ PUBLIC ENGAGEMENT PAGE BANNER START ------------------------>
<div class="publicengagement-page-content-wrapper">
+
        <header class="standard-page-banner public-engagement-banner">
        <div class="publicengagement-page-content-section">
+
                <svg viewBox="0 0 100 100" width=100% height=100%>
            <div class="publicengagement-text-wrapper">
+
                    <polygon points="-50,50 50,10 150,50 50,90" fill="white" fill-opacity="0.4"></polygon>
<p class="publicengagement-body-text">We are a team composed entirely of undergraduates and we pride ourselves on our independence. The concept of a biological band-pass filter based on frequency was brainstormed and implemented by our team. Our wet lab team designed and cloned all sequences into pSB1C3, and transformed them for testing in DH5-α E. Coli. They also designed all experiments and worked to analyze all the data we collected. The product development group worked to create the mathematical model for the system based on Hill Kinetics. The sub-team worked on both the deterministic and stochastic model. The policy and practices team spearheaded our outreach efforts and led initiatives to contact and work with synthetic biology researches on our campus and beyond. To understand how our project might integrate into the field, they conducted interviews to find out about how developing technologies enter a new field.</p>
+
                    <text class="standard-page-banner-title" text-anchor="middle" alignment-baseline="middle" x=50% y=50% >Public Engagement</text>
</div>
+
                </svg>
         </div>
+
         </header>
</div>
+
        <!------------------------ PUBLIC ENGAGEMENT PAGE BANNER END ------------------------>
<!------------------------ PUBLIC ENGAGEMENT PAGE CONTENT END ------------------------>
+
<!------------------------ PLASMID PAGE CONTENT START ------------------------>
+
<div class="attributions-text-wrapper">
+
  
+
        <!------------------------ PUBLIC ENGAGEMENT PAGE CONTENT START ------------------------>
</div>
+
        <div class="publicengagement-page-content-wrapper">
 
+
            <div class="publicengagement-page-content-section">
<!------------------------ PLASMID PAGE CONTENT END ------------------------>
+
                <div class="publicengagement-text-wrapper">
 +
                    <p class="publicengagement-body-text">We are a team composed entirely of undergraduates and we pride ourselves on our independence. The concept of a biological band-pass filter based on frequency was brainstormed and implemented by our team. Our wet lab team designed and cloned all sequences into pSB1C3, and transformed them for testing in DH5-α E. Coli. They also designed all experiments and worked to analyze all the data we collected. The product development group worked to create the mathematical model for the system based on Hill Kinetics. The sub-team worked on both the deterministic and stochastic model. The policy and practices team spearheaded our outreach efforts and led initiatives to contact and work with synthetic biology researches on our campus and beyond. To understand how our project might integrate into the field, they conducted interviews to find out about how developing technologies enter a new field.</p>
 +
                </div>
 +
            </div>
 +
           
 +
            <!------------------------ PLASMID PAGE CONTENT START ------------------------>
 +
            <div class="plasmid-wrapper" id="plasmidContent">
 +
                <script src = "https://2018.igem.org/Team:Cornell/d3JS?action=raw&ctype=text/javascript"></script>
 +
                <script src = "https://2018.igem.org/Team:Cornell/plasmidJS?action=raw&ctype=text/javascript"></script>
 +
            </div>
 +
            <!------------------------ PLASMID PAGE CONTENT END ------------------------>
 +
        </div>
 +
        <!------------------------ PUBLIC ENGAGEMENT PAGE CONTENT END ------------------------>
  
<!------------------------ FOOTER START ------------------------>
+
        <!------------------------ FOOTER START ------------------------>
<footer>
+
        <footer>
 
             <div class="footer-wrapper">
 
             <div class="footer-wrapper">
 
                 <div class="icon-wrapper">
 
                 <div class="icon-wrapper">
                     <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/3/30/T--Cornell--Facebook.jpg"></a>
+
                     <a class="icon" href="http://facebook.com/cornelligem"><img src="https://static.igem.org/mediawiki/2018/3/30/T--Cornell--Facebook.jpg"></a>
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper">
 
                 <div class="icon-wrapper">
                     <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/0/02/T--Cornell--Twitter.jpg"></a>
+
                     <a class="icon" href="http://twitter.com/cugem"><img src="https://static.igem.org/mediawiki/2018/0/02/T--Cornell--Twitter.jpg"></a>
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper">
 
                 <div class="icon-wrapper">
                     <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cornell--Instagram.jpg"></a>
+
                     <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2018/a/ae/T--Cornell--Instagram.jpg"></a>
 
                 </div>
 
                 </div>
 
                 <div class="icon-wrapper icon-wrapper-last">
 
                 <div class="icon-wrapper icon-wrapper-last">
                     <a class="icon" href=""><img src="https://static.igem.org/mediawiki/2018/7/77/T--Cornell--Youtube.jpg"></a>
+
                     <a class="icon" href="https://www.youtube.com/channel/UCJt-5JfyoucUJXC1EsTllhg"><img src="https://static.igem.org/mediawiki/2018/7/77/T--Cornell--Youtube.jpg"></a>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </footer>
 
         </footer>
<!------------------------ FOOTER END ------------------------>
+
        <!------------------------ FOOTER END ------------------------>
</div>
+
    </div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:22, 17 October 2018

Team:Cornell/PublicEngagement - 2018.igem.org