Difference between revisions of "Team:Valencia UPV/jopegar"

 
(29 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{:Team:Valencia_UPV/Templates:styles}}
 
{{:Team:Valencia_UPV/Templates:styles2}}
 
{{:Team:Valencia_UPV/Templates:stylesigem}}
 
{{:Team:Valencia_UPV/Templates:stylesLitebox}}
 
{{:Team:Valencia_UPV/Templates:stylesOwl}}
 
{{:Team:Valencia_UPV/Templates:stylesCustomCSS}}
 
{{:Team:Valencia_UPV/Templates:stylesCustomCSS2}}
 
{{:Team:Valencia_UPV/Templates:stylesIcons}}
 
 
 
<html lang="en">
 
<html lang="en">
  
Line 14: Line 5:
 
     <title>Chatter Plant</title>
 
     <title>Chatter Plant</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- Color Pickr -->
 +
    <link href="https://chatterplantwiki.000webhostapp.com/includes/color-pickr/color-pickr.css" rel="stylesheet">
 +
    <!-- Bootstrap -->
 +
    <link href="https://chatterplantwiki.000webhostapp.com/includes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 +
    <!-- WOW JS Animation -->
 +
    <link rel="stylesheet" href="https://chatterplantwiki.000webhostapp.com/includes/wow-js/animations.css" />
 +
    <!-- Litebox  -->
 +
    <link rel="stylesheet" href="https://chatterplantwiki.000webhostapp.com/includes/litebox/litebox.css" />
 +
    <!-- Owl Carousel -->
 +
    <link rel="stylesheet" href="https://chatterplantwiki.000webhostapp.com/includes/owl-carousel/owl.carousel.css" />
 +
    <!-- custom css -->
 +
    <link href="https://chatterplantwiki.000webhostapp.com/css/style.css" rel="stylesheet" type="text/css" media="screen">
 +
    <link href="https://chatterplantwiki.000webhostapp.com/css/media.css" rel="stylesheet" type="text/css" media="screen">
 +
    <!-- font awesome for icons -->
 +
    <link href="https://chatterplantwiki.000webhostapp.com/includes/font-awesome-4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
     <!-- Web Fonts -->
 
     <!-- Web Fonts -->
 
     <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
 
     <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
Line 30: Line 36:
 
           <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
           <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
         <![endif]-->
 
         <![endif]-->
 +
    <style>
 +
        #sideMenu,
 +
        #top_title {
 +
            display: none;
 +
        }
 +
        #content {
 +
            width: 100% !important;
 +
            padding: 0px !important;
 +
            margin: 0px !important;
 +
            top: 0px !important;
 +
            position: absolute !important;
 +
        }
 +
    </style>
 
</head>
 
</head>
  
Line 56: Line 75:
 
         <div class="welcome-text">
 
         <div class="welcome-text">
 
             <div class="container">
 
             <div class="container">
                 <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/thumb/8/86/ImagotipoHomeValenciaUPV.png/120px-ImagotipoHomeValenciaUPV.png" alt="" />
+
                 <img class="img-responsive" src="https://chatterplantwiki.000webhostapp.com/img/demo-images/imagotipo-chatterplant.png" alt="" />
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 69: Line 88:
 
                     <p align="justify" style="text-indent:30px; color:#005368">Ensuring regular access to high-quality food for everyone is one of the mainstays of society. Unfortunately, food security is constantly threatened by many unpredictable factors that involve agriculture. Controlling both development and behaviour of the plant could contribute to make crops more productive and sustainable. We, Valencia UPV team, propose <b>ChatterPlant</b>, a SynBio-based solution to communicate with plants. We designed an optogenetic circuit that works as interface between plants and humans. Bearing that in mind, we engineered <b>ChatterBox</b> that regulates precisely plant growth conditions while translating plant information into an intelligible one.</p>
 
                     <p align="justify" style="text-indent:30px; color:#005368">Ensuring regular access to high-quality food for everyone is one of the mainstays of society. Unfortunately, food security is constantly threatened by many unpredictable factors that involve agriculture. Controlling both development and behaviour of the plant could contribute to make crops more productive and sustainable. We, Valencia UPV team, propose <b>ChatterPlant</b>, a SynBio-based solution to communicate with plants. We designed an optogenetic circuit that works as interface between plants and humans. Bearing that in mind, we engineered <b>ChatterBox</b> that regulates precisely plant growth conditions while translating plant information into an intelligible one.</p>
  
                     <p align="justify" style="text-indent:30px; color:#005368">Plant’s communication ability relies on the plant-human <b>interface</b> comprised by our designed optogenetic circuit. This <b>modular system</b> is triggered by red/far-red light inducible switch, thus allowing users to control expression of any desired pathway easily. Since white light in aerial parts could interfere with the circuit signalling, these light stimuli would be introduced by illuminating plant’s roots. Furthermore, circuit's modularity allows to cover almost any users' necessities, personalizing the final element in the system. As a proof of concept, we resolve to regulate flowering periods in order to provide more control over crops. Thus, we intend to make a positive impact in global <b>food security</b> progress.. However, we do not only intend to give orders to plants but also to acquire relevant information from them. Therefore, we generated a second communication channel that allows plants to send us information about their current status (i.g. metabolites levels, phytohormones levels, pathogen presence…). In our project, we chose to activate the expression of a fluorescent protein when infection occurs, making it easily detectable.</p>
+
                     <p align="justify" style="text-indent:30px; color:#005368">Plant’s communication ability relies on the plant-human <b>interface</b> comprised by our designed optogenetic circuit. This <b>modular system</b> is triggered by red/far-red light inducible switch, thus allowing users to control expression of any desired pathway easily. Since white light in aerial parts could interfere with the circuit signalling, these light stimuli would be introduced by illuminating plant’s roots. Furthermore, circuit's modularity allows to cover almost any users' necessities, personalizing the final element in the system. As a proof of concept, we resolve to regulate flowering periods in order to provide more control over crops. Thus, we intend to make a positive impact in global <b>food security</b> progress. However, we do not only intend to give orders to plants but also to acquire relevant information from them. Therefore, we generated a second communication channel that allows plants to send us information about their current status (i.g. metabolites levels, phytohormones levels, pathogen presence…). In our project, we chose to activate the expression of a fluorescent protein when infection occurs, making it easily detectable.</p>
  
                     <p align="justify" style="text-indent:30px; margin-bottom: 50px; color:#005368">&nbsp In order to achieve that control, we developed <b>ChatterBox</b> with the aim of translating our orders into light stimuli through roots and also tracking plant growth and development. Controlling external factors and regulating plant’s features allow us to increase plant versatility and adaptative capacity. Furthermore, a <b>detection system</b> is permanently checking for stress signals, so we could immediately actuate in consequence. With this project, our team intends to help in developing a <b>non-climate dependent agriculture</b>, as well as in giving farmers more <b>control</b> over their crops. Thus, we aspire to ensure food security through human-plant interaction.</p>
+
                     <p align="justify" style="text-indent:30px; margin-bottom: 50px; color:#005368">In order to achieve that control, we developed <b>ChatterBox</b> with the aim of translating our orders into light stimuli through roots and also tracking plant growth and development. Controlling external factors and regulating plant’s features allow us to increase plant versatility and adaptative capacity. Furthermore, a <b>detection system</b> is permanently checking for stress signals, so we could immediately actuate in consequence. With this project, our team intends to help in developing a <b>non-climate dependent agriculture</b>, as well as in giving farmers more <b>control</b> over their crops. Thus, we aspire to ensure food security through human-plant interaction.</p>
 
                 </div>
 
                 </div>
  
 
                 <div class="col-md-6 wow animated fadeInUp">
 
                 <div class="col-md-6 wow animated fadeInUp">
                     <center>
+
                     <img class="img-responsive" src="https://chatterplantwiki.000webhostapp.com/img/demo-images/project-description.png" style="margin-top: 50px; margin-bottom: 50px" alt="" />
<img class="img-responsive" src="https://chatterplantwiki.000webhostapp.com/img/demo-images/project-description.png" style="margin-top: 50px; margin-bottom: 50px" alt="" />
+
                </div>
</center>
+
</div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
  
  <!--scripts and plugins -->
+
    <section id="contact" class="section-padding">
        <!--must need plugin jquery-->
+
        <div class="container">
        <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.min.js"></script>      
+
            <div class="row wow animated fadeInDown">
        <!--bootstrap js plugin-->
+
                <div class="col-md-12 text-center hero-title">
        <script src="https://chatterplantwiki.000webhostapp.com/includes/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
+
                    <i class="fa fa-envelope"></i>
<!--easying scroll effect-->
+
                    <h2 class="page-title">Contact</h2>
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.easing.1.3.min.js" type="text/javascript"></script>
+
                    <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. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. </p>
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.sticky.js" type="text/javascript"></script>
+
                </div>
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.nav.js" type="text/javascript"></script>
+
                <!--hero title end-->
<!--owl carousel-->
+
            </div>
<script src="https://chatterplantwiki.000webhostapp.com/includes/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
+
 
<!--wow animation-->
+
 
<script src="https://chatterplantwiki.000webhostapp.com/includes/wow-js/wow.min.js" type="text/javascript"></script>
+
            <div class="row contact-form wow animated fadeInUp">
+
                <div class="col-md-7">
<!--Activating WOW Animation only for modern browser-->
+
 
<!--[if !IE]><!-->
+
 
 +
                    <form role="form" id="ajax-contact" method="post" action="https://chatterplantwiki.000webhostapp.com/includes/contact-form/mailer.php">
 +
                        <div class="form-group">
 +
                            <label for="name">Name:</label>
 +
                            <input class="form-control" type="text" id="name" name="name" required>
 +
                        </div>
 +
 
 +
                        <div class="form-group">
 +
                            <label for="email">Email:</label>
 +
                            <input class="form-control" type="email" id="email" name="email" required>
 +
                        </div>
 +
 
 +
                        <div class="form-group">
 +
                            <label for="message">Message:</label>
 +
                            <textarea class="form-control" id="message" name="message" required></textarea>
 +
                        </div>
 +
 
 +
                        <div class="form-group">
 +
                            <button class="btn btn-bordered" type="submit">Send Message</button>
 +
                        </div>
 +
                    </form>
 +
                    <div id="form-messages"></div>
 +
 
 +
                </div>
 +
                <!--form col-->
 +
                <div class="col-md-5">
 +
                    <div class="address-info">
 +
                        <h3>Our Office</h3>
 +
                        <p><i class="fa fa-map-marker"></i> Address: 302012 Jaipur Name, City Name</p>
 +
                        <p><i class="fa fa-phone"></i> Phone: (141) 456-7890</p>
 +
                        <p><i class="fa fa-envelope"></i> Email: valencia.upv.igem@gmail.com</p>
 +
                        <p><strong>Monday - Friday : </strong> 9:30 Am - 5:30 Pm</p>
 +
                        <p><strong>Saturday - Sunday: </strong> Closed</p>
 +
                    </div>
 +
                    <div class="address-info">
 +
                        <h3>Social Media</h3>
 +
                        <ul class="list-inline social">
 +
                            <li><a href="https://www.facebook.com/ValenciaUPViGEM/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/d/d1/FacebookIcon.png" height="30" width="30"></img></a>
 +
                            </li>
 +
                            <li><a href="https://twitter.com/upvigem?lang=es" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/84/TwitterIconUPV.png" height="30" width="30"></img></a>
 +
                            </li>
 +
                            <li><a href="https://www.instagram.com/upvigem/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/6/6f/InstaIconUPV.png" height="30" width="30"></img></a>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
                <!--address info col end-->
 +
            </div>
 +
        </div>
 +
    </section>
 +
 
 +
    <!--scripts and plugins -->
 +
    <!--must need plugin jquery-->
 +
    <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.min.js"></script>
 +
    <!--bootstrap js plugin-->
 +
    <script src="https://chatterplantwiki.000webhostapp.com/includes/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
 +
    <!--easying scroll effect-->
 +
    <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.easing.1.3.min.js" type="text/javascript"></script>
 +
    <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.sticky.js" type="text/javascript"></script>
 +
    <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.nav.js" type="text/javascript"></script>
 +
    <!--owl carousel-->
 +
    <script src="https://chatterplantwiki.000webhostapp.com/includes/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
 +
    <!--wow animation-->
 +
    <script src="https://chatterplantwiki.000webhostapp.com/includes/wow-js/wow.min.js" type="text/javascript"></script>
 +
 
 +
    <!--Activating WOW Animation only for modern browser-->
 +
    <!--[if !IE]><!-->
 +
    <script type="text/javascript">
 +
        new WOW().init();
 +
    </script>
 +
    <!--<![endif]-->
 +
 
 +
    <!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
 +
    <!--[if gte IE 9]>
 
<script type="text/javascript">new WOW().init();</script>
 
<script type="text/javascript">new WOW().init();</script>
<!--<![endif]-->
+
<![endif]-->
+
 
<!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
+
    <!--Opacity & Other IE fix for older browser-->
<!--[if gte IE 9]>
+
    <!--[if lte IE 8]>
<script type="text/javascript">new WOW().init();</script>
+
<![endif]-->
+
+
<!--Opacity & Other IE fix for older browser-->
+
<!--[if lte IE 8]>
+
 
<script type="text/javascript" src="https://chatterplantwiki.000webhostapp.com/js/ie-opacity-polyfill.js"></script>
 
<script type="text/javascript" src="https://chatterplantwiki.000webhostapp.com/js/ie-opacity-polyfill.js"></script>
 
<![endif]-->
 
<![endif]-->
  
+
 
<!--parallax-->
+
    <!--parallax-->
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.scrolly.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.scrolly.js" type="text/javascript"></script>
<!--portfolio-filter-->
+
    <!--portfolio-filter-->
<script src="https://chatterplantwiki.000webhostapp.com/js/isotope.pkgd.min.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/js/isotope.pkgd.min.js" type="text/javascript"></script>
<!--lightbox-->
+
    <!--lightbox-->
<script src="https://chatterplantwiki.000webhostapp.com/includes/litebox/images-loaded.min.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/includes/litebox/images-loaded.min.js" type="text/javascript"></script>
<script src="https://chatterplantwiki.000webhostapp.com/includes/litebox/litebox.min.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/includes/litebox/litebox.min.js" type="text/javascript"></script>
<!--project count-->
+
    <!--project count-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
+
    <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.counterup.min.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.counterup.min.js" type="text/javascript"></script>
<!--custom scrollbar-->
+
    <!--custom scrollbar-->
<script src="https://2017.igem.org/Template:Valencia_UPV/Scroll?action=raw&ctype=text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/js/jquery.nicescroll.min.js" type="text/javascript"></script>
<!--Contact Form-->
+
    <!--Contact Form-->
<script src="https://chatterplantwiki.000webhostapp.com/includes/contact-form/app.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/includes/contact-form/app.js" type="text/javascript"></script>
<script src="https://chatterplantwiki.000webhostapp.com/includes/contact-form/validatr.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/includes/contact-form/validatr.js" type="text/javascript"></script>
+
 
<!--customizable plugin edit according to your needs-->
+
    <!--customizable plugin edit according to your needs-->
<script src="https://chatterplantwiki.000webhostapp.com/js/custom.js" type="text/javascript"></script>
+
    <script src="https://chatterplantwiki.000webhostapp.com/js/custom.js" type="text/javascript"></script>
    </body>
+
</body>
 +
 
 
</html>
 
</html>

Latest revision as of 10:38, 22 July 2017

Chatter Plant

Project Description

Ensuring regular access to high-quality food for everyone is one of the mainstays of society. Unfortunately, food security is constantly threatened by many unpredictable factors that involve agriculture. Controlling both development and behaviour of the plant could contribute to make crops more productive and sustainable. We, Valencia UPV team, propose ChatterPlant, a SynBio-based solution to communicate with plants. We designed an optogenetic circuit that works as interface between plants and humans. Bearing that in mind, we engineered ChatterBox that regulates precisely plant growth conditions while translating plant information into an intelligible one.

Plant’s communication ability relies on the plant-human interface comprised by our designed optogenetic circuit. This modular system is triggered by red/far-red light inducible switch, thus allowing users to control expression of any desired pathway easily. Since white light in aerial parts could interfere with the circuit signalling, these light stimuli would be introduced by illuminating plant’s roots. Furthermore, circuit's modularity allows to cover almost any users' necessities, personalizing the final element in the system. As a proof of concept, we resolve to regulate flowering periods in order to provide more control over crops. Thus, we intend to make a positive impact in global food security progress. However, we do not only intend to give orders to plants but also to acquire relevant information from them. Therefore, we generated a second communication channel that allows plants to send us information about their current status (i.g. metabolites levels, phytohormones levels, pathogen presence…). In our project, we chose to activate the expression of a fluorescent protein when infection occurs, making it easily detectable.

In order to achieve that control, we developed ChatterBox with the aim of translating our orders into light stimuli through roots and also tracking plant growth and development. Controlling external factors and regulating plant’s features allow us to increase plant versatility and adaptative capacity. Furthermore, a detection system is permanently checking for stress signals, so we could immediately actuate in consequence. With this project, our team intends to help in developing a non-climate dependent agriculture, as well as in giving farmers more control over their crops. Thus, we aspire to ensure food security through human-plant interaction.

Contact

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. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas.

Our Office

Address: 302012 Jaipur Name, City Name

Phone: (141) 456-7890

Email: valencia.upv.igem@gmail.com

Monday - Friday : 9:30 Am - 5:30 Pm

Saturday - Sunday: Closed

Social Media