Difference between revisions of "Team:Cornell/Engagement"

(Prototype team page)
 
Line 1: Line 1:
−
{{Cornell}}
+
<!DOCTYPE html>
 +
<html class="no-js">
 +
    <head>
 +
        <meta charset="UTF-8">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
        <title>Home</title>
 +
        <meta name="description" content="Home">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <!--Stylesheets-->
 +
        <link rel="stylesheet" href="styles/bootstrap.min.css">
 +
        <link rel="stylesheet" href="styles/styles.css"> <!--For nav bar text-->
 +
        <link rel="stylesheet" href="styles/main.css">
 +
        <!-- JavaScript Files-->
 +
        <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
 +
        <script src="js/main.js" type="text/javascript"></script>
 +
    </head>
  
−
<html>
+
  <body class="ex-layout">
−
<div class="column full_size judges-will-not-evaluate">
+
      <div class="main-nav-wrapper nav-wrapper-1-creative">
−
<h3>★  ALERT! </h3>
+
      <nav>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
        <div class="main-nav main-nav-1 creative-page nav-content-toggle">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
          <div class="container">
−
</div>
+
            <div class="nav-logo">
−
<div class="clear"></div>
+
                <a href="index.html"><img src="images/cornellOxyponicsLogo.png" alt="Oxyponics"></a>
 +
            </div>
 +
            <ul class="nav-main-menu nav-content-item">
 +
              <li><a href="#">HOME</a></li>
 +
              <li><a href="#">ABOUT</a>
 +
                <ul>
 +
                  <li><a href="">PROJECT OVERVIEW</a></li>
 +
                  <li><a href="">PROJECT BACKGROUND</a></li>
 +
                  <li><a href="">FUTURE APPLICATIONS</a></li>
 +
                  </ul>
 +
              </li>
 +
              <li class="mega-menu menu-5-col"><a href="#">TOOLKIT</a>
 +
                <ul class="mega-menu-content">
 +
                  <li class="menu-title"><a href="#">WET LAB</a>
 +
                    <ul>
 +
                      <li><a href="">OVERVIEW</a></li>
 +
                      <li><a href="">REDOX FLUORESENT PROTEINS</a></li>
 +
                      <li><a href="">LIGHT-SENSITIVE PROMOTERS</a></li>
 +
                      <li><a href="">INTEGRATED TESTING</a></li>
 +
                      <li><a href="">FUTURE WORK</a></li>
 +
                      <li><a href="">PARTS</a></li>
 +
                      <li><a href="">PROTOCOLS</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="menu-title"><a href="#">PRODUCT DEVELOPMENT</a>
 +
                    <ul>
 +
                      <li><a href="">OVERVIEW</a></li>
 +
                      <li><a href="">OXYPONICS SYSTEM</a></li>
 +
                      <li><a href="">DASHBOARD</a></li>
 +
                      <li><a href="">DESIGN PROCESS</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="menu-title"><a href="#">MATHEMATICAL MODELING</a>
 +
                    <ul>
 +
                      <li><a href="">MODELING</a></li>
 +
                      <li><a href="">ANIMATION</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li class="menu-title"><a href="#">DOCUMENTATION</a>
 +
                    <ul>
 +
                      <li><a href="">NOTEBOOK</a></li>
 +
                      <li><a href="">SAFETY</a></li>
 +
                    </ul>
 +
                  </li>
 +
                </ul>
 +
              </li>
 +
              <li><a href="#">HUMAN CENTERED DESIGN</a>
 +
                <ul>
 +
                  <li><a href="">PRACTICES</a></li>
 +
                  <li><a href="">POLICIES</a></li>
 +
                  <li><a href="">ENTREPRENEURSHIP</a></li>
 +
                  </ul>
 +
              </li>
 +
              <li><a href="#">OUTREACH</a>
 +
                <ul>
 +
                  <li><a href="">CONNECTIONS</a></li>
 +
                  <li><a href="">PUBLIC ENGAGEMENT</a></li>
 +
                </ul>
 +
              </li>
 +
              <li><a href="#">TEAM</a>
 +
                <ul>
 +
                  <li><a href="">BIOS</a></li>
 +
                  <li><a href="">SPONSORS</a></li>
 +
                  <li><a href="">ATTRIBUTIONS</a></li>
 +
                  <li><a href="">OFFICIAL PROFILE</a></li>
 +
                  </ul>
 +
              </li>
 +
            </ul>
 +
            <ul class="nav-main-menu small-screen">
 +
              <li><a href="#">HOME</a></li>
 +
              <li><a href="#">ABOUT</a>
 +
                <ul>
 +
                  <li><a href="">PROJECT OVERVIEW</a></li>
 +
                  <li><a href="">PROJECT BACKGROUND</a></li>
 +
                  <li><a href="">FUTURE APPLICATIONS</a></li>
 +
                  </ul>
 +
              </li>
 +
              <li><a href="#">TOOLKIT</a>
 +
                <ul>
 +
                  <li><a href="#">WET LAB</a>
 +
                    <ul>
 +
                      <li><a href="">OVERVIEW</a></li>
 +
                      <li><a href="">REDOX FLUORESENT PROTEINS</a></li>
 +
                      <li><a href="">LIGHT-SENSITIVE PROMOTERS</a></li>
 +
                      <li><a href="">INTEGRATED TESTING</a></li>
 +
                      <li><a href="">FUTURE WORK</a></li>
 +
                      <li><a href="">PARTS</a></li>
 +
                      <li><a href="">PROTOCOLS</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li><a href="#">PRODUCT DEVELOPMENT</a>
 +
                    <ul>
 +
                      <li><a href="">OVERVIEW</a></li>
 +
                      <li><a href="">OXYPONICS SYSTEM</a></li>
 +
                      <li><a href="">DASHBOARD</a></li>
 +
                      <li><a href="">DESIGN PROCESS</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li><a href="#">MATHEMATICAL MODELING</a>
 +
                    <ul>
 +
                      <li><a href="">MODELING</a></li>
 +
                      <li><a href="">ANIMATION</a></li>
 +
                    </ul>
 +
                  </li>
 +
                  <li><a href="#">DOCUMENTATION</a>
 +
                    <ul>
 +
                      <li><a href="">NOTEBOOK</a></li>
 +
                      <li><a href="">SAFETY</a></li>
 +
                    </ul>
 +
                  </li>
 +
                </ul>
 +
              </li>
 +
              <li><a href="#">HUMAN CENTERED DESIGN</a>
 +
                <ul>
 +
                  <li><a href="">PRACTICES</a></li>
 +
                  <li><a href="">POLICIES</a></li>
 +
                  <li><a href="">ENTREPRENEURSHIP</a></li>
 +
                  </ul>
 +
              </li>
 +
              <li><a href="#">OUTREACH</a>
 +
                <ul>
 +
                  <li><a href="">CONNECTIONS</a></li>
 +
                  <li><a href="">PUBLIC ENGAGEMENT</a></li>
 +
                </ul>
 +
              </li>
 +
              <li><a href="#">TEAM</a>
 +
                <ul>
 +
                  <li><a href="">BIOS</a></li>
 +
                  <li><a href="">SPONSORS</a></li>
 +
                  <li><a href="">ATTRIBUTIONS</a></li>
 +
                  <li><a href="">OFFICIAL PROFILE</a></li>
 +
                  </ul>
 +
              </li>
 +
            </ul>
 +
            <div class="nav-hamburger-wrapper">
 +
              <div class="cell-vertical-wrapper">
 +
                <div class="cell-middle">
 +
                  <div class="nav-hamburger"><span></span></div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </nav>
 +
    </div>
 +
      <main>
 +
          <header class="site-header">
 +
              <img src="images/cornellCoverImageWetLab.png">
 +
          </header>
 +
            <section>
 +
              <div class="container practices">
 +
                <div class="row">
 +
                    <!---BANNER PIC---->
 +
                    <div class="container-fluid publicengagement-banner-wrapper">
 +
            <svg width=100% height="300">
 +
                <rect width=100% height="300" style="fill:rgb(86,113,81);fill-opacity:0.3;" />
 +
                <text text-anchor="middle" alignment-baseline="middle" text-anchor="middle" x=50% y=50% style="font-family:Crimson Text" font-size="65">Community Engagement</text>
 +
            </svg>
 +
        </div>
 +
                    <!--END BANNER--->
 +
                  <!------------------------SIDE BAR------------------------>
 +
                  <div class="col-md-3 sidebar-wrapper">
 +
                    <ul>
 +
                      <li><a href="#">LINK</a></li>
 +
                      <li><a href="#">LINK</a></li>
 +
                      <li><a href="#">LINK</a></li>
 +
                      <li><a href="#">LINK</a></li>
 +
                      <li><a href="#">LINK</a></li>
 +
                      <li><a href="#">LINK</a></li>
 +
                    </ul>
 +
                  </div>
 +
                  <!------------------------END SIDE BAR------------------------>
 +
                  <!------------------------PAGE CONTENT------------------------>
 +
                  <div class="col-md-9">
 +
                      <div class="dialogue">
 +
                      <h2>Starting a Dialogue</h2>
 +
                      </div>
 +
                      <div class="perception">
 +
                      <h2>Public Perceptions</h2>
 +
                      </div>
 +
                      <div class="careerexplore">
 +
                      <h2>Career Exploration Conference</h2>
 +
                      </div>
 +
                      <div class="splash">
 +
                      <h2>Splash! at Cornell</h2>
 +
                        <p>Splash! at Cornell is an educational program hosted at Cornell annually, where students can come to “teach anything, learn anything.” Cornell students teach short classes on a topic of their choosing, from immunology to salsa dance.  Naturally, it made sense for Cornell iGEM to teach what we are passionate about – synthetic biology! We developed a curriculum that highlighted interesting aspects of synthetic biology. We taught our students about research techniques and dove into an application by presenting our 2016 project, Legendairy. We concluded with a hands on activity - loading a gel, and a discussion of bioethical issues facing synbio. Looks like our class made a splash!</p>
 +
                      </div>
 +
                      <div class="partner">
 +
                      <h2>Partnering with the Next Generation</h2>
 +
                      </div>
 +
                      <div class="fair">
 +
                      <h2>The Great NY State Fair</h2>
 +
                          <p>An American tradition of over 175 years.
  
−
<div class="column half_size">
+
An annual attendance of over a million visitors.
  
−
<h1>Education and Public Engagement</h1>
+
All these factors made the Great New York State Fair, a thirteen day celebration of New York agriculture, entertainment, and technology, the perfect place for Cornell iGEM to reach out to a large and receptive audience. Our aim was to bolster the fun and festivity by exhibiting our hydroponics synthetic biology application, and discussing the myriad of opinions surrounding genetic engineering.
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
−
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
  
−
<br><br>
+
Situated at the New York 4H building, we joined a wide range of education and technology exhibits targeting youth of all ages as well as parents. In our time there, we would enthusiastically break the ice by asking fairgoers a simple question, “What does synthetic biology mean to you?”
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
−
<br><br>
+
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
  
 +
We encountered many families who had no idea what that meant. But by discussing and engaging their curiosity with activities from Building with Biology that illustrated synthetic biology as a way to put different pieces together to solve a problem, we were able to describe the essence of synthetic biology. Afterwards we asked them to participate in our photo campaign, called Humans of SynBio.
  
−
 
+
It was not always consensus. During some of our conversations, we had fairgoers who shared that genetic engineering were dangerous for human health. Rather than immediately refute them, we listened and facilitated dialogue to resolve misconceptions and hear these various viewpoints. See “Actively Discussing the Issues” below for further discussion.
−
 
+
</p>
−
<div class="column half_size">
+
                      </div>
−
<h5>Inspiration</h5>
+
                    <div class="firstrow">
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
                    <img src="https://static.igem.org/mediawiki/2017/a/a7/T--Cornell--HumanSynBio1.jpeg" alt="" style="float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em" />
−
<ul>
+
                    <img src="https://static.igem.org/mediawiki/2017/b/be/T--Cornell--HumanSynBio2.jpeg" alt="" style="float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em" />
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
                    <img src="https://static.igem.org/mediawiki/2017/9/9e/T--Cornell--HumanSynBio3.jpeg" alt="" style="float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em" />
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
                      </div>
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
                    <div class="secondrow">
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
                      <img src="https://static.igem.org/mediawiki/2017/5/5c/T--Cornell--HumanSynBio4.jpeg" alt="" style="float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em" />
−
</ul>
+
                        <img src="https://static.igem.org/mediawiki/2017/5/50/T--Cornell--HumanSynBio5.jpeg" alt="" style="float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em" />
−
 
+
                        <img src="https://static.igem.org/mediawiki/2017/3/3f/T--Cornell--HumanSynBio6.jpeg" alt="" style="float: left; width: 30%; margin-right: 1%; margin-bottom: 0.5em" />
−
</div>
+
                      </div>
−
 
+
                  </div>
−
 
+
                  <!------------------------END PAGE CONTENT------------------------>
−
<div class="clear"></div>
+
                </div>
 +
            </section>
 +
          <!------------------------FOOTER------------------------>
 +
            <footer class="footer-preset-04">
 +
                <div class="social-04">
 +
                    <a class="footerIconWrapper" href="https://www.facebook.com/cornelligem/">
 +
                        <div class="overlay"></div>
 +
                        <img src="images/cornellFacebookIcon.png" height="30px"></a>
 +
                    <a class="footerIconWrapper" href="https://twitter.com/cugem">
 +
                        <div class="overlay"></div>
 +
                        <img src="images/cornellTwitterIcon.png" height="30px">
 +
                    </a>
 +
                    <a class="footerIconWrapper" href="https://www.instagram.com/cugem/">
 +
                        <div class="overlay"></div>
 +
                        <img src="images/cornellInstagramIcon.png" height="30px">
 +
                    </a>
 +
                    <a class="footerIconWrapper" href="https://www.youtube.com/channel/UCGmkfjoDXGLms_9LyA93Dwg">
 +
                        <div class="overlay"></div>
 +
                        <img src="images/cornellYoutubeIcon.png" height="30px">
 +
                    </a>
 +
                </div>
 +
            </footer>
 +
            <!------------------------END FOOTER------------------------>
 +
      </main>
 +
    </body>
 
</html>
 
</html>

Revision as of 15:16, 12 October 2017

<!DOCTYPE html> Home

Community Engagement

Starting a Dialogue

Public Perceptions

Career Exploration Conference

Splash! at Cornell

Splash! at Cornell is an educational program hosted at Cornell annually, where students can come to “teach anything, learn anything.” Cornell students teach short classes on a topic of their choosing, from immunology to salsa dance. Naturally, it made sense for Cornell iGEM to teach what we are passionate about – synthetic biology! We developed a curriculum that highlighted interesting aspects of synthetic biology. We taught our students about research techniques and dove into an application by presenting our 2016 project, Legendairy. We concluded with a hands on activity - loading a gel, and a discussion of bioethical issues facing synbio. Looks like our class made a splash!

Partnering with the Next Generation

The Great NY State Fair

An American tradition of over 175 years. An annual attendance of over a million visitors. All these factors made the Great New York State Fair, a thirteen day celebration of New York agriculture, entertainment, and technology, the perfect place for Cornell iGEM to reach out to a large and receptive audience. Our aim was to bolster the fun and festivity by exhibiting our hydroponics synthetic biology application, and discussing the myriad of opinions surrounding genetic engineering. Situated at the New York 4H building, we joined a wide range of education and technology exhibits targeting youth of all ages as well as parents. In our time there, we would enthusiastically break the ice by asking fairgoers a simple question, “What does synthetic biology mean to you?” We encountered many families who had no idea what that meant. But by discussing and engaging their curiosity with activities from Building with Biology that illustrated synthetic biology as a way to put different pieces together to solve a problem, we were able to describe the essence of synthetic biology. Afterwards we asked them to participate in our photo campaign, called Humans of SynBio. It was not always consensus. During some of our conversations, we had fairgoers who shared that genetic engineering were dangerous for human health. Rather than immediately refute them, we listened and facilitated dialogue to resolve misconceptions and hear these various viewpoints. See “Actively Discussing the Issues” below for further discussion.