| 1 | {% extends "::base.html.twig" %} |
| 2 | |
| 3 | {% block title %}{{ parent() }}home{% endblock %} |
| 4 | |
| 5 | {% block header %} |
| 6 | {{ parent() }} |
| 7 | <link rel="stylesheet" href="{{ asset('mixstore/css/static/home.css') }}"> |
| 8 | {% endblock %} |
| 9 | |
| 10 | {% block content %} |
| 11 | |
| 12 | <div id="home-carousel" class="carousel slide borderbottom" data-ride="carousel"> |
| 13 | <!-- Indicators --> |
| 14 | <div class="carousel-playpause"> |
| 15 | <span class="glyphicon glyphicon-play" id="playbutton"></span> |
| 16 | <span class="glyphicon glyphicon-pause" id="pausebutton"></span> |
| 17 | </div> |
| 18 | |
| 19 | <!-- Wrapper for slides --> |
| 20 | <div class="carousel-inner"> |
| 21 | <div class="item"> |
| 22 | <img src="{{ asset('mixstore/images/banner.png') }}" alt="mixstore main banner"> |
| 23 | </div> |
| 24 | {% for key,value in bannersArray %} |
| 25 | <div class="item"> |
| 26 | <a href="{{ path('mixstore_store_package_view', { id: key }) }}"> |
| 27 | <img src="{{ asset('mixstore/images/pkg_banners/' ~ value) }}" alt="some package banner"> |
| 28 | </a> |
| 29 | </div> |
| 30 | {% endfor %} |
| 31 | </div> |
| 32 | |
| 33 | <!-- Controls --> |
| 34 | <a class="left carousel-control" href="#home-carousel" data-slide="prev"> |
| 35 | <span class="glyphicon glyphicon-chevron-left"></span> |
| 36 | </a> |
| 37 | <a class="right carousel-control" href="#home-carousel" data-slide="next"> |
| 38 | <span class="glyphicon glyphicon-chevron-right"></span> |
| 39 | </a> |
| 40 | </div> |
| 41 | |
| 42 | <div class="row borderbottom"> |
| 43 | |
| 44 | <div class="col-xs-12 col-sm-6 column"> |
| 45 | <h2>What ?</h2> |
| 46 | <p class="justify">Every software, library or package referenced here attempts to <span class="bold">cluster data</span> |
| 47 | into groups defined as the components of a <span class="bold">mixture of probabilistic models</span>. |
| 48 | The resulting classes can be used e.g. for supervised classification or regression.</p> |
| 49 | <p class="center-txt"><a href="{{ path('mixstore_static_about') }}">Read more details</a>.</p> |
| 50 | </div> |
| 51 | |
| 52 | <div class="col-xs-12 col-sm-6 column grey-bg xs-shrink"> |
| 53 | <h2>Where ?</h2> |
| 54 | <a href="{{ path('mixstore_store_package_list') }}" class="btn btn-primary btn-lg">In the store !</a> |
| 55 | </div> |
| 56 | |
| 57 | </div> |
| 58 | |
| 59 | <div class="row"> |
| 60 | |
| 61 | <div class="col-xs-12 col-sm-6 column grey-bg xs-shrink"> |
| 62 | <h2>How ?</h2> |
| 63 | <p class="center-txt"><a href="{{ path('mixstore_static_policy') }}">Policy</a> to add a package or feedback.</p> |
| 64 | </div> |
| 65 | |
| 66 | <div class="col-xs-12 col-sm-6 column"> |
| 67 | <h2>News</h2> |
| 68 | <table> |
| 69 | {% for newsItem in news %} |
| 70 | <tr> |
| 71 | <td class="bold">{{ newsItem.created | date('Y-m-d / H:i:s') }}</td> |
| 72 | <td><a href="{{ path('mixstore_store_package_view', { id: newsItem.id }) }}">{{ newsItem.name }}</a></td> |
| 73 | </tr> |
| 74 | {% endfor %} |
| 75 | </table> |
| 76 | </div> |
| 77 | |
| 78 | </div> |
| 79 | |
| 80 | {% endblock %} |
| 81 | |
| 82 | {% block javascripts %} |
| 83 | {{ parent() }} |
| 84 | <script> |
| 85 | $('.glyphicon-play').click(function() { |
| 86 | $('#home-carousel').carousel('cycle'); |
| 87 | $('#playbutton').hide(); |
| 88 | $('#pausebutton').show(); |
| 89 | }); |
| 90 | $('.glyphicon-pause').click(function() { |
| 91 | $('#home-carousel').carousel('pause'); |
| 92 | $('#playbutton').show(); |
| 93 | $('#pausebutton').hide(); |
| 94 | }); |
| 95 | $( document ).ready(function() { |
| 96 | $('.carousel-inner .item').eq(0).addClass('active'); |
| 97 | $('#playbutton').hide(); |
| 98 | }); |
| 99 | </script> |
| 100 | {% endblock %} |