Kaynağa Gözat

[Site] Amélioration contenu de présentation du logiciel #1214

feature/souke
Guillaume Bourgeois 1 yıl önce
ebeveyn
işleme
b1cbd29272
6 değiştirilmiş dosya ile 279 ekleme ve 279 silme
  1. +1
    -1
      frontend/views/site/_prices_producer.php
  2. +121
    -119
      frontend/views/site/service.php
  3. +149
    -145
      frontend/web/css/screen.css
  4. +2
    -2
      frontend/web/js/frontend.js
  5. +5
    -1
      frontend/web/sass/_responsive.scss
  6. +1
    -11
      frontend/web/sass/screen.scss

+ 1
- 1
frontend/views/site/_prices_producer.php Dosyayı Görüntüle

@@ -41,7 +41,7 @@ use yii\grid\GridView;
?>

<div class="alert alert-warning" role="alert">
Découvrez ci-dessous notre <strong>grille tarifaire</strong> pour l'hébergement de votre circuit court sur Opendistrib.
Découvrez ci-dessous la <strong>grille tarifaire</strong> pour l'hébergement de votre circuit court sur Opendistrib.
Le montant qui vous est facturé mensuellement dépend de votre chiffre d’affaire hors taxe réalisé sur le logiciel.
Il est donc adapté chaque mois en fonction de l’évolution de votre activité.<br>
Le service est <strong>sans engagement</strong>, vous arrêtez quand vous voulez sur simple désactivation de votre compte.

+ 121
- 119
frontend/views/site/service.php Dosyayı Görüntüle

@@ -42,146 +42,148 @@ $this->setIcon('console');
//$this->setMeta('description', '');

?>
<div class="site-service">
<div class="content-text">
<div id="row-functionalities-rates">
<div class="panel panel-primary" id="block-functionnalities">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-cog"></span>
<span class="the-title">Fonctionnalités</span>
</h2>
</div>
<div class="panel-body">
<?= block_feature('grain', "Un espace producteur dédié accessible aux clients avec un système de prise de commandes, la présentation de l'activité, la liste des produits et des points de vente, un formulaire de contact"); ?>
<?= block_feature("cog", "Une administration complète et intuitive pour configurer finement l'ensemble des aspects de l'activité de producteur"); ?>
<div class="clr"></div>
<?= block_feature("calendar", "Planification des jours de distributions"); ?>
<?= block_feature("download-alt", "Accès à un récapitulatif des commandes par jour de distribution"); ?>
<?= block_feature("cutlery", "Gestion des produits, catégories et prix spécifiques"); ?>
<?= block_feature("map-marker", "Gestion des points de vente avec possibilité d'accès restreint à certains utilisateurs"); ?>
<?= block_feature("repeat", "Gestion des abonnements pour les commandes récurrentes"); ?>
<?= block_feature("user", "Gestion des clients"); ?>
<?= block_feature("euro", "Système de crédit (ou cagnotte) permettant la comptabilisation des paiements"); ?>
<?= block_feature("bullhorn", "Communication facilitée avec les clients via l'envoi d'emails en masse"); ?>
<?= block_feature("folder-open", "Génération de bons de livraison, factures & devis"); ?>
<?= block_feature("stats", "Statistiques et rapports de vente"); ?>
<div class="site-service">
<div class="content-text">
<div id="row-functionalities-rates">
<div class="panel panel-primary" id="block-functionnalities">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-cog"></span>
<span class="the-title">Fonctionnalités</span>
</h2>
</div>
<div class="panel-body">
<?= block_feature('grain', "Un espace producteur dédié accessible à vos clients pour leur présenter votre activité et gérer vos prises de commandes."); ?>
<?= block_feature("cog", "Une administration complète et intuitive pour gérer votre activité de producteur."); ?>
<div class="clr"></div>
<?= block_feature("calendar", "Planification des jours de distributions."); ?>
<?= block_feature("download-alt", "Accès à un récapitulatif des commandes par jour de distribution."); ?>
<?= block_feature("cutlery", "Gestion des produits, catégories et prix spécifiques."); ?>
<?= block_feature("map-marker", "Gestion des points de vente."); ?>
<?= block_feature("repeat", "Gestion des abonnements pour les commandes récurrentes."); ?>
<?= block_feature("user", "Gestion des clients."); ?>
<?= block_feature("euro", "Système de crédit (ou cagnotte) permettant la comptabilisation des paiements."); ?>
<?= block_feature("credit-card", "Paiement en ligne possible via la plateforme <strong>Stripe</strong> pour que les clients puissent alimenter leur crédit de manière autonome."); ?>
<?= block_feature("bullhorn", "Communication facilitée avec les clients via l'envoi d'emails en masse."); ?>
<?= block_feature("folder-open", "Génération de bons de livraison, factures & devis."); ?>
<?= block_feature("stats", "Statistiques et rapports de vente."); ?>
<?= block_feature("transfer", "Exports vers les logiciels <strong>Evoliz</strong> (comptabilité) et <strong>Tiller</strong> (caisse)."); ?>
</div>
</div>
</div>

<div class="panel panel-primary" id="block-services">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-wrench"></span>
<span class="the-title">Services</span>
</h2>
</div>
<div class="panel-body">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Évolutions régulières</h3>
<p>Les évolutions sont développées en fonction des retours de tous les producteurs
et le
logiciel est régulièrement mis à jour.<br>
Si vous avez un besoin spécifique à votre activité, nous pouvons réaliser des
développements sur-mesure <a
href="<?= \Yii::$app->urlManager->createUrl(['site/contact']) ?>">sur
devis</a>.
</p>
<div class="panel panel-primary" id="block-services">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-wrench"></span>
<span class="the-title">Services</span>
</h2>
</div>
<div class="panel-body">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Évolutions régulières</h3>
<p>Les évolutions sont développées en fonction des retours de tous les producteurs
et le
logiciel est régulièrement mis à jour.<br>
Si vous avez un besoin spécifique à votre activité, je peux réaliser des
développements sur-mesure <a
href="<?= \Yii::$app->urlManager->createUrl(['site/contact']) ?>">sur
devis</a>.
</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Formation & accompagnement</h3>
<p>Au moment du lancement de votre circuit court sur Opendistrib, ainsi que tout au
long de
votre projet,
nous assurons la formation et l'accompagnement dans l'utilisation du
logiciel.</p>
<div class="panel panel-default">
<div class="panel-body">
<h3>Formation & accompagnement</h3>
<p>Au moment du lancement de votre circuit court sur Opendistrib, ainsi que tout au
long de
votre projet,
j'assure la formation et l'accompagnement dans l'utilisation du
logiciel.</p>
</div>
</div>
</div>
</div>

<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Support</h3>
<p>Nous sommes disponibles pour répondre rapidement à toutes vos questions par email
ou par
téléphone.</p>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-body">
<h3>Support</h3>
<p>Je suis disponible pour répondre rapidement à toutes vos questions par email
ou par
téléphone.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Maintenance</h3>
<p>Nous travaillons contamment sur la qualité/sécurité du logiciel et
intervenons au plus vite en cas de bug.</p>
<div class="panel panel-default">
<div class="panel-body">
<h3>Maintenance</h3>
<p>Je travaille contamment sur la qualité/sécurité du logiciel et
interviens au plus vite en cas de bug.</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-body">
<h3>Hébergement</h3>
<p>La plateforme est hébergée en France par la société <a
href="https://www.alwaysdata.com/">Alwaysdata</a>.</p>
<div class="panel panel-default">
<div class="panel-body">
<h3>Hébergement</h3>
<p>La plateforme est hébergée en France par la société <a
href="https://www.alwaysdata.com/">Alwaysdata</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="panel panel-primary" id="block-rates">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-euro"></span>
<span class="the-title">Tarifs</span>
</h2>
</div>
<div class="panel-body">
<?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices]); ?>
<div class="panel panel-primary" id="block-rates">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-euro"></span>
<span class="the-title">Tarifs</span>
</h2>
</div>
<div class="panel-body">
<?= $this->render('_prices_producer', ['dataProviderPrices' => $dataProviderPrices]); ?>
</div>
</div>
</div>

<div class="panel panel-primary" id="panel-go-further">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-plus"></span>
<span class="the-title">Pour aller plus loin</span>
</h2>
</div>
<div class="panel-body">
<p class="text-center">
<?php if (Yii::$app->user->isGuest): ?>
<div class="panel panel-primary" id="panel-go-further">
<div class="panel-heading">
<h2 class="panel-title">
<span class="glyphicon glyphicon-plus"></span>
<span class="the-title">Pour aller plus loin</span>
</h2>
</div>
<div class="panel-body">
<p class="text-center">
<?php if (Yii::$app->user->isGuest): ?>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/signup']); ?>">
<span class="glyphicon glyphicon-user"></span> Je crée un espace producteur
</a>
<?php endif; ?>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/producer', 'id' => 32]); ?>">
<span class="glyphicon glyphicon-check"></span> Je teste le logiciel
</a>
<a class="btn btn-default" href="<?= \Yii::$app->parameterBag->get('appointmentUrl'); ?>"
target="_blank">
<span class="glyphicon glyphicon-education"></span> Je demande une démo
</a>
<br><br>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/about']); ?>">
<span class="glyphicon glyphicon-info-sign"></span> À propos
</a>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/signup']); ?>">
<span class="glyphicon glyphicon-user"></span> Je crée un espace producteur
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/contact']); ?>">
<span class="glyphicon glyphicon-envelope"></span> Contact
</a>
<?php endif; ?>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/producer', 'id' => 32]); ?>">
<span class="glyphicon glyphicon-check"></span> Je teste le logiciel
</a>
<a class="btn btn-default" href="<?= \Yii::$app->parameterBag->get('appointmentUrl'); ?>"
target="_blank">
<span class="glyphicon glyphicon-education"></span> Je demande une démo
</a>
<br><br>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/about']); ?>">
<span class="glyphicon glyphicon-info-sign"></span> À propos
</a>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/contact']); ?>">
<span class="glyphicon glyphicon-envelope"></span> Contact
</a>
</p>
</p>
</div>
</div>
</div>

</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
</div>

<?php


+ 149
- 145
frontend/web/css/screen.css Dosyayı Görüntüle

@@ -595,7 +595,7 @@ section#header-title h1 .glyphicon {
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* line 587, ../sass/screen.scss */
/* line 584, ../sass/screen.scss */
#content #row-users-producers .col-md-6 .panel {
height: 100%;
margin-bottom: 20px;
@@ -604,16 +604,16 @@ section#header-title h1 .glyphicon {
-webkit-box-shadow: none;
box-shadow: none;
}
/* line 594, ../sass/screen.scss */
/* line 591, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer {
padding-left: 0px;
}
/* line 597, ../sass/screen.scss */
/* line 594, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer .word-animate {
margin-top: 18px;
height: 40px;
height: auto;
}
/* line 602, ../sass/screen.scss */
/* line 598, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer .word-animate span.functionality {
background-color: #FFF8DC;
-moz-border-radius: 8px;
@@ -621,17 +621,17 @@ section#header-title h1 .glyphicon {
border-radius: 8px;
padding: 8px 15px 5px 15px;
}
/* line 612, ../sass/screen.scss */
/* line 603, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer .word-animate span.functionality .glyphicon {
position: relative;
top: 4px;
right: 6px;
}
/* line 623, ../sass/screen.scss */
/* line 613, ../sass/screen.scss */
#content #row-users-producers .col-md-6.users {
padding-right: 0px;
}
/* line 627, ../sass/screen.scss */
/* line 617, ../sass/screen.scss */
#content #row-users-producers .col-md-6 .hook {
font-family: 'capsuularegular';
font-size: 23px;
@@ -639,94 +639,94 @@ section#header-title h1 .glyphicon {
margin-top: 10px;
margin-bottom: 30px;
}
/* line 636, ../sass/screen.scss */
/* line 626, ../sass/screen.scss */
#content #row-users-producers .col-md-6 .links a {
margin-bottom: 5px;
}
/* line 662, ../sass/screen.scss */
/* line 652, ../sass/screen.scss */
#content #row-users-producers p,
#content #row-functionalities-rates p {
padding-bottom: 4px;
}
/* line 668, ../sass/screen.scss */
/* line 658, ../sass/screen.scss */
#content #row-functionalities-rates .block {
position: relative;
margin-bottom: 25px;
padding-left: 70px;
min-height: 50px;
}
/* line 674, ../sass/screen.scss */
/* line 664, ../sass/screen.scss */
#content #row-functionalities-rates .block .glyphicon {
font-size: 40px;
position: absolute;
left: 0px;
top: 0px;
}
/* line 681, ../sass/screen.scss */
/* line 671, ../sass/screen.scss */
#content #row-functionalities-rates .block p {
font-family: 'capsuularegular';
font-size: 18px;
}
/* line 686, ../sass/screen.scss */
/* line 676, ../sass/screen.scss */
#content #row-functionalities-rates .block a {
text-decoration: none;
color: black;
}
/* line 690, ../sass/screen.scss */
/* line 680, ../sass/screen.scss */
#content #row-functionalities-rates .block a:hover {
color: #F2B84B;
}
/* line 697, ../sass/screen.scss */
/* line 687, ../sass/screen.scss */
#content #row-functionalities-rates .block-points-sale-products img {
width: 40px;
}
/* line 705, ../sass/screen.scss */
/* line 695, ../sass/screen.scss */
#content #block-services .panel-body .panel-body {
padding-bottom: 0px;
}
/* line 707, ../sass/screen.scss */
/* line 697, ../sass/screen.scss */
#content #block-services .panel-body .panel-body h3 {
margin-top: 0px;
}
/* line 716, ../sass/screen.scss */
/* line 706, ../sass/screen.scss */
#content #block-rates table th {
font-weight: bold;
font-size: 14px;
}
/* line 725, ../sass/screen.scss */
/* line 715, ../sass/screen.scss */
#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
color: black;
}

/* line 735, ../sass/screen.scss */
/* line 725, ../sass/screen.scss */
#content #contact {
display: none;
}
/* line 739, ../sass/screen.scss */
/* line 729, ../sass/screen.scss */
#content #contact .icon {
width: 55px;
top: -15px;
margin-left: -70px;
}
/* line 745, ../sass/screen.scss */
/* line 735, ../sass/screen.scss */
#content #contact .form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/
}
/* line 750, ../sass/screen.scss */
/* line 740, ../sass/screen.scss */
#content #contact .form-group {
text-align: center;
}
/* line 754, ../sass/screen.scss */
/* line 744, ../sass/screen.scss */
#content #contact .img-right {
float: right;
}
/* line 757, ../sass/screen.scss */
/* line 747, ../sass/screen.scss */
#content #contact .img-right img {
width: 300px;
}

/* line 763, ../sass/screen.scss */
/* line 753, ../sass/screen.scss */
#bookmarked-producers {
padding: 0px;
padding-top: 15px;
@@ -735,7 +735,7 @@ section#header-title h1 .glyphicon {
border-bottom: solid 1px #e0e0e0;
background-color: white;
}
/* line 771, ../sass/screen.scss */
/* line 761, ../sass/screen.scss */
#bookmarked-producers h2 {
float: left;
font-family: 'highvoltageregular';
@@ -746,30 +746,30 @@ section#header-title h1 .glyphicon {
padding: 0px;
color: #323232;
}
/* line 782, ../sass/screen.scss */
/* line 772, ../sass/screen.scss */
#bookmarked-producers #producers {
position: relative;
top: -5px;
left: 5px;
}
/* line 788, ../sass/screen.scss */
/* line 778, ../sass/screen.scss */
#bookmarked-producers #discover {
padding-bottom: 20px;
text-align: center;
}
/* line 792, ../sass/screen.scss */
/* line 782, ../sass/screen.scss */
#bookmarked-producers #discover p {
padding-bottom: 0px;
color: white;
}
/* line 797, ../sass/screen.scss */
/* line 787, ../sass/screen.scss */
#bookmarked-producers #discover .btn {
background-color: white;
color: #F2B84B;
border: solid 1px white;
}

/* line 806, ../sass/screen.scss */
/* line 796, ../sass/screen.scss */
#footer {
position: absolute;
bottom: 0px;
@@ -781,7 +781,7 @@ section#header-title h1 .glyphicon {
border-top: 0px none;
color: white;
}
/* line 817, ../sass/screen.scss */
/* line 807, ../sass/screen.scss */
#footer a {
color: white;
font-family: 'capsuularegular';
@@ -792,38 +792,38 @@ section#header-title h1 .glyphicon {
border-right: solid 1px white;
border: 0px none;
}
/* line 827, ../sass/screen.scss */
/* line 817, ../sass/screen.scss */
#footer a:hover {
text-decoration: underline;
}
/* line 831, ../sass/screen.scss */
/* line 821, ../sass/screen.scss */
#footer a:last-child {
border: 0px none;
}

/* line 841, ../sass/screen.scss */
/* line 831, ../sass/screen.scss */
.site-producers #producers-list #producer-search {
padding-bottom: 15px;
}
/* line 845, ../sass/screen.scss */
/* line 835, ../sass/screen.scss */
.site-producers #producers-list .alert-no-results {
display: none;
}
/* line 849, ../sass/screen.scss */
/* line 839, ../sass/screen.scss */
.site-producers #producers-list .panel {
border: solid 1px #e0e0e0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 853, ../sass/screen.scss */
/* line 843, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body {
border: 0px none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 857, ../sass/screen.scss */
/* line 847, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body h2 {
font-family: 'capsuularegular';
font-weight: bold;
@@ -833,24 +833,24 @@ section#header-title h1 .glyphicon {
margin-bottom: 5px;
padding-bottom: 0px;
}
/* line 867, ../sass/screen.scss */
/* line 857, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body p {
padding-bottom: 0px;
}
/* line 871, ../sass/screen.scss */
/* line 861, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body .producer-type {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
}
/* line 882, ../sass/screen.scss */
/* line 872, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-footer {
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px;
border-radius: 0px 0px 8px 8px;
border: 0px none;
}
/* line 888, ../sass/screen.scss */
/* line 878, ../sass/screen.scss */
.site-producers #producers-list .panel .logo {
float: right;
position: relative;
@@ -864,7 +864,7 @@ section#header-title h1 .glyphicon {
text-align: right;
overflow: hidden;
}
/* line 899, ../sass/screen.scss */
/* line 889, ../sass/screen.scss */
.site-producers #producers-list .panel .logo .img-logo {
position: absolute;
top: 50%;
@@ -873,7 +873,7 @@ section#header-title h1 .glyphicon {
max-width: 90px;
max-height: 90px;
}
/* line 911, ../sass/screen.scss */
/* line 901, ../sass/screen.scss */
.site-producers #producers-map {
height: 750px;
border: solid 1px #e0e0e0;
@@ -881,51 +881,51 @@ section#header-title h1 .glyphicon {
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 916, ../sass/screen.scss */
/* line 906, ../sass/screen.scss */
.site-producers #producers-map.fixed {
position: fixed !important;
top: 20px;
width: 300px;
height: 750px;
}
/* line 924, ../sass/screen.scss */
/* line 914, ../sass/screen.scss */
.site-producers #producers-map a {
text-decoration: none;
}
/* line 928, ../sass/screen.scss */
/* line 918, ../sass/screen.scss */
.site-producers #producers-map .popup-producer {
font-size: 14px;
color: #505050;
}
/* line 932, ../sass/screen.scss */
/* line 922, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .name {
font-family: 'capsuularegular';
font-weight: bold;
font-size: 23px;
color: #323232;
}
/* line 938, ../sass/screen.scss */
/* line 928, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .type {
text-transform: uppercase;
font-size: 13px;
margin-bottom: 12px;
}
/* line 943, ../sass/screen.scss */
/* line 933, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .address {
margin-bottom: 12px;
}
/* line 946, ../sass/screen.scss */
/* line 936, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .link {
color: white;
}

/* line 956, ../sass/screen.scss */
/* line 946, ../sass/screen.scss */
#content .site-about .panel .panel-heading h2 {
margin: 0px;
padding: 0px;
font-size: 25px;
}
/* line 964, ../sass/screen.scss */
/* line 954, ../sass/screen.scss */
#content .site-about .panel .panel-body h2 {
font-size: 20px;
text-transform: none;
@@ -933,88 +933,88 @@ section#header-title h1 .glyphicon {
padding-bottom: 0px;
margin-top: 0px;
}
/* line 972, ../sass/screen.scss */
/* line 962, ../sass/screen.scss */
#content .site-about .panel .panel-body p:last-child {
margin-bottom: 0px;
padding-bottom: 5px;
}
/* line 980, ../sass/screen.scss */
/* line 970, ../sass/screen.scss */
#content .site-about #few-numbers .item {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
/* line 985, ../sass/screen.scss */
/* line 975, ../sass/screen.scss */
#content .site-about #few-numbers .item .number {
font-family: 'highvoltageregular';
font-weight: bold;
font-size: 35px;
}
/* line 991, ../sass/screen.scss */
/* line 981, ../sass/screen.scss */
#content .site-about #few-numbers .item .description {
font-size: 16px;
}
/* line 995, ../sass/screen.scss */
/* line 985, ../sass/screen.scss */
#content .site-about #few-numbers .item .detail {
color: gray;
}
/* line 1001, ../sass/screen.scss */
/* line 991, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials {
transition: all 0.4s;
}
/* line 1004, ../sass/screen.scss */
/* line 994, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item, #content .site-about #carousel-producers-testimonials .carousel-caption {
transition: all 0.4s;
}
/* line 1008, ../sass/screen.scss */
/* line 998, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .carousel-indicators {
display: none;
}
/* line 1012, ../sass/screen.scss */
/* line 1002, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .carousel-control {
background: none;
}
/* line 1015, ../sass/screen.scss */
/* line 1005, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .carousel-control span.glyphicon {
top: 50px;
}
/* line 1021, ../sass/screen.scss */
/* line 1011, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption {
top: 20px;
color: #323232;
text-shadow: none;
padding: 0px;
}
/* line 1027, ../sass/screen.scss */
/* line 1017, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption img {
display: block;
width: 150px;
height: auto;
margin: 0px auto 15px auto;
}
/* line 1035, ../sass/screen.scss */
/* line 1025, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-testimony {
margin-bottom: 12px;
}
/* line 1039, ../sass/screen.scss */
/* line 1029, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-details {
font-style: italic;
}

/* line 1047, ../sass/screen.scss */
/* line 1037, ../sass/screen.scss */
#content #mentions {
padding-top: 20px;
}
/* line 1050, ../sass/screen.scss */
/* line 1040, ../sass/screen.scss */
#content #mentions div.content {
width: 60%;
font-size: 90%;
}
/* line 1055, ../sass/screen.scss */
/* line 1045, ../sass/screen.scss */
#content #mentions p {
padding-bottom: 15px;
}
/* line 1059, ../sass/screen.scss */
/* line 1049, ../sass/screen.scss */
#content #mentions h2 {
color: black;
padding-bottom: 40px;
@@ -1022,7 +1022,7 @@ section#header-title h1 .glyphicon {
line-height: 35px;
font-family: 'highvoltageregular';
}
/* line 1067, ../sass/screen.scss */
/* line 1057, ../sass/screen.scss */
#content #mentions h3 {
font-family: "highvoltageregular";
font-size: 18px;
@@ -1031,44 +1031,44 @@ section#header-title h1 .glyphicon {
color: black;
}

/* line 1082, ../sass/screen.scss */
/* line 1072, ../sass/screen.scss */
.vegas-loading {
display: none;
}

/* line 1089, ../sass/screen.scss */
/* line 1079, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label {
font-weight: normal;
}
/* line 1093, ../sass/screen.scss */
/* line 1083, ../sass/screen.scss */
#profil-user .form-group label {
cursor: pointer;
}
/* line 1098, ../sass/screen.scss */
/* line 1088, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group {
float: left;
margin-right: 15px;
}
/* line 1102, ../sass/screen.scss */
/* line 1092, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label {
font-weight: normal;
}
/* line 1108, ../sass/screen.scss */
/* line 1098, ../sass/screen.scss */
#profil-user p.strong {
font-weight: bold;
}
/* line 1112, ../sass/screen.scss */
/* line 1102, ../sass/screen.scss */
#profil-user h2 {
text-transform: none;
font-size: 25px;
}
/* line 1116, ../sass/screen.scss */
/* line 1106, ../sass/screen.scss */
#profil-user h2:first-child {
margin-top: 0px;
}

/* login */
/* line 1127, ../sass/screen.scss */
/* line 1117, ../sass/screen.scss */
.back-white, .site-login .col-lg-5, .site-signup .col-lg-5 {
background-color: white;
padding: 30px;
@@ -1077,7 +1077,7 @@ section#header-title h1 .glyphicon {
border-radius: 5px;
}

/* line 1134, ../sass/screen.scss */
/* line 1124, ../sass/screen.scss */
.site-login .col-lg-5 {
margin: 0px auto;
float: none;
@@ -1085,19 +1085,19 @@ section#header-title h1 .glyphicon {
}

/* signup */
/* line 1144, ../sass/screen.scss */
/* line 1134, ../sass/screen.scss */
.modal-backdrop {
z-index: 999;
}

/* line 1149, ../sass/screen.scss */
/* line 1139, ../sass/screen.scss */
.site-signup .col-lg-5 {
margin: 0px auto;
float: none;
max-width: 500px;
}

/* line 1159, ../sass/screen.scss */
/* line 1149, ../sass/screen.scss */
#modal-cgv .modal-body h2 {
margin-bottom: 5px;
padding-bottom: 0px;
@@ -1105,41 +1105,41 @@ section#header-title h1 .glyphicon {
margin-top: 0px;
}

/* line 1169, ../sass/screen.scss */
/* line 1159, ../sass/screen.scss */
#form-signup #user-producer {
margin-bottom: 30px;
}
/* line 1174, ../sass/screen.scss */
/* line 1164, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled {
font-weight: bold;
color: black;
}
/* line 1180, ../sass/screen.scss */
/* line 1170, ../sass/screen.scss */
#form-signup #champs-producer {
display: none;
}
/* line 1184, ../sass/screen.scss */
/* line 1174, ../sass/screen.scss */
#form-signup #buttons-signup {
margin-top: 30px;
}
/* line 1188, ../sass/screen.scss */
/* line 1178, ../sass/screen.scss */
#form-signup .field-signupform-is_test {
display: none;
}

/* line 1193, ../sass/screen.scss */
/* line 1183, ../sass/screen.scss */
#col-left {
padding: 0px;
z-index: 15;
}
/* line 1197, ../sass/screen.scss */
/* line 1187, ../sass/screen.scss */
#col-left .affix {
width: 25%;
border-right: solid 1px #e0e0e0;
background-color: #FAFAFA;
height: 100%;
}
/* line 1204, ../sass/screen.scss */
/* line 1194, ../sass/screen.scss */
#col-left #link-home {
text-decoration: none;
font-size: 22px;
@@ -1148,28 +1148,28 @@ section#header-title h1 .glyphicon {
padding: 10px;
background-color: white;
}
/* line 1212, ../sass/screen.scss */
/* line 1202, ../sass/screen.scss */
#col-left #link-home img {
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 1218, ../sass/screen.scss */
/* line 1208, ../sass/screen.scss */
#col-left #link-home .text {
padding-left: 62px;
}
/* line 1221, ../sass/screen.scss */
/* line 1211, ../sass/screen.scss */
#col-left #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 1226, ../sass/screen.scss */
/* line 1216, ../sass/screen.scss */
#col-left #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #F2B84B;
}
/* line 1234, ../sass/screen.scss */
/* line 1224, ../sass/screen.scss */
#col-left h2 {
font-family: 'myriadpro-regular';
color: black;
@@ -1177,37 +1177,37 @@ section#header-title h1 .glyphicon {
margin-bottom: 10px;
padding: 15px 0px 5px 15px;
}
/* line 1242, ../sass/screen.scss */
/* line 1232, ../sass/screen.scss */
#col-left #links {
background-color: white;
margin-bottom: 20px;
}
/* line 1248, ../sass/screen.scss */
/* line 1238, ../sass/screen.scss */
#col-left #links ul li a {
text-align: center;
border-right: solid 1px #e0e0e0;
}
/* line 1252, ../sass/screen.scss */
/* line 1242, ../sass/screen.scss */
#col-left #links ul li a:hover {
background-color: #F2B84B;
color: white;
}
/* line 1258, ../sass/screen.scss */
/* line 1248, ../sass/screen.scss */
#col-left #links ul li:last-child a {
border-right: 0px none;
}
/* line 1268, ../sass/screen.scss */
/* line 1258, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a {
padding-left: 50px;
height: 40px;
}
/* line 1274, ../sass/screen.scss */
/* line 1264, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a {
background-color: #F2B84B;
position: relative;
color: white;
}
/* line 1279, ../sass/screen.scss */
/* line 1269, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after {
right: -40px;
top: 50%;
@@ -1222,18 +1222,18 @@ section#header-title h1 .glyphicon {
border-width: 20px;
margin-top: -20px;
}
/* line 1298, ../sass/screen.scss */
/* line 1288, ../sass/screen.scss */
#col-left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* line 1303, ../sass/screen.scss */
/* line 1293, ../sass/screen.scss */
#col-left ul li {
margin: 0px;
padding: 0px;
}
/* line 1307, ../sass/screen.scss */
/* line 1297, ../sass/screen.scss */
#col-left ul li a {
text-decoration: none;
font-family: 'comfortaaregular';
@@ -1244,18 +1244,18 @@ section#header-title h1 .glyphicon {
display: block;
color: black;
}
/* line 1317, ../sass/screen.scss */
/* line 1307, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording {
display: none;
}
/* line 1324, ../sass/screen.scss */
/* line 1314, ../sass/screen.scss */
#col-left p {
padding: 20px;
padding-top: 0px;
color: gray;
}

/* line 1332, ../sass/screen.scss */
/* line 1322, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -1270,7 +1270,7 @@ section#header-title h1 .glyphicon {
-webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0;
}
/* line 1344, ../sass/screen.scss */
/* line 1334, ../sass/screen.scss */
#content .header-title h1 {
color: black;
font-family: 'myriadpro-regular';
@@ -1278,7 +1278,7 @@ section#header-title h1 .glyphicon {
font-size: 25px;
text-transform: uppercase;
}
/* line 1352, ../sass/screen.scss */
/* line 1342, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -1287,16 +1287,16 @@ section#header-title h1 .glyphicon {
line-height: 20px;
}

/* line 1363, ../sass/screen.scss */
/* line 1353, ../sass/screen.scss */
.header-producer {
z-index: 1;
}
/* line 1366, ../sass/screen.scss */
/* line 1356, ../sass/screen.scss */
.header-producer #block-main-img {
height: 144px;
overflow: hidden;
}
/* line 1370, ../sass/screen.scss */
/* line 1360, ../sass/screen.scss */
.header-producer #block-main-img #main-img {
width: 100%;
height: auto;
@@ -1306,7 +1306,7 @@ section#header-title h1 .glyphicon {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 1379, ../sass/screen.scss */
/* line 1369, ../sass/screen.scss */
.header-producer h1 {
font-family: 'comfortaaregular';
text-align: center;
@@ -1314,23 +1314,23 @@ section#header-title h1 .glyphicon {
top: 30px;
left: 40px;
}
/* line 1386, ../sass/screen.scss */
/* line 1376, ../sass/screen.scss */
.header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px;
border: dotted 1px black;
}

/* line 1397, ../sass/screen.scss */
/* line 1387, ../sass/screen.scss */
nav#menu-producer {
border-bottom: solid 1px #e0e0e0;
}
/* line 1401, ../sass/screen.scss */
/* line 1391, ../sass/screen.scss */
nav#menu-producer ul li {
padding: 0px;
margin: 0px;
}
/* line 1405, ../sass/screen.scss */
/* line 1395, ../sass/screen.scss */
nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0;
text-decoration: none;
@@ -1338,42 +1338,42 @@ nav#menu-producer ul li a {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 1410, ../sass/screen.scss */
/* line 1400, ../sass/screen.scss */
nav#menu-producer ul li a:hover {
background-color: #F2B84B;
color: white;
}

/* line 1420, ../sass/screen.scss */
/* line 1410, ../sass/screen.scss */
.site-contact .col-lg-6 {
margin: 0px auto;
float: none;
}
/* line 1425, ../sass/screen.scss */
/* line 1415, ../sass/screen.scss */
.site-contact .form-group.submit {
text-align: center;
}

/* line 1431, ../sass/screen.scss */
/* line 1421, ../sass/screen.scss */
.site-opinion .col-lg-6 {
margin: 0px auto;
float: none;
}
/* line 1436, ../sass/screen.scss */
/* line 1426, ../sass/screen.scss */
.site-opinion .field-opinionform-istest {
display: none;
}
/* line 1440, ../sass/screen.scss */
/* line 1430, ../sass/screen.scss */
.site-opinion .form-group.submit {
text-align: center;
}

/* line 1447, ../sass/screen.scss */
/* line 1437, ../sass/screen.scss */
#site-prices .panel p {
padding-bottom: 0px;
}

/* line 1454, ../sass/screen.scss */
/* line 1444, ../sass/screen.scss */
#contact-form .field-contactform-istest {
display: none;
}
@@ -2257,62 +2257,66 @@ termes.
}
/* line 167, ../sass/_responsive.scss */
.home #main #row-users-producers .panel .hook {
margin-bottom: 10px;
margin-bottom: 25px;
}
/* line 170, ../sass/_responsive.scss */
.home #main #row-users-producers .panel .hook br {
display: none;
}
/* line 176, ../sass/_responsive.scss */
/* line 174, ../sass/_responsive.scss */
.home #main #row-users-producers .panel .hook .word-animate {
font-size: 20px;
}
/* line 180, ../sass/_responsive.scss */
.home #main #row-users-producers .panel .links a {
display: block;
margin-bottom: 5px;
}
/* line 183, ../sass/_responsive.scss */
/* line 187, ../sass/_responsive.scss */
.home #main #row-users-producers .producer, .home #main #row-users-producers .users {
padding-right: 0px;
}
/* line 187, ../sass/_responsive.scss */
/* line 191, ../sass/_responsive.scss */
.home #main #row-users-producers .users {
padding-left: 0px;
}
/* line 190, ../sass/_responsive.scss */
/* line 194, ../sass/_responsive.scss */
.home #main #row-users-producers .users .panel {
margin-bottom: 0px;
}

/* line 199, ../sass/_responsive.scss */
/* line 203, ../sass/_responsive.scss */
.site-producers #wrapper-producers-list {
padding: 0px;
}
/* line 204, ../sass/_responsive.scss */
/* line 208, ../sass/_responsive.scss */
.site-producers #wrapper-producers-list #producers-list .panel .panel-body {
text-align: center;
}
/* line 207, ../sass/_responsive.scss */
/* line 211, ../sass/_responsive.scss */
.site-producers #wrapper-producers-list #producers-list .panel .panel-body .logo {
display: none;
}
/* line 215, ../sass/_responsive.scss */
/* line 219, ../sass/_responsive.scss */
.site-producers #producers-map {
display: none;
}

/* line 221, ../sass/_responsive.scss */
/* line 225, ../sass/_responsive.scss */
.site-about .col-md-8, .site-about .col-md-4 {
padding: 0px;
}

/* line 227, ../sass/_responsive.scss */
/* line 231, ../sass/_responsive.scss */
.site-contact .col-lg-5 {
padding: 0px;
}

/* line 233, ../sass/_responsive.scss */
/* line 237, ../sass/_responsive.scss */
#content .site-service #panel-go-further {
margin-bottom: 0px;
}
/* line 236, ../sass/_responsive.scss */
/* line 240, ../sass/_responsive.scss */
#content .site-service #panel-go-further a {
display: block;
margin-bottom: 5px;

+ 2
- 2
frontend/web/js/frontend.js Dosyayı Görüntüle

@@ -45,8 +45,8 @@ function opendistrib_home_text_animation() {
var
words = [
'<span class="glyphicon glyphicon-eye-open"></span> présenter votre activité',
'<span class="glyphicon glyphicon-calendar"></span> gérer les prises de commandes',
//'<span class="glyphicon glyphicon-repeat"></span> gérer les abonnements clients',
'<span class="glyphicon glyphicon-calendar"></span> gérer vos prises de commandes',
'<span class="glyphicon glyphicon-download-alt"></span> télécharger vos récapitulatifs de commande',
'<span class="glyphicon glyphicon-send"></span> communiquer avec vos clients',
'<span class="glyphicon glyphicon-file"></span> générer vos bons de livraisons et factures',
'<span class="glyphicon glyphicon-euro"></span> comptabiliser les paiements',

+ 5
- 1
frontend/web/sass/_responsive.scss Dosyayı Görüntüle

@@ -165,11 +165,15 @@ termes.

.panel {
.hook {
margin-bottom: 10px;
margin-bottom: 25px;

br {
display: none;
}

.word-animate {
font-size: 20px;
}
}

.links {

+ 1
- 11
frontend/web/sass/screen.scss Dosyayı Görüntüle

@@ -581,9 +581,6 @@ section#header-title {
@include border-radius(5px) ;

.col-md-6 {
//display: table-cell;
//width: 50%;

.panel {
height: 100%;
margin-bottom: 20px;
@@ -596,21 +593,14 @@ section#header-title {

.word-animate {
margin-top: 18px;
//font-weight: bold;
height: 40px;
height: auto;

span.functionality {
//font-family: 'highvoltageregular';
//background-color: $color1;
//background-color: #333;
background-color: #FFF8DC;
//color: white;
//border: dotted 1px #333;
@include border-radius(8px);
padding: 8px 15px 5px 15px;

.glyphicon {
//color: white;
position: relative;
top: 4px;
right: 6px;

Yükleniyor…
İptal
Kaydet