6d4cc1ce3c1aaa20586e0021ff70979fccba453c
[mixstore.git] / 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 %}