src/Mixstore/StaticBundle/Resources/views/home.html.twig

   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 %}