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

 
(25 intermediate revisions by 3 users not shown)
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="https://2017.igem.org/Team:SZU-China/Team">MEMBERS</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Collaborations">COLLABORATIONS</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Attributions">ATTRIBUTION</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
 
 +
                <li>
 +
                    <a href="#">PRACTICE</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/HP/Gold_Integrated">INTEGRATED HP</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/HP/Silver">SILVER HP</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Engagement">ENGAGEMENT</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
 
 +
                <li>
 +
                    <a href="#">EXPERIMENT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Procedure">PROCEDURE</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Results">RESULTS</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Demonstrate">DEMONSTRATE</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Protocol">PROTOCOL</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Notebook">NOTEBOOK</a></li>
 +
 
 +
                    </ul>
 +
                </li>
 +
                <li>
 +
                    <a href="#">PROJECT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Description">DESCRIPTION</a></li>
 +
 
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Design">DESIGN</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Model">MODEL</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Safety">SAFTY</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
 
 +
                <li>
 +
                    <a href="#">ACHIEVEMENT</a>
 +
                    <span class="caret"></span>
 +
                    <ul class="sub-nav" style="top:-5px">
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Achievement">MEDAL</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Parts">PARTS</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
        <div>
 +
            <a href="https://2017.igem.org/Team:SZU-China"><img src="https://static.igem.org/mediawiki/2017/1/17/T--SZU-China--team-logo.png" style="height: 36px;width: auto;padding-top: 12px;padding-left:10px;"></a>
 +
        </div>
 +
    </div>
 +
 
 +
    <div id="page" style="position:absolute;top:100px;right:0;left:0">
 +
 
 +
        <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 id="Corridor" class="cd-section" style="padding:96px 0;background-color:rgba(245,245,245,0.45);">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div style="width:90%;margin:0 auto;">
 +
                        <h3 class="uppercase color-primary mb40" style="margin-bottom: 40px;">
 +
                            <center>Corridor</center>
 +
                        </h3>
 +
 
 +
                        <div class="row text-center" style="width:55%;margin:0 auto">
 +
                            <p class="lead mb40" style="color:black;">Our 2017 iGEM project “Corridor” is a distinctive part of iGEM. It belongs to every single person, yet it cannot be limited by anyone. Exchanging ideas, sharing opinions, and coupling individuals. Team information, free community, and frontier knowledges. We intend to let “Corridor” be a real corridor for all iGEMers, so that we engage more actively and effectively in iGEM 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-size:15px;">Here’s what they told us.</center><p></p>
 +
                        </div>
 +
 
 +
                        <br /><br /><br /><br />
 +
                    </div>
  
−
<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>
+
                </div>
−
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>
+
        </section>
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
        <section style="width: 100%;">
−
</p>
+
        <div class="row text-center" style="width:80%;margin: 0 10%;">
−
</div>
+
                <h3 class="uppercase color-primary mb40" style="margin-bottom: 40px;">
 +
                            <center>Part-1</center>
 +
                        </h3>
 +
                            <p class="lead mb40" style="color:black;">This video is about the homepage and some event. iGEMer can log into their corridor account, so they can post their own article or blog in corridor. In homepage, we put some relevant article about synthetic biology in order to letting people know in a way that is meant to be simple.</p>
 +
         
 +
                    </div>
  
 +
                    <div class="row" style="width:66%;margin:40px 17%;">
 +
                        <div class="col-sm-12">
 +
                            <video width="100%" height="auto" controls autoplay="autoplay">
 +
                                <source src="https://static.igem.org/mediawiki/2017/6/64/T--SZU-China--Corridor-Part-1.mov" />
 +
                            </video>
 +
                        </div>
 +
                    </div>
 +
        </section>
 +
        <section style="width: 100%;">
 +
        <div class="row text-center" style="width:80%;margin: 0 10%;">
 +
                <h3 class="uppercase color-primary mb40" style="margin-bottom: 40px;">
 +
                            <center>Part-2</center>
 +
                        </h3>
 +
                            <p class="lead mb40" style="color:black;">This video is about the community part. The part is now divided into two zones: Asking Zone and Discussing area. You can ask freely in each zone. And of course you can reply and comment on others questions.</p>
 +
         
 +
                    </div>
  
 +
                    <div class="row" style="width:66%;margin:40px 17%;">
 +
                        <div class="col-sm-12">
 +
                            <video width="900" height="500" controls autoplay="autoplay">
 +
                                <source src="https://static.igem.org/mediawiki/2017/e/eb/T--SZU-China--Corridor-Part-2.mov" />
 +
                            </video>
 +
                        </div>
 +
                    </div>
 +
        </section>
 +
        <section style="width: 100%;">
 +
        <div class="row text-center" style="width:80%;margin: 0 10%;">
 +
                <h3 class="uppercase color-primary mb40" style="margin-bottom: 40px;">
 +
                            <center>Part-3</center>
 +
                        </h3>
 +
                            <p class="lead mb40" style="color:black;">This video is about moment part. Moment is meant to be remembered. You can record every sadness and happiness everyday here.</p>
 +
         
 +
                    </div>
  
 +
                    <div class="row" style="width:66%;margin:40px 17%;">
 +
                        <div class="col-sm-12">
 +
                            <video width="900" height="500" controls autoplay="autoplay">
 +
                                <source src="https://static.igem.org/mediawiki/2017/f/f0/T--SZU-China--Corridor-Part-3.mov" />
 +
                            </video>
 +
                        </div>
 +
                    </div>
 +
        </section>
 +
        <section style="width: 100%;">
 +
        <div class="row text-center" style="width:80%;margin: 0 10%;">
 +
                <h3 class="uppercase color-primary mb40" style="margin-bottom: 40px;">
 +
                            <center>Part-4</center>
 +
                        </h3>
 +
                            <p class="lead mb40" style="color:black;">This video is about Resource and Team information. You can find some stuff and some useful things in track part. We also set a latest scientific result part to inform iGEMers about what happens right now. Team information is a platform where we hppe you can find whoever you want to connect.</p>
 +
         
 +
                    </div>
 +
             
 +
                    <div class="row" style="width:66%;margin:40px 17%;">
 +
                        <div class="col-sm-12">
 +
                            <video width="900" height="500" controls autoplay="autoplay">
 +
                                <source src="https://static.igem.org/mediawiki/2017/b/bb/T--SZU-China--Corridor-Part-4.mp4" />
 +
                            </video>
 +
                        </div>
 +
                    </div>
 +
        </section>
 +
    </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>

Latest revision as of 15:56, 10 November 2017


Collaboration

PUBLIC ENGAGEMENT

Corridor

Our 2017 iGEM project “Corridor” is a distinctive part of iGEM. It belongs to every single person, yet it cannot be limited by anyone. Exchanging ideas, sharing opinions, and coupling individuals. Team information, free community, and frontier knowledges. We intend to let “Corridor” be a real corridor for all iGEMers, so that we engage more actively and effectively in iGEM and synthetic biology.

“How is a 'iGEMer' Platform like?”

Here’s what they told us.





Part-1

This video is about the homepage and some event. iGEMer can log into their corridor account, so they can post their own article or blog in corridor. In homepage, we put some relevant article about synthetic biology in order to letting people know in a way that is meant to be simple.

Part-2

This video is about the community part. The part is now divided into two zones: Asking Zone and Discussing area. You can ask freely in each zone. And of course you can reply and comment on others questions.

Part-3

This video is about moment part. Moment is meant to be remembered. You can record every sadness and happiness everyday here.

Part-4

This video is about Resource and Team information. You can find some stuff and some useful things in track part. We also set a latest scientific result part to inform iGEMers about what happens right now. Team information is a platform where we hppe you can find whoever you want to connect.