Difference between revisions of "Team:Worldshaper-Nanjing"

 
(10 intermediate revisions by the same user not shown)
Line 74: Line 74:
 
                         <li class="dropdown">
 
                         <li class="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
 
                             <a class="dropdown-toggle" data-toggle="dropdown">
                                 RESULTS
+
                                 Experiments
 
                                 <span class="caret"></span>
 
                                 <span class="caret"></span>
 
                             </a>
 
                             </a>
Line 80: Line 80:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Experiments">Experiments</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/NOTEBOOK.html">NOTEBOOK</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/PROOF.html">PROOF</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/PROTOCOLS.html">PROTOCOLS</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Demonstrate">Demonstrate</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Results">RESULTS</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
Line 101: Line 101:
 
                             <div class="dropdown-menu">
 
                             <div class="dropdown-menu">
 
                                 <ul>
 
                                 <ul>
                                    <li>
 
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Parts">Parts</a>
 
                                    </li>
 
 
                                     <li>
 
                                     <li>
 
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Basic_Part">Basic Parts</a>
 
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Basic_Part">Basic Parts</a>
Line 115: Line 112:
 
                                 </ul>
 
                                 </ul>
 
                             </div>
 
                             </div>
                        </li>
 
                        <li class="dropdown">
 
                            <a class="dropdown-toggle" data-toggle="dropdown">
 
                                NOTEBOOK
 
                                <span class="caret"></span>
 
                            </a>
 
                            <div class="dropdown-menu">
 
                                <ul>
 
                                    <li>
 
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/NOTEBOOK.html">NOTEBOOK</a>
 
                                    </li>
 
                                    <li>
 
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/PROTOCOLS.html">PROTOCOLS</a>
 
                                    </li>
 
                                </ul>
 
                            </div>
 
                        </li>
 
                        <li>
 
                            <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Safety">Safety</a>
 
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
Line 143: Line 121:
 
                                 <ul>
 
                                 <ul>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/HP/Silver">Silver Hp</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/HP/Silver">SILVER PRACTICES</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/HP/Gold_Integrated">Integrated and Gold</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/HP/Gold_Integrated">INTEGRATED PRACTICES</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Engagement">PUBLIC ENGAGEMENT</a>
+
                                         <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Engagement">EDUCATION & PUBLIC ENGAGEMENT</a>
 
                                     </li>
 
                                     </li>
 
                                     <li>
 
                                     <li>
Line 161: Line 139:
 
                         </li>
 
                         </li>
 
                         <li>
 
                         <li>
                             <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Applied_Design">Applied Design</a>
+
                             <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Hardware">Hardware</a>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
Line 175: Line 153:
 
     <div class="gradient_bg">
 
     <div class="gradient_bg">
  
    <section id="about" class="nj-box006">
+
        <section id="about" class="nj-box006">
        <div class="container">
+
            <div class="container">
            <div class="row">
+
                <div class="row">
                <div class="col-md-6 col-sm-6">
+
                    <div class="col-md-6 col-sm-6">
                    <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
+
                         <div class="block wow fadeInLeft" data-wow-delay=".3s" data-wow-duration="500ms">
                         <h2>ABOUT ME</h2>
+
                             <h2>Self-sinking Algae for CO2 Sequestration (or Algae Fixer)</h2>
                        <p>
+
                            Hello, I’m a UI/UX Designer & Front End Developer from Victoria, Australia. I hold a master degree of Web Design from the World University.And scrambled it to make a type specimen book. It has survived not only five centuries
+
                        </p>
+
                        <p>
+
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, adipisci voluptatum repudiandae, natus impedit repellat aut officia illum at assumenda iusto reiciendis placeat. Temporibus, vero.
+
                        </p>
+
                    </div>
+
                </div>
+
                <div class="col-md-6 col-sm-6">
+
                    <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
+
                        <img src="https://static.igem.org/mediawiki/2017/1/1b/T-worldshaper-XSHS-00002.jpeg" alt="" />
+
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <section id="works" class="works nj-box006">
+
        <div class="container">
+
            <div class="section-heading">
+
                <h1 class="title wow fadeInDown" data-wow-delay=".3s">Latest Works</h1>
+
                <p class="wow fadeInDown" data-wow-delay=".5s">
+
                    Aliquam lobortis. Maecenas vestibulum mollis diam. Pellentesque auctor neque nec urna. Nulla sit amet est. Aenean posuere
+
                    <br>
+
                    tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna dolor sagittis lacus.
+
                </p>
+
            </div>
+
            <div class="row">
+
                <div class="col-sm-4 col-xs-12">
+
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div class="img-wrapper">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" />
+
                        </div>
+
                        <figcaption>
+
                            <h4>
+
                                <a href="#">Dew Drop</a>
+
                            </h4>
+
                            <p>Redesigne UI Concept</p>
+
                        </figcaption>
+
                    </figure>
+
                </div>
+
                <div class="col-sm-4 col-xs-12">
+
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div class="img-wrapper">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" />
+
                        </div>
+
                        <figcaption>
+
                            <h4>
+
                                <a href="#">Dew Drop</a>
+
                            </h4>
+
                            <p>Redesigne UI Concept</p>
+
                        </figcaption>
+
                    </figure>
+
                </div>
+
                <div class="col-sm-4 col-xs-12">
+
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div class="img-wrapper">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" />
+
                        </div>
+
                        <figcaption>
+
                            <h4>
+
                                <a href="#">Dew Drop</a>
+
                            </h4>
+
                            <p>Redesigne UI Concept</p>
+
                        </figcaption>
+
                    </figure>
+
                </div>
+
                <div class="col-sm-4 col-xs-12">
+
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div class="img-wrapper">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" />
+
                        </div>
+
                        <figcaption>
+
                            <h4>
+
                                <a href="#">Dew Drop</a>
+
                            </h4>
+
                            <p>Redesigne UI Concept</p>
+
                        </figcaption>
+
                    </figure>
+
                </div>
+
                <div class="col-sm-4 col-xs-12">
+
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div class="img-wrapper">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" />
+
                        </div>
+
                        <figcaption>
+
                            <h4>
+
                                <a href="#">Dew Drop</a>
+
                            </h4>
+
                            <p>Redesigne UI Concept</p>
+
                        </figcaption>
+
                    </figure>
+
                </div>
+
                <div class="col-sm-4 col-xs-12">
+
                    <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms">
+
                        <div class="img-wrapper">
+
                            <img src="https://static.igem.org/mediawiki/2017/1/10/T-worldshaper-XSHS-00003.jpeg" class="img-responsive" alt="" />
+
                        </div>
+
                        <figcaption>
+
                            <h4>
+
                                <a href="#">Dew Drop</a>
+
                            </h4>
+
                            <p>Redesigne UI Concept</p>
+
                        </figcaption>
+
                    </figure>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <section id="feature" class="nj-box006">
+
        <div class="container">
+
            <div class="section-heading">
+
                <h1 class="title wow fadeInDown" data-wow-delay=".3s">Offer From Me</h1>
+
                <p class="wow fadeInDown" data-wow-delay=".5s">
+
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed,
+
                    <br>
+
                    quasi dolores numquam dolor vero ex, tempora commodi repellendus quod laborum.
+
                </p>
+
            </div>
+
            <div class="row">
+
                <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInUp animated" data-wow-duration="500ms" data-wow-delay="300ms">
+
                        <div class="media-left">
+
                             <div class="icon"> <i class="ion-ios-flask-outline"></i>
+
                            </div>
+
                        </div>
+
                        <div class="media-body">
+
                            <h4 class="media-heading">Media heading</h4>
+
 
                             <p>
 
                             <p>
                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                                 Increasing level of carbon dioxide in earth's atmosphere is the main reason of global warming and has lead us to find a way fight this worsening situation by slowing down the accumulation rate or reducing the amount of carbon dioxide in atmosphere. With insight from our Human Practices, we hoped to develop an efficient biological carbon dioxide sequestration system using Synchronous sp. PCC 7002. The capability of CO2 capturing and storage of the algae was improved by inserting foreign genes, encoding rubisco, and starch synthase. The modified strain was also designed to have an expression of a metal binding protein on its pili to increase density and deactivate pili slowly, which would finally cause the algae to sink to the sea bottom and permanently cut off atmospheric carbon from reentering the carbon cycle.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                </div>
+
                    <div class="col-md-6 col-sm-6">
                <div class="col-md-4 col-lg-4 col-xs-12">
+
                        <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="500ms">
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="600ms">
+
                             <video src="https://static.igem.org/mediawiki/2017/1/14/T-Worldshaper-Nanjing-v001.mp4" autoplay="autoplay" controls="controls" width="588" height="" loop="loop"></video>
                        <div class="media-left">
+
                            <div class="icon"> <i class="ion-ios-lightbulb-outline"></i>
+
                            </div>
+
                        </div>
+
                        <div class="media-body">
+
                            <h4 class="media-heading">Well documented.</h4>
+
                            <p>
+
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="900ms">
+
                        <div class="media-left">
+
                             <div class="icon">
+
                                <i class="ion-ios-lightbulb-outline"></i>
+
                            </div>
+
                        </div>
+
                        <div class="media-body">
+
                            <h4 class="media-heading">Well documented.</h4>
+
                            <p>
+
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1200ms">
+
                        <div class="media-left">
+
                            <div class="icon">
+
                                <i class="ion-ios-americanfootball-outline"></i>
+
                            </div>
+
                        </div>
+
                        <div class="media-body">
+
                            <h4 class="media-heading">Free updates</h4>
+
                            <p>
+
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1500ms">
+
                        <div class="media-left">
+
                            <div class="icon">
+
                                <i class="ion-ios-keypad-outline"></i>
+
                            </div>
+
                        </div>
+
                        <div class="media-body">
+
                            <h4 class="media-heading">Solid Support</h4>
+
                            <p>
+
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                            </p>
+
                        </div>
+
                    </div>
+
                </div>
+
                <div class="col-md-4 col-lg-4 col-xs-12">
+
                    <div class="media wow fadeInDown animated" data-wow-duration="500ms" data-wow-delay="1800ms">
+
                        <div class="media-left">
+
                            <div class="icon">
+
                                <i class="ion-ios-barcode-outline"></i>
+
                            </div>
+
                        </div>
+
                        <div class="media-body">
+
                            <h4 class="media-heading">Simple Installation</h4>
+
                            <p>
+
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum, sint.
+
                            </p>
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
         </div>
+
         </section>
    </section>
+
 
 +
        <section  class="nj-box007">
 +
            <div class="container">
 +
                <div class="row">
 +
 
 +
                    <img src="https://static.igem.org/mediawiki/2017/b/b0/T-Worldshaper-Nanjing-h004.jpg" height="100px;" alt="" />
 +
<img src="
 +
https://static.igem.org/mediawiki/2017/2/23/T-Worldshaper-Nanjing-dd001.jpeg" height="100px;" alt="" />
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/5f/T-Worldshaper-Nanjing-h005.jpg" height="100px;" alt="" />
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/08/T-Worldshaper-Nanjing-h006.jpg" height="100px;" alt="" />
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/57/T-Worldshaper-Nanjing-h007.png" height="100px;" alt="" />
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/0c/T-Worldshaper-Nanjing-h008.jpg" height="100px;" alt="" />
 +
                   
 +
 
  
    <section id="features" class="section-padding">
 
        <div data-velocity="-.1" class="features-bg"></div>
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="100ms">
 
                    <div class="features-item">
 
                        <h2>Responsive Design</h2>
 
                        <p>
 
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 
                        </p>
 
                    </div>
 
                </div>
 
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="200ms">
 
                    <div class="features-item">
 
                        <h2>Retina Display Ready</h2>
 
                        <p>
 
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 
                        </p>
 
                    </div>
 
                </div>
 
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="300ms">
 
                    <div class="features-item">
 
                        <h2>Parallax Style</h2>
 
                        <p>
 
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 
                        </p>
 
                    </div>
 
                </div>
 
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="400ms">
 
                    <div class="features-item">
 
                        <h2>Freedom of color</h2>
 
                        <p>
 
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 
                        </p>
 
                    </div>
 
                </div>
 
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="500ms">
 
                    <div class="features-item">
 
                        <h2>Build your own layout</h2>
 
                        <p>
 
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 
                        </p>
 
                    </div>
 
                </div>
 
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="600ms">
 
                    <div class="features-item">
 
                        <h2>Lightweight & Super fast</h2>
 
                        <p>
 
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 
                        </p>
 
                    </div>
 
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
         </div>
+
         </section>
    </section>
+
 
 
     </div>
 
     </div>
   
+
 
 
     <div class="bg-ocean"></div>
 
     <div class="bg-ocean"></div>
 
     <footer id="footer">
 
     <footer id="footer">

Latest revision as of 03:09, 2 November 2017

Self-sinking Algae for CO2 Sequestration (or Algae Fixer)

Increasing level of carbon dioxide in earth's atmosphere is the main reason of global warming and has lead us to find a way fight this worsening situation by slowing down the accumulation rate or reducing the amount of carbon dioxide in atmosphere. With insight from our Human Practices, we hoped to develop an efficient biological carbon dioxide sequestration system using Synchronous sp. PCC 7002. The capability of CO2 capturing and storage of the algae was improved by inserting foreign genes, encoding rubisco, and starch synthase. The modified strain was also designed to have an expression of a metal binding protein on its pili to increase density and deactivate pili slowly, which would finally cause the algae to sink to the sea bottom and permanently cut off atmospheric carbon from reentering the carbon cycle.