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

 
(24 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
 
  
  
Line 66: Line 65:
 
         <div class="navbar-nav">
 
         <div class="navbar-nav">
 
             <ul id="nav-list-ul" class="nav-list">
 
             <ul id="nav-list-ul" class="nav-list">
 +
 
                 <li>
 
                 <li>
 
                     <a href="#">TEAM</a>
 
                     <a href="#">TEAM</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
 
                     <ul class="sub-nav" style="top:-5px">
 
                     <ul class="sub-nav" style="top:-5px">
−
                         <li><a href="#">PEOPLE</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Team">MEMBERS</a></li>
−
                         <li><a href="#">COLLABARATIONS</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Collaborations">COLLABORATIONS</a></li>
−
                         <li><a href="#">ATTRIBUTION</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Attributions">ATTRIBUTION</a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 +
 
                 <li>
 
                 <li>
 
                     <a href="#">PRACTICE</a>
 
                     <a href="#">PRACTICE</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
−
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
−
                         <li><a href="#">GOLD HP</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Gold_Integrated">INTEGRATED HP</a></li>
−
                         <li><a href="#">SILVER HP</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Silver">SILVER HP</a></li>
−
                         <li><a href="#">INTEGRATED HP</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Engagement">ENGAGEMENT</a></li>
−
                        <li><a href="#">ENGAGEMENT</a></li>
+
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
                <li><a href="#">OUTEACH</a></li>
+
 
 +
 
 
                 <li>
 
                 <li>
 
                     <a href="#">EXPERIMENT</a>
 
                     <a href="#">EXPERIMENT</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
−
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
−
                         <li><a href="#">PROCEDURE</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Procedure">PROCEDURE</a></li>
−
                         <li><a href="#">RESULTS</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Results">RESULTS</a></li>
−
                         <li><a href="#">NOTEBOOK</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Demonstrate">DEMONSTRATE</a></li>
−
                         <li><a href="#">PROTOCOL</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Protocol">PROTOCOL</a></li>
−
                         <li><a href="#">PARTS</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Notebook">NOTEBOOK</a></li>
 +
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 100: Line 103:
 
                     <a href="#">PROJECT</a>
 
                     <a href="#">PROJECT</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
−
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
−
                         <li><a href="#">DESCRIPTION</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Description">DESCRIPTION</a></li>
−
                         <li><a href="#">DESIGN</a></li>
+
 
−
                         <li><a href="#">PROOF</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Design">DESIGN</a></li>
−
                         <li><a href="#">SAFTY</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>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 +
 
                 <li>
 
                 <li>
 
                     <a href="#">ACHIEVEMENT</a>
 
                     <a href="#">ACHIEVEMENT</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
−
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
−
                         <li><a href="#">AWARD</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Achievement">MEDAL</a></li>
−
                         <li><a href="#">MEDAL</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Parts">PARTS</a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 
             </ul>
 
             </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>
 
     </div>
  
−
 
+
     <div id="page" style="position:absolute;top:100px;right:0;left:0">
−
     <div id="page" style="position:absolute;top:100px">
+
  
 
         <section id="overview" class="cd-section" style="padding:96px 0;background-color:white;">
 
         <section id="overview" class="cd-section" style="padding:96px 0;background-color:white;">
Line 134: Line 142:
 
         </section>
 
         </section>
  
−
         <section class="cd-section" style="padding:96px 0;background-color:white;">
+
         <section id="Corridor" class="cd-section" style="padding:96px 0;background-color:rgba(245,245,245,0.45);">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="col-sm-12">
+
                     <div style="width:90%;margin:0 auto;">
−
                         <h3 class="uppercase color-primary mb40 mb-xs-24" style="margin-bottom: 40px;">
+
                         <h3 class="uppercase color-primary mb40" style="margin-bottom: 40px;">
−
                             <center>Corrider</center>
+
                             <center>Corridor</center>
 
                         </h3>
 
                         </h3>
  
−
                         <div class="row text-center" style="width:50%;margin:0 auto">
+
                         <div class="row text-center" style="width:55%;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;">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;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>
+
                             <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>
 
                         </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' />
 
  
 +
                </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-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>
  
−
                         </video>
+
                    <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>
−
                </div>   
 
−
                </div>
 
−
            </section>
 
−
 
  
 +
                    <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>
  

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.