<commit_before>{%  extends "nlsnlsdbBundle:Default:bootstrap-template.html.twig" %}

{% block header %}
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">NewLeaf Symbiotics Knowledge Base</a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="nav-home nav-anchor active"><a href="#">Home</a></li>
        <li class="nav-anchor"><a href="#about">About</a></li>
        <li class="nav-anchor"><a href="#contact">Contact</a></li>
      </ul>
    </div>
  </div>
</div>
{% endblock %}

{% block body %}
<!-- Wrap all page content here -->
<div id="wrap">

<section class="jumbotron text-center">
  <h1>Welcome to the NewLeaf Symbiotics Knowledge Base</h1>
  <p class="lead">Please interact with our data below</p>
</section>

<div class="container">
  <div class="row featurette">
    <div class="col-md-7">
      <h2 class="featurette-heading">NewLeaf Symbiotics Knowledge Base. <span class="text-muted">Explore.</span></h2>
      <p class="lead">This repository is our portal to NewLeaf Symbiotics proprietary information and knowledge. Use it to mine data, find relationships, and understand our technology.</p>
    </div>
    <div class="col-md-5">
      <img src="/includes/images/ppfm.png" class="featurette-image img-responsive featurette-img" alt="PPFMs">
    </div>
  </div>
</div>

<div class="container">  
  <hr>  
  <div class="row">    
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading"><h3>Start with plant species.</h3></div>
        <div class="panel-body plant-start-panel"> Use this tool to interact with our data by first selecting a plant species.
        </div>
        <div class="panel-footer text-right"><a class="btn btn-lg btn-default" id="plant-miner-button">Go <span class="glyphicon glyphicon-leaf"></span></a></div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading"><h3>Start with PPFM strain.</h3></div>
        <div class="panel-body bacteria-start-panel">Use this tool to interact with our data by first selecting a PPFM strain.
        </div>
        <div class="panel-footer text-right"><a class="btn btn-lg btn-default" id="ppfm-miner-button">Go <span class="glyphicon glyphicon-leaf"></span></a></div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading"><h3>Start with trait.</h3></div>
        <div class="panel-body scratch-start-panel">Use this tool to interact with our data starting from scratch.
        </div>
        <div class="panel-footer text-right"><a class="btn btn-lg btn-default" id="scratch-miner-button">Go <span class="glyphicon glyphicon-leaf"></span></a></div>
      </div>
    </div>
  </div><!--/row-->  
  <hr>
</div><!--/container-->


<div class="container hide miner" id="plant-miner">
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading"><h3>NLS Knowledge Base Miner: Plant Species</h3></div>
          <div class="panel-body">


          </div><!--/panel-body-->
        </div>
      </div>
    </div><!--/row-->
</div><!--/container-->

<div class="container hide miner" id="ppfm-miner">
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading"><h3>NLS Knowledge Base Miner: PPFM Strain</h3></div>
          <div class="panel-body">


          </div><!--/panel-body-->
        </div>
      </div>
    </div><!--/row-->
</div><!--/container-->

<div class="container hide miner" id="scratch-miner">
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading"><h3>NLS Knowledge Base Miner: From Trait</h3></div>
          <div class="panel-body">


          </div><!--/panel-body-->
        </div>
      </div>
    </div><!--/row-->
</div><!--/container-->


</div><!--/wrap-->
{% endblock %}

{% block footer %}	
{% endblock %}
{% block javascript %}
<script type="text/javascript">
  $(document).ready(function() {

    // Parallax functionality
    (function($) {   
        $.fn.parallax = function(options) {
          var windowHeight = $(window).height();
          // Establish default settings
          var settings = $.extend({ speed : .15 }, options);
          // Iterate over each object in collection
          return this.each( function() {
            // Save a reference to the element
            var $this = $(this);
            // Set up Scroll Handler
            $(document).scroll(function(){
              var scrollTop = $(window).scrollTop();
              var offset = $this.offset().top;
              var height = $this.outerHeight();
              // Check if above or below viewport
              if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) {
                return;
              }
              var yBgPosition = Math.round((offset - scrollTop - 50) * settings.speed);   
              // Apply the Y Background Position to Set the Parallax Effect
              $this.css('background-position', 'center ' + yBgPosition + 'px');
            });
          });
        }
      }(jQuery));
    
    // Apply parallax scrolling to jumbotron
    $('.jumbotron').parallax( { speed : 0.25 } );
    
    // Add onlick listeners to menu
    $(".nav-anchor").each(function() { 
      $(this).click(function() { 
        $(".nav-anchor").each(function() { $(this).removeClass("active"); });
        $(this).addClass("active");
      });
    });

    // Add onclick listener to home page link
    $(".navbar-brand").click(function() {
      $(".nav-anchor").each(function() { $(this).removeClass("active"); });
      $(".nav-home").addClass("active");
    });

    $("#plant-miner-button").click(function() {
      $(".miner").each(function() { $(this).addClass("hide"); });
      $("#plant-miner").removeClass('hide');
    });

    $("#ppfm-miner-button").click(function() {
      $(".miner").each(function() { $(this).addClass("hide"); });
      $("#ppfm-miner").removeClass('hide');
    });

    $("#scratch-miner-button").click(function() {
      $(".miner").each(function() { $(this).addClass("hide"); });
      $("#scratch-miner").removeClass('hide');
    });

  }); // Document ready
  
</script>
{% endblock %}
<commit_msg>forms<commit_after>{%  extends "nlsnlsdbBundle:Default:bootstrap-template.html.twig" %}

{% block header %}
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">NewLeaf Symbiotics Knowledge Base</a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="nav-home nav-anchor active"><a href="#">Home</a></li>
        <li class="nav-anchor"><a href="#about">About</a></li>
        <li class="nav-anchor"><a href="#contact">Contact</a></li>
      </ul>
    </div>
  </div>
</div>
{% endblock %}

{% block body %}
<!-- Wrap all page content here -->
<div id="wrap">

<section class="jumbotron text-center">
  <h1>Welcome to the NewLeaf Symbiotics Knowledge Base</h1>
  <p class="lead">Please interact with our data below</p>
</section>

<div class="container">
  <div class="row featurette">
    <div class="col-md-7">
      <h2 class="featurette-heading">NewLeaf Symbiotics Knowledge Base. <span class="text-muted">Explore.</span></h2>
      <p class="lead">This repository is our portal to NewLeaf Symbiotics proprietary information and knowledge. Use it to mine data, find relationships, and understand our technology.</p>
    </div>
    <div class="col-md-5">
      <img src="/includes/images/ppfm.png" class="featurette-image img-responsive featurette-img" alt="PPFMs">
    </div>
  </div>
</div>

<div class="container">  
  <hr>  
  <div class="row">    
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading"><h3>Start with plant species.</h3></div>
        <div class="panel-body plant-start-panel"> Use this tool to interact with our data by first selecting a plant species.
        </div>
        <div class="panel-footer text-right"><a class="btn btn-lg btn-default" id="plant-miner-button">Go <span class="glyphicon glyphicon-leaf"></span></a></div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading"><h3>Start with PPFM strain.</h3></div>
        <div class="panel-body bacteria-start-panel">Use this tool to interact with our data by first selecting a PPFM strain.
        </div>
        <div class="panel-footer text-right"><a class="btn btn-lg btn-default" id="ppfm-miner-button">Go <span class="glyphicon glyphicon-leaf"></span></a></div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="panel panel-default">
        <div class="panel-heading"><h3>Start with trait.</h3></div>
        <div class="panel-body scratch-start-panel">Use this tool to interact with our data starting from scratch.
        </div>
        <div class="panel-footer text-right"><a class="btn btn-lg btn-default" id="scratch-miner-button">Go <span class="glyphicon glyphicon-leaf"></span></a></div>
      </div>
    </div>
  </div><!--/row-->  
  <hr>
</div><!--/container-->


<div class="container hide miner" id="plant-miner">
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading"><h3>NLS Knowledge Base Miner: Plant Species</h3></div>
          <div class="panel-body">


            <form class="form-horizontal" role="form">
              <div class="form-group">
                <label for="inputPlantSpecies" class="col-lg-2 control-label">Plant Species</label>
                <div class="col-lg-10">
                  <input class="form-control" id="inputPlantSpecies1" placeholder="Enter comma-separated list of plant species.">
                </div>
              </div>

              <div class="form-group">
                <label for="inputPhenotype" class="col-lg-2 control-label">Phenotypes</label>
                <div class="col-lg-10">
                  <input class="form-control" id="inputPhenotypes" placeholder="Enter comma-separated list of phenotypes.">
                </div>
              </div>

              <div class="form-group">
                <label for="inputPhenotype" class="col-lg-2 control-label">All or some phenotypes</label>
                <div class="col-lg-10">
                  <div class="radio">
                    <label>
                      <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                        All listed phenotypes should be observed
                    </label>
                  </div>
                  <div class="radio">
                    <label>
                      <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
                        At least one listed phenotype should be observed
                    </label>
                  </div>
                </div>
              </div>

              <div class="form-group">
                <label for="inputPhenotype" class="col-lg-2 control-label"></label>
                <div class="col-lg-10">
                  <button type="button" class="btn btn-success">Execute query</button>
                </div>
              </div>


          </div><!--/panel-body-->
        </div>
      </div>
    </div><!--/row-->
</div><!--/container-->

<div class="container hide miner" id="ppfm-miner">
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading"><h3>NLS Knowledge Base Miner: PPFM Strain</h3></div>
          <div class="panel-body">


          </div><!--/panel-body-->
        </div>
      </div>
    </div><!--/row-->
</div><!--/container-->

<div class="container hide miner" id="scratch-miner">
    <div class="row">
      <div class="col-md-12">
        <div class="panel panel-default">
          <div class="panel-heading"><h3>NLS Knowledge Base Miner: From Trait</h3></div>
          <div class="panel-body">


          </div><!--/panel-body-->
        </div>
      </div>
    </div><!--/row-->
</div><!--/container-->


</div><!--/wrap-->
{% endblock %}

{% block footer %}	
{% endblock %}
{% block javascript %}
<script type="text/javascript">
  $(document).ready(function() {

    // Parallax functionality
    (function($) {   
        $.fn.parallax = function(options) {
          var windowHeight = $(window).height();
          // Establish default settings
          var settings = $.extend({ speed : .15 }, options);
          // Iterate over each object in collection
          return this.each( function() {
            // Save a reference to the element
            var $this = $(this);
            // Set up Scroll Handler
            $(document).scroll(function(){
              var scrollTop = $(window).scrollTop();
              var offset = $this.offset().top;
              var height = $this.outerHeight();
              // Check if above or below viewport
              if (offset + height <= scrollTop || offset >= scrollTop + windowHeight) {
                return;
              }
              var yBgPosition = Math.round((offset - scrollTop - 50) * settings.speed);   
              // Apply the Y Background Position to Set the Parallax Effect
              $this.css('background-position', 'center ' + yBgPosition + 'px');
            });
          });
        }
      }(jQuery));
    
    // Apply parallax scrolling to jumbotron
    $('.jumbotron').parallax( { speed : 0.25 } );
    
    // Add onlick listeners to menu
    $(".nav-anchor").each(function() { 
      $(this).click(function() { 
        $(".nav-anchor").each(function() { $(this).removeClass("active"); });
        $(this).addClass("active");
      });
    });

    // Add onclick listener to home page link
    $(".navbar-brand").click(function() {
      $(".nav-anchor").each(function() { $(this).removeClass("active"); });
      $(".nav-home").addClass("active");
    });

    $("#plant-miner-button").click(function() {
      $(".miner").each(function() { $(this).addClass("hide"); });
      $("#plant-miner").removeClass('hide');
    });

    $("#ppfm-miner-button").click(function() {
      $(".miner").each(function() { $(this).addClass("hide"); });
      $("#ppfm-miner").removeClass('hide');
    });

    $("#scratch-miner-button").click(function() {
      $(".miner").each(function() { $(this).addClass("hide"); });
      $("#scratch-miner").removeClass('hide');
    });

  }); // Document ready
  
</script>
{% endblock %}

{'fraction_non_alphanumeric': 0.18732693669907916, 'fraction_numerical': 0.0054736299826131755, 'mean_word_length': 2.4064487826277694, 'pattern_counts': {'":': 0, '<': 380, '<?xml version=': 0, '>': 380, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1694137', 'n_tokens_mistral': 4788, 'n_tokens_neox': 4593, 'n_words': 1052}