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

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
    <head>
 
<meta charset="utf-8">
 
<title>Chatter Plant</title>
 
<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 -->
 
<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=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
 
  
<!--[if lte IE 8]>
+
<head>
 +
    <meta charset="utf-8">
 +
    <title>Chatter Plant</title>
 +
    <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 -->
 +
    <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=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
 +
 
 +
    <!--[if lte IE 8]>
 
<link rel="stylesheet" type="text/css" href="css/fucking-ie-8-and-lower.css" />
 
<link rel="stylesheet" type="text/css" href="css/fucking-ie-8-and-lower.css" />
 
<![endif]-->
 
<![endif]-->
+
 
+
 
+
 
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
+
    <!--[if lt IE 9]>
 
           <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
           <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
           <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>
+
    <style>
#sideMenu,
+
        #sideMenu,
#top_title{
+
        #top_title {
    display: none;
+
            display: none;
}
+
        }
 +
        #content {
 +
            width: 100% !important;
 +
            padding: 0px !important;
 +
            margin: 0px !important;
 +
            top: 0px !important;
 +
            position: absolute !important;
 +
        }
 +
    </style>
 +
</head>
  
#content {
+
<body onload="init()" id="body">
    width: 100% !important;
+
    padding: 0px !important;
+
    margin: 0px !important; 
+
top: 0px !important;
+
position: absolute !important;
+
  
}
+
    <div id="preloader">
</style>
+
        <div class="spinner">
    </head>
+
            <div class="cube"></div>
    <body onload="init()" id="body">
+
            <div class="cube"></div>
 +
            <div class="cube"></div>
 +
            <div class="cube"></div>
 +
            <div class="cube"></div>
 +
            <div class="cube"></div>
 +
            <div class="cube"></div>
 +
            <div class="cube"></div>
 +
            <div class="cube"></div>
 +
        </div>
 +
    </div>
 +
    <!--preloader end-->
  
<div id="preloader">
+
 
<div class="spinner">
+
    <section id="home">
<div class="cube"></div>
+
        <div data-velocity="-.3" class="home-parallax"></div>
<div class="cube"></div>
+
        <div class="home-overlay"></div>
<div class="cube"></div>
+
 
<div class="cube"></div>
+
        <div class="welcome-text">
<div class="cube"></div>
+
            <div class="container">
<div class="cube"></div>
+
                <img class="img-responsive" src="https://chatterplantwiki.000webhostapp.com/img/demo-images/imagotipo-chatterplant.png" alt="" />
<div class="cube"></div>
+
            </div>
<div class="cube"></div>
+
        </div>
<div class="cube"></div>
+
    </section>
</div>
+
    <!--home section end-->
</div><!--preloader end-->
+
 
+
    <section id="project-description">
+
        <div class="container">
<section id="home">
+
            <div class="row">
<div data-velocity="-.3" class="home-parallax"></div>
+
                <div class="col-md-6 wow animated fadeInUp">
<div class="home-overlay"></div>
+
                    <h2 class="page-title" style="margin-top: 50px; margin-bottom: 30px; color:#cd545b">Project Description</h2>
+
                    <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>
<div class="welcome-text">
+
 
<div class="container">
+
                    <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>
<img class="img-responsive" src="https://chatterplantwiki.000webhostapp.com/img/demo-images/imagotipo-chatterplant.png" alt=""/>
+
 
</div>
+
                    <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>
</section><!--home section end-->
+
 
+
                <div class="col-md-6 wow animated fadeInUp">
<section id="project-description">
+
                    <img class="img-responsive" src="https://chatterplantwiki.000webhostapp.com/img/demo-images/project-description.png" style="margin-top: 50px; margin-bottom: 50px" alt="" />
<div class="container">
+
                </div>
<div class="row">
+
            </div>
<div class="col-md-6 wow animated fadeInUp">
+
        </div>
<h2 class="page-title" style="margin-top: 50px; margin-bottom: 30px; color:#cd545b">Project Description</h2>
+
    </section>
<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>
+
 
+
    <section id="contact" class="section-padding">
<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>
+
        <div class="container">
+
            <div class="row wow animated fadeInDown">
<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 class="col-md-12 text-center hero-title">
</div>
+
                    <i class="fa fa-envelope"></i>
+
                    <h2 class="page-title">Contact</h2>
<div class="col-md-6 wow animated fadeInUp">
+
                    <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>
<img class="img-responsive" src="https://chatterplantwiki.000webhostapp.com/img/demo-images/project-description.png" style="margin-top: 50px; margin-bottom: 50px" alt="" />
+
                </div>
</div>
+
                <!--hero title end-->
</div>
+
            </div>
</div>
+
 
</section>
+
 
<!--scripts and plugins -->
+
            <div class="row contact-form wow animated fadeInUp">
        <!--must need plugin jquery-->
+
                <div class="col-md-7">
        <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>
+
                    <form role="form" id="ajax-contact" method="post" action="includes/contact-form/mailer.php">
<!--easying scroll effect-->
+
                        <div class="form-group">
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.easing.1.3.min.js" type="text/javascript"></script>
+
                            <label for="name">Name:</label>
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.sticky.js" type="text/javascript"></script>
+
                            <input class="form-control" type="text" id="name" name="name" required>
<script src="https://chatterplantwiki.000webhostapp.com/js/jquery.nav.js" type="text/javascript"></script>
+
                        </div>
<!--owl carousel-->
+
 
<script src="https://chatterplantwiki.000webhostapp.com/includes/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
+
                        <div class="form-group">
<!--wow animation-->
+
                            <label for="email">Email:</label>
<script src="https://chatterplantwiki.000webhostapp.com/includes/wow-js/wow.min.js" type="text/javascript"></script>
+
                            <input class="form-control" type="email" id="email" name="email" required>
+
                        </div>
<!--Activating WOW Animation only for modern browser-->
+
 
<!--[if !IE]><!-->
+
                        <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: support@quick.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>Elsewhere</h3>
 +
                        <ul class="list-inline social">
 +
                            <li><a href="#"><i class="fa fa-facebook"></i></a>
 +
                            </li>
 +
                            <li><a href="#"><i class="fa fa-twitter"></i></a>
 +
                            </li>
 +
                            <li><a href="#"><i class="fa fa-google-plus"></i></a>
 +
                            </li>
 +
                            <li><a href="#"><i class="fa fa-linkedin"></i></a>
 +
                            </li>
 +
                            <li><a href="#"><i class="fa fa-dribbble"></i></a>
 +
                            </li>
 +
                            <li><a href="#"><i class="fa fa-pinterest"></i></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://chatterplantwiki.000webhostapp.com/js/jquery.nicescroll.min.js" type="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>

Revision as of 09:10, 21 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: support@quick.com

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

Saturday - Sunday: Closed

Elsewhere