Difference between revisions of "Team:SZU-China/Engagement"

Line 1: Line 1:
−
{{SZU-China}}
+
 
 +
 
  
 
<html>
 
<html>
−
<div class="column full_size">
 
−
<h3>★  ALERT! </h3>
 
−
<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>
 
−
<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>
 
−
<div class="clear"></div>
 
  
−
<div class="column half_size">
+
<head>
 +
    <title>Collaboration</title>
 +
    <style>
 +
        #sideMenu, #top_title {
 +
            display: none;
 +
        }
 +
 
 +
        #content {
 +
            width: 100%;
 +
            margin: 0px;
 +
            padding: 0px;
 +
            background-color: #fff;
 +
        }
 +
 
 +
        .font1 {
 +
            font-size: 20px;
 +
            color: #2f2f2f;
 +
        }
 +
 
 +
        body {
 +
            font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
            background-color: #fff;
 +
        }
 +
    </style>
 +
 
 +
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/sub/CSS?action=raw&amp;ctype=text/css" />
 +
    <link href="https://2017.igem.org/Template:SZU-China/HP/CSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css">
 +
    <link href='http://fonts.font.im/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
 
 +
 
 +
    <script type="text/javascript" src="https://2017.igem.org/Template:SZU-China/jquery/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
            $("#nav-list-ul li").hover(function () {
 +
                $(this).find('ul.sub-nav').show();
 +
            }, function () {
 +
                $(this).find('ul.sub-nav').hide();
 +
            });
 +
 
 +
            $("div.navbar").hover(function () {
 +
                $(this).css("box-shadow", "1px 1px 7px #000")
 +
            }, function () {
 +
                $(this).css("box-shadow", "0px 0px 0px #000")
 +
            });
 +
 
 +
            $("#top").click(function () {
 +
                $('body,html').animate({ scrollTop: 0 }, 200);
 +
                return false;
 +
            });
 +
        });
 +
    </script>
 +
 
 +
</head>
 +
 
 +
 
 +
 
 +
<body>
 +
    <div class="navbar" style="top:5px;position:fixed;z-index:5">
 +
        <div class="navbar-nav">
 +
            <ul id="nav-list-ul" class="nav-list">
 +
                <li>
 +
                    <a href="#">TEAM</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="#">PEOPLE</a></li>
 +
                        <li><a href="#">COLLABARATIONS</a></li>
 +
                        <li><a href="#">ATTRIBUTION</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">PRACTICE</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav">
 +
                        <li><a href="#">GOLD HP</a></li>
 +
                        <li><a href="#">SILVER HP</a></li>
 +
                        <li><a href="#">INTEGRATED HP</a></li>
 +
                        <li><a href="#">ENGAGEMENT</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="#">OUTEACH</a></li>
 +
                <li>
 +
                    <a href="#">EXPERIMENT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav">
 +
                        <li><a href="#">PROCEDURE</a></li>
 +
                        <li><a href="#">RESULTS</a></li>
 +
                        <li><a href="#">NOTEBOOK</a></li>
 +
                        <li><a href="#">PROTOCOL</a></li>
 +
                        <li><a href="#">PARTS</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">PROJECT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav">
 +
                        <li><a href="#">DESCRIPTION</a></li>
 +
                        <li><a href="#">DESIGN</a></li>
 +
                        <li><a href="#">PROOF</a></li>
 +
                        <li><a href="#">SAFTY</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">ACHIEVEMENT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav">
 +
                        <li><a href="#">AWARD</a></li>
 +
                        <li><a href="#">MEDAL</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
 
 +
 
 +
    <div id="page" style="position:absolute;top:100px">
 +
 
 +
        <section id="overview" class="cd-section" style="padding:96px 0;background-color:white;">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-sm-12">
 +
                        <h3 class="uppercase color-primary mb40 " style="margin-bottom: 40px;font-size:50px"><center>PUBLIC ENGAGEMENT</center> </h3>
 +
 
 +
 
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
 
 +
        <section class="cd-section" style="padding:96px 0;background-color:white;">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-sm-12">
 +
                        <h3 class="uppercase color-primary mb40 mb-xs-24" style="margin-bottom: 40px;">
 +
                            <center>Corrider</center>
 +
                        </h3>
 +
 
 +
                        <div class="row text-center" style="width:50%;margin:0 auto">
 +
                            <p class="lead mb40" style="color:black;">Some things are meant to be kept private, but 2017 iGEM team decided to solve meant to be shared. We seized some of our most unique outreach opportunities yet this past year, working with a science museum, educating underprivileged youth, and being put on a public stage at the Great New York State Fair. We aimed not to demonstrate but to engage, having conversations about mastitis and synthetic biology.</p>
 +
                            <p class="lead mb40" style="color:black;font-size:20px;"></p><center style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:25px;">“How is a 'iGEMer' Platform like?”</center><p></p>
 +
                            <p class="lead mb40" style="color:black;"></p><center style="font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Here’s what they told us.</center><p></p>
 +
                            </div>
 +
                         
 +
                        <br/><br/><br/><br/>
 +
                        </div>
 +
                       
 +
 
 +
                    </div>
 +
 
 +
                <div class="row" style="width:75%;margin:0 auto;">
 +
                    <div class="col-sm-12">
 +
                        <video width="900" height="500" controls>
 +
                            <source src="https://static.igem.org/mediawiki/2017/c/c8/T--SZU-China--video.mp4" type='video/mp4' />
  
−
<h1>Education and Public Engagement</h1>
 
−
<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>
+
                        </video>
−
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>.
+
                    </div>
−
<br><br>
+
                </div>  
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
                </div>
−
</p>
+
            </section>
−
</div>
+
  
  
  
 +
    </div>
  
−
<div class="column half_size">
+
    <div class="arrow-div">
−
<h5>Inspiration</h5>
+
        <a id="top" href="#" title="Back to top">
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
            <img src="https://static.igem.org/mediawiki/2017/f/f6/T--SZU-China--arrow.png" class="arrow-img">
−
<ul>
+
        </a>
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
    </div>
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
</body>
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
−
</ul>
+
  
−
</div>
 
  
  
−
<div class="clear"></div>
 
 
</html>
 
</html>

Revision as of 18:29, 27 October 2017


Collaboration

PUBLIC ENGAGEMENT

Corrider

Some things are meant to be kept private, but 2017 iGEM team decided to solve meant to be shared. We seized some of our most unique outreach opportunities yet this past year, working with a science museum, educating underprivileged youth, and being put on a public stage at the Great New York State Fair. We aimed not to demonstrate but to engage, having conversations about mastitis and synthetic biology.

“How is a 'iGEMer' Platform like?”

Here’s what they told us.