<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Playground</title>

  </head>
  <script src="static/js/jquery-2.1.1.min.js" ></script>
  <!--<script src="jquery.autosize.min.js"></script>-->
  <link rel="stylesheet" href="static/css/bootstrap.min.css">
  <link rel="stylesheet" href="static/css/main.css">
  <link rel="stylesheet" href="static/font-awesome-4.1.0/css/font-awesome.min.css">



  <script src="static/js/bootstrap.min.js"></script>
  <script src="static/js/main.js"></script>

  <body>
    <div class="container">
      <div id="header">
        <h3 id="header-title">
          <a href="https://github.com/gsi-upm/senpy" target="_blank">
            <img id="header-logo" class="imsg-responsive" src="static/img/header.png"/></a> Playground

        </h3>
      </div>

      <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a class="active" href="#about">About</a></li>
        <li role="presentation"><a class="active" href="#test">Test it</a></li>
      </ul>

      <div class="tab-content">
        <div class="tab-pane active" id="about">
          <div class="row">
            <div class="col-lg-6 ">
              <div class="well">
                <h2>Test Senpy</h2>
                <div>
                  <p class="text-center">
                    <a class="btn btn-lg btn-primary" href="#test" role="button">Test it »</a>
                  </p>
                  
                </div>
                
              </div>
            </div>
            <div class="col-lg-6 ">
              <div class="panel panel-default">
                <div class="panel-heading"><i class="fa fa-sign-in"></i> Follow us on <a href="http://www.github.com/gsi-upm/senpy">GitHub</a></div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading"><i class="fa fa-child"></i> Enjoy.</div>
              </div>
            </div>
          </div>
        </div>

        <div class="tab-pane" id="test">
          <div class="well">
            <form id="form" onsubmit="return getPlugins();" accept-charset="utf-8">
              <div id="inputswrapper">
                <div><textarea id="input" class="boxsizingBorder" rows="5" name="i">This text makes me sad.
whilst this text makes me happy and surprised at the same time.
I cannot believe it!</textarea></div>
                <label>Select the plugin:</label>
                <select id="plugins" name="plugins" onchange="change_params()">
                </select>
                        </br>
                        <div id ="params">
                        </div>
                </br>
                <a id="preview" class="btn btn-lg btn-primary" href="#" onclick="load_JSON()">Analyse!</a>
                <!--<button id="visualise" name="type" type="button">Visualise!</button>-->
            </form>
            <div id="content">
              <span id="input_request"></span>
              <pre id="results"></pre>
            </div>
            </div>
          </div>
        </div>
        <a href="http://www.gsi.dit.upm.es" target="_blank"><img class="center-block" src="static/img/gsi.png"/>  </a> 

      </div>
    </div>
    <div id="footer">
      <div class="container">
        <div id="site-info">
          <p>
            This development has been partially funded by the European Union through the<a href="http://mixedemotions-project.eu/"><span style="text-transform:uppercase;">MixedEmotions project</span></a>(project number H2020 655632), as part of the RIA ICT 15 Big data and Open Data Innovation and take-up programme.
          </p>
        </div>
        <div id="site-logos">
          <a href="http://www.gsi.dit.upm.es" target="_blank"><img id="mixedemotions-logo"src="static/img/me.png"/></a>

        </div>
      </div>
  </body>
  <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
</html>
