BenoitCier
/
Opendistrib
forked from Laclic/Souke
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Page d'accueil 

Adaptation de la page d'accueil à la nouvelle interface.
Mise à jour de la politique de prix.
master
keun 6 years ago
parent
b727340d9e
commit
3d1d9c51c4
9 changed files with 299 additions and 253 deletions
Unified View Show Diff Stats
  1. +20
    -1
      frontend/components/MyView.php
  2. +6
    -2
      frontend/views/layouts/main.php
  3. +3
    -3
      frontend/views/site/_cgv_content.php
  4. +6
    -4
      frontend/views/site/_tarifs_boulanger.php
  5. +1
    -1
      frontend/views/site/cgv.php
  6. +44
    -88
      frontend/views/site/index.php
  7. BIN
      frontend/web/.sass-cache/e1a48ee3204d3a535cdbe440c2995954a615ac19/screen.scssc
  8. +153
    -122
      frontend/web/css/screen.css
  9. +66
    -32
      frontend/web/sass/screen.scss

+ 20
- 1
frontend/components/MyView.php View File

class MyView extends \yii\web\View { class MyView extends \yii\web\View {
var $icon ; var $icon ;
var $page_title ;
var $subtitle ;
public function setTitle($title, $icon) {
public function setTitle($title, $icon = '') {
$this->title = $title ; $this->title = $title ;
$this->page_title = $title ;
$this->icon = $icon ; $this->icon = $icon ;
} }
public function getTitle() { public function getTitle() {
return $this->title ; return $this->title ;
} }
public function setPageTitle($page_title) {
$this->page_title = $page_title ;
}
public function getPageTitle() {
return $this->page_title ;
}
public function setSubtitle($subtitle) {
$this->subtitle = $subtitle ;
}
public function getSubtitle() {
return $this->subtitle ;
}


public function getTitleIcon() { public function getTitleIcon() {
return $this->icon ; return $this->icon ;

+ 6
- 2
frontend/views/layouts/main.php View File

<?php $this->beginPage() ?> <?php $this->beginPage() ?>
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<title><?php if($is_home): ?>La boîte à pain &bull; <?= Html::encode($this->title) ?> <?php else: ?><?= Html::encode($this->title) ?> &bull; La boîte à pain<?php endif; ?></title>
<title><?php if($is_home): ?>La boîte à pain &bull; <?= Html::encode($this->getPageTitle()) ?> <?php else: ?><?= Html::encode($this->getPageTitle()) ?> &bull; La boîte à pain<?php endif; ?></title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<?= Html::csrfMetaTags() ?> <?= Html::csrfMetaTags() ?>
</section> </section>


<?php if(Yii::$app->user->isGuest):?> <?php if(Yii::$app->user->isGuest):?>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut ipsum venenatis, aliquam tellus sit amet, elementum ex. Sed a ex fermentum, viverra augue in, eleifend lectus. Morbi pretium vestibulum quam at vulputate. Sed malesuada est ligula, sit amet hendrerit risus eleifend vitae. Donec sed lacus ac dolor interdum ultrices. Maecenas malesuada elit vel est commodo aliquet. Praesent ullamcorper ante vitae rutrum placerat. Proin ornare hendrerit leo, iaculis cursus augue ultricies at. </p>
<p>&#10149; Connectez-vous ou créez un compte pour passer commande chez votre producteur.</p>
<p>&#10149; Producteurs, vous pouvez tester l'outil avant de créer votre compte : <a class="btn btn-default btn-xs" id="btn-demo" href="http://demo.laboiteapain.net/"><span class="glyphicon glyphicon-eye-open"></span> Espace de démo</a>
</p>
<?php else: ?> <?php else: ?>
<section id="producteurs"> <section id="producteurs">
<h2>Producteurs</h2> <h2>Producteurs</h2>
<?php if(strlen($this->getTitle())): ?> <?php if(strlen($this->getTitle())): ?>
<div class="header-title"> <div class="header-title">
<h1><?php if(strlen($this->getTitleIcon())): ?><span class="glyphicon <?= $this->getTitleIcon(); ?>"></span><?php endif; ?> <?= $this->getTitle(); ?></h1> <h1><?php if(strlen($this->getTitleIcon())): ?><span class="glyphicon <?= $this->getTitleIcon(); ?>"></span><?php endif; ?> <?= $this->getTitle(); ?></h1>
<?php if(strlen($this->getSubtitle())): ?><h2><?= $this->getSubtitle(); ?></h2><?php endif; ?>
</div> </div>
<?php endif; ?> <?php endif; ?>



+ 3
- 3
frontend/views/site/_cgv_content.php View File



<h2>8. Redevances d'utilisation du Site</h2> <h2>8. Redevances d'utilisation du Site</h2>
<p>La création d’un compte et l’utilisation de la partie du Site réservée aux Boulangers <p>La création d’un compte et l’utilisation de la partie du Site réservée aux Boulangers
implique le paiement mensuel par les Boulangers d'un montant défini par eux-même dans
la section Facturation. Si ce montant est supérieur à 0€, la Société émettra à l’issue
de chaque mois une facture au Boulanger, payable
implique le paiement mensuel par les Boulangers d’un montant équivalent à deux (2) %
du chiffre d’affaires mensuel réalisé à partir des commandes enregistrées sur le Site.
La Société émettra à l’issue de chaque mois une facture au Boulanger, payable
par virement bancaire ou par chèque dans les trente (30) jours à compter par virement bancaire ou par chèque dans les trente (30) jours à compter
de la date d’émission de la facture. Tout défaut ou retard de paiement emportera de la date d’émission de la facture. Tout défaut ou retard de paiement emportera
immédiatement application de pénalités de retard à un taux qui est de trois fois immédiatement application de pénalités de retard à un taux qui est de trois fois

+ 6
- 4
frontend/views/site/_tarifs_boulanger.php View File

<h4 class="modal-title" id="myModalLabel">Tarifs</h4> <h4 class="modal-title" id="myModalLabel">Tarifs</h4>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="alert alert-warning"><em>La boîte à pain</em> fonctionne grâce à un système de <strong>prix libre</strong>.
Chaque producteur définit lui-même le prix mensuel de son abonnement à la plateforme, selon son intérêt et le soutien qu'il
veut apporter.<br /><br />
Ce montant est modifiable à tout moment dans la section <em>Facturation</em> de l'interface d'administration.</div>
<div class="alert alert-warning"><em>La boîte à pain</em> fonctionne grâce à un système de <strong>facturation mensuelle</strong> basée
sur le chiffre d'affaire réalisé à partir des commandes enregistrées sur la plateforme. Fonctionner ainsi permet de faire contribuer chaque
boulangerie à la hauteur de son utilisation de la plateforme.</div>
<div class="commission"><span><strong>2 %</strong> du chiffre d'affaire TTC</span></div>
<div class="exemple">Exemple : si pour un mois donné, vous avez comptabilisé <em>2500 € TTC</em> de chiffre d'affaire réalisé sur la plateforme,
vous recevrez une facture d'un montant de <em>50 € TTC</em> pour ce mois.</div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button> <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>

+ 1
- 1
frontend/views/site/cgv.php View File

$this->title = 'Conditions générales de service'; $this->title = 'Conditions générales de service';
?> ?>


<div class="container content-text">
<div class="content-text">
<h1>Conditions générales de service</h1> <h1>Conditions générales de service</h1>



+ 44
- 88
frontend/views/site/index.php View File

use common\helpers\Url ; use common\helpers\Url ;


/* @var $this yii\web\View */ /* @var $this yii\web\View */
$this->title = 'Plateforme de réservation de pain';
?>

<?php

$this->setTitle('Bienvenue sur la boîte à pain') ;
$this->setSubtitle('Des outils numériques pour les circuits courts') ;
$this->setPageTitle('Plateforme de réservation de pain') ;
?> ?>
<div class="item" id="presentation">
<div class="container">
<div class="row" id="row-presentation">
<div class="col-md-12">
<h1 id="title-site">La boîte à pain</h1>
<p><strong>Plateforme de réservation</strong></p>
<div class="clr"></div>
</div>
</div>
<div class="row" id="row-clients-boulanger">
<div class="col-md-6" id="clients">
<h2>
<img src="./img/clients.png" id="img-clients" /><br />
Clients
</h2>
<p><em>Réservez votre pain en ligne et récupérez votre commande<br />
chez votre producteur ou dans un dépôt près de chez vous.</em></p>
<ul>
<li>Garantie d'avoir du pain</li>
<li>Moyen simple de commander</li>
<li>Possibilité de choisir un dépôt proche de chez soi</li>
</ul>
<div class="prix">
<span>Gratuit</span>
</div>
<div id="presentation">
<div class="row" id="row-clients-boulanger">
<div class="col-md-6" id="clients">
<h2>
<img class="img" src="./img/clients.png" id="img-clients" />
<span>Clients</span>
</h2>
<p><em>Réservez votre pain en ligne et récupérez votre commande<br />
chez votre producteur ou dans un dépôt près de chez vous.</em></p>
<ul>
<li>Garantie d'avoir vos produits</li>
<li>Moyen simple de commander</li>
<li>Possibilité de choisir un dépôt proche de chez soi</li>
</ul>
<div class="prix">
<span>Gratuit</span>
</div> </div>
<div class="col-md-6 boulanger">
<h2>
<img src="./img/boulanger1.png" id="img-boulanger" /><br />
Producteur
</h2>
<p><em>Simplifiez la gestion de vos commandes<br /> et optimisez votre production.</em></p>
<ul>
<li>Prise de commande en ligne automatisée</li>
<li>Gestion de vos points de vente (dépôts, AMAP, boîte à pain etc.)</li>
<li>Réception de vos commandes par email</li>
<li>Mise en place de comptes prépayés possible pour vos clients</li>
</ul>
<div class="prix">
<span><a data-toggle="modal" data-target="#modal-tarifs" href="javascript:void(0);">Prix libre</a></span>
</div>
</div>
<div class="col-md-6 boulanger">
<h2>
<img class="img" src="./img/boulanger1.png" id="img-boulanger" />
<span>Producteur</span>
</h2>

<p><em>Simplifiez la gestion de vos commandes<br /> et optimisez votre production.</em></p>

<ul>
<li>Prise de commande en ligne automatisée</li>
<li>Gestion de vos points de vente (dépôts, AMAP etc.)</li>
<li>Réception de vos commandes par email</li>
<li>Mise en place de comptes prépayés possible pour vos clients</li>
</ul>
<div class="prix">
<span><a data-toggle="modal" data-target="#modal-tarifs" href="javascript:void(0);">Commission : 2% du CA</a></span>
</div> </div>
</div> </div>
<?php if(Yii::$app->user->isGuest): ?>
<div class="row" id="row-signup">
<?php if(YII_ENV == 'demo'): ?>
<a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
<?php else: ?>
<a class="btn btn-primary btn-lg" href="<?= Yii::$app->urlManager->createUrl('site/signup'); ?>"><span class="glyphicon glyphicon-circle-arrow-right"></span> Je m'inscris</a><br /><br />
<a class="btn btn-default btn-lg" id="btn-demo" href="http://demo.laboiteapain.net/"><span class="glyphicon glyphicon-eye-open"></span> Espace de démo</a>;
<?php endif; ?>
</div>
<?php endif; ?>
</div> </div>
</div>

<div class="item back1" id="contact">
<div class="container">
<div class="separateur"></div>
<h2><img class="icon" src="<?php echo Yii::$app->urlManager->getBaseUrl() ; ?>/img/icon_53324.png" alt="" /> Contact</h2>
<?php if(Yii::$app->session->getFlash('success')): ?>
<div class="alert alert-success"><div class="icon"></div><?= Yii::$app->session->getFlash('success'); ?></div>
<?php endif; ?>
<?php $form = ActiveForm::begin(['id' => 'contact-form', 'action'=> '#par-telephone', 'layout' => 'horizontal',]); ?>
<?= $form->field($model, 'name') ?>
<?= $form->field($model, 'email') ?>
<?= $form->field($model, 'subject') ?>
<?= $form->field($model, 'body')->textArea(['rows' => 6]) ?>
<?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
]) ?>
<div class="form-group">
<?= Html::submitButton('Envoyer', ['class' => 'btn btn-default', 'name' => 'contact-button']) ?>
</div>
<?php ActiveForm::end(); ?>
</div>
<?php if(Yii::$app->user->isGuest): ?>
<div class="row" id="row-signup">
<?php if(YII_ENV == 'demo'): ?>
<a class="btn btn-primary btn-lg" href="<?= Url::env('prod','frontend'); ?>"><span class="glyphicon glyphicon-circle-arrow-left"></span> Retour sur le site</a>
<?php endif; ?>
</div>
<?php endif; ?>
</div> </div>


<!-- Tarifs --> <!-- Tarifs -->

BIN
frontend/web/.sass-cache/e1a48ee3204d3a535cdbe440c2995954a615ac19/screen.scssc View File


+ 153
- 122
frontend/web/css/screen.css View File



/* line 148, ../sass/screen.scss */ /* line 148, ../sass/screen.scss */
#content #the-content { #content #the-content {
padding-top: 100px;
padding-left: 30px; padding-left: 30px;
padding-right: 30px;
padding-bottom: 50px;
} }


/* line 154, ../sass/screen.scss */
/* line 156, ../sass/screen.scss */
#block-demo { #block-demo {
padding: 10px 0px; padding: 10px 0px;
background-color: #BB8757; background-color: #BB8757;
color: white; color: white;
text-align: center; text-align: center;
} }
/* line 160, ../sass/screen.scss */
/* line 162, ../sass/screen.scss */
#block-demo a { #block-demo a {
color: white; color: white;
text-decoration: underline; text-decoration: underline;
} }


/* line 166, ../sass/screen.scss */
/* line 168, ../sass/screen.scss */
#header { #header {
display: none; display: none;
z-index: 100; z-index: 100;
background-color: #f8f1dd; background-color: #f8f1dd;
height: 86px; height: 86px;
} }
/* line 173, ../sass/screen.scss */
/* line 175, ../sass/screen.scss */
#header .container { #header .container {
position: relative; position: relative;
} }
/* line 177, ../sass/screen.scss */
/* line 179, ../sass/screen.scss */
#header #env-dev { #header #env-dev {
font-family: "comfortaabold"; font-family: "comfortaabold";
text-align: center; text-align: center;
top: 18px; top: 18px;
left: 79px; left: 79px;
} }
/* line 190, ../sass/screen.scss */
/* line 192, ../sass/screen.scss */
#header #link-home { #header #link-home {
position: absolute; position: absolute;
top: 10px; top: 10px;
color: black; color: black;
display: block; display: block;
} }
/* line 199, ../sass/screen.scss */
/* line 201, ../sass/screen.scss */
#header #link-home img { #header #link-home img {
height: 60px; height: 60px;
margin-bottom: 5px; margin-bottom: 5px;
float: left; float: left;
} }
/* line 205, ../sass/screen.scss */
/* line 207, ../sass/screen.scss */
#header #link-home .text { #header #link-home .text {
float: left; float: left;
padding-left: 10px; padding-left: 10px;
} }
/* line 209, ../sass/screen.scss */
/* line 211, ../sass/screen.scss */
#header #link-home .text .bap { #header #link-home .text .bap {
font-family: "comfortaalight"; font-family: "comfortaalight";
font-size: 24px; font-size: 24px;
} }
/* line 214, ../sass/screen.scss */
/* line 216, ../sass/screen.scss */
#header #link-home .text .plateforme { #header #link-home .text .plateforme {
font-size: 17px; font-size: 17px;
font-family: "myriadpro-light"; font-family: "myriadpro-light";
color: #BB8757; color: #BB8757;
} }
/* line 222, ../sass/screen.scss */
/* line 224, ../sass/screen.scss */
#header #link-espace-boulanger { #header #link-espace-boulanger {
border-left: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0;
color: #BB8757; color: #BB8757;
} }
/* line 227, ../sass/screen.scss */
/* line 229, ../sass/screen.scss */
#header nav { #header nav {
padding-top: 22px; padding-top: 22px;
} }
/* line 229, ../sass/screen.scss */
/* line 231, ../sass/screen.scss */
#header nav ul { #header nav ul {
float: right; float: right;
} }
/* line 232, ../sass/screen.scss */
/* line 234, ../sass/screen.scss */
#header nav ul li a { #header nav ul li a {
text-decoration: none; text-decoration: none;
color: #505050; color: #505050;
} }
/* line 235, ../sass/screen.scss */
/* line 237, ../sass/screen.scss */
#header nav ul li a.active { #header nav ul li a.active {
background-color: white; background-color: white;
} }
/* line 239, ../sass/screen.scss */
/* line 241, ../sass/screen.scss */
#header nav ul li a:hover { #header nav ul li a:hover {
color: black; color: black;
background-color: white; background-color: white;
} }
/* line 249, ../sass/screen.scss */
/* line 251, ../sass/screen.scss */
#header #link-logout .nom { #header #link-logout .nom {
color: gray; color: gray;
font-size: 10px; font-size: 10px;
top: -4px; top: -4px;
} }


/* line 266, ../sass/screen.scss */
/* line 268, ../sass/screen.scss */
#content { #content {
position: relative; position: relative;
min-height: 500px; min-height: 500px;
padding: 0px; padding: 0px;
} }
/* line 272, ../sass/screen.scss */
/* line 274, ../sass/screen.scss */
#content h1#title-site { #content h1#title-site {
font-family: "comfortaalight"; font-family: "comfortaalight";
font-size: 50px; font-size: 50px;
} }
/* line 279, ../sass/screen.scss */
/* line 281, ../sass/screen.scss */
#content h2 { #content h2 {
color: black; color: black;
padding-bottom: 15px; padding-bottom: 15px;
position: relative; position: relative;
margin-top: 30px; margin-top: 30px;
} }
/* line 290, ../sass/screen.scss */
/* line 292, ../sass/screen.scss */
#content h3 { #content h3 {
color: black; color: black;
font-size: 20px; font-size: 20px;
} }
/* line 298, ../sass/screen.scss */
/* line 300, ../sass/screen.scss */
#content #description img { #content #description img {
width: 100%; width: 100%;
} }
/* line 303, ../sass/screen.scss */
/* line 305, ../sass/screen.scss */
#content #main-img { #content #main-img {
max-width: 100%; max-width: 100%;
border: solid 1px #e0e0e0; border: solid 1px #e0e0e0;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 310, ../sass/screen.scss */
#content #row-presentation {
text-align: center;
}
/* line 312, ../sass/screen.scss */
/* line 314, ../sass/screen.scss */
#content #row-presentation h1 { #content #row-presentation h1 {
color: black; color: black;
} }
/* line 315, ../sass/screen.scss */
/* line 317, ../sass/screen.scss */
#content #row-presentation strong { #content #row-presentation strong {
font-family: "myriadpro-light"; font-family: "myriadpro-light";
font-size: 20px; font-size: 20px;
color: #B17A48; color: #B17A48;
} }
/* line 322, ../sass/screen.scss */
/* line 324, ../sass/screen.scss */
#content #row-signup { #content #row-signup {
text-align: center; text-align: center;
margin-top: 40px; margin-top: 40px;
padding-top: 40px;
} }
/* line 326, ../sass/screen.scss */
/* line 329, ../sass/screen.scss */
#content #row-signup a.btn { #content #row-signup a.btn {
padding: 13px 32px;
font-size: 25px;
padding: 10px 20px;
font-size: 20px;
text-transform: uppercase;
}
/* line 335, ../sass/screen.scss */
#content #row-signup a.btn-primary {
margin-right: 15px;
} }
/* line 332, ../sass/screen.scss */
/* line 340, ../sass/screen.scss */
#content #row-clients-boulanger { #content #row-clients-boulanger {
margin-bottom: 50px; margin-bottom: 50px;
text-align: center;
} }
/* line 335, ../sass/screen.scss */
/* line 343, ../sass/screen.scss */
#content #row-clients-boulanger h2 { #content #row-clients-boulanger h2 {
text-align: center;
margin-bottom: 15px;
padding-bottom: 0px;
}
/* line 339, ../sass/screen.scss */
#content #row-clients-boulanger h2 img {
height: 70px;
margin-bottom: 60px;
margin-bottom: 10px;
} }
/* line 345, ../sass/screen.scss */ /* line 345, ../sass/screen.scss */
#content #row-clients-boulanger h2 .img {
height: 50px;
}
/* line 348, ../sass/screen.scss */
#content #row-clients-boulanger h2 span {
margin-left: 10px;
font-size: 25px;
position: relative;
top: 5px;
}
/* line 356, ../sass/screen.scss */
#content #row-clients-boulanger ul { #content #row-clients-boulanger ul {
text-align: left; text-align: left;
margin-left: 20%;
} }
/* line 348, ../sass/screen.scss */
/* line 358, ../sass/screen.scss */
#content #row-clients-boulanger ul li { #content #row-clients-boulanger ul li {
list-style-type: circle; list-style-type: circle;
color: #BB8757; color: #BB8757;
} }
/* line 354, ../sass/screen.scss */
#content #row-clients-boulanger #clients {
border-right: dotted 1px gray;
/* line 364, ../sass/screen.scss */
#content #row-clients-boulanger p {
padding-bottom: 4px;
} }
/* line 360, ../sass/screen.scss */
/* line 370, ../sass/screen.scss */
#content #row-clients-boulanger .boulanger .prix span { #content #row-clients-boulanger .boulanger .prix span {
background-color: #F8F1DD; background-color: #F8F1DD;
} }
/* line 363, ../sass/screen.scss */
/* line 373, ../sass/screen.scss */
#content #row-clients-boulanger .boulanger .prix span a { #content #row-clients-boulanger .boulanger .prix span a {
color: #BB8757; color: #BB8757;
text-decoration: none; text-decoration: none;
} }
/* line 371, ../sass/screen.scss */
/* line 381, ../sass/screen.scss */
#content #row-clients-boulanger .prix { #content #row-clients-boulanger .prix {
padding-top: 15px; padding-top: 15px;
font-size: 18px; font-size: 18px;
text-align: center;
} }
/* line 376, ../sass/screen.scss */
/* line 385, ../sass/screen.scss */
#content #row-clients-boulanger .prix span { #content #row-clients-boulanger .prix span {
color: #BB8757; color: #BB8757;
border: solid 1px #BB8757; border: solid 1px #BB8757;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 391, ../sass/screen.scss */
/* line 400, ../sass/screen.scss */
#content #row-clients-boulanger #periode-essai { #content #row-clients-boulanger #periode-essai {
margin-top: 8px; margin-top: 8px;
text-align: center; text-align: center;
color: gray; color: gray;
font-family: "comfortaaregular"; font-family: "comfortaaregular";
} }
/* line 401, ../sass/screen.scss */
/* line 410, ../sass/screen.scss */
#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active { #content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
color: black; color: black;
} }
/* line 407, ../sass/screen.scss */
/* line 416, ../sass/screen.scss */
#content #modal-tarifs .commission {
text-align: center;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 20px;
}
/* line 422, ../sass/screen.scss */
#content #modal-tarifs .commission span {
padding: 10px 20px;
border: solid 1px black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* line 428, ../sass/screen.scss */
#content #modal-tarifs .exemple { #content #modal-tarifs .exemple {
color: gray; color: gray;
} }


/* line 414, ../sass/screen.scss */
/* line 435, ../sass/screen.scss */
#content #contact { #content #contact {
display: none; display: none;
} }
/* line 418, ../sass/screen.scss */
/* line 439, ../sass/screen.scss */
#content #contact .icon { #content #contact .icon {
width: 55px; width: 55px;
top: -15px; top: -15px;
margin-left: -70px; margin-left: -70px;
} }
/* line 427, ../sass/screen.scss */
/* line 448, ../sass/screen.scss */
#content #contact .form-control:focus { #content #contact .form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ; /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/ border-color: $jaune ;*/
} }
/* line 432, ../sass/screen.scss */
/* line 453, ../sass/screen.scss */
#content #contact .form-group { #content #contact .form-group {
text-align: center; text-align: center;
} }
/* line 436, ../sass/screen.scss */
/* line 457, ../sass/screen.scss */
#content #contact .img-right { #content #contact .img-right {
float: right; float: right;
} }
/* line 439, ../sass/screen.scss */
/* line 460, ../sass/screen.scss */
#content #contact .img-right img { #content #contact .img-right img {
width: 300px; width: 300px;
} }


/* line 446, ../sass/screen.scss */
/* line 467, ../sass/screen.scss */
.form-control:focus { .form-control:focus {
/*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ; /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
border-color: $jaune ;*/ border-color: $jaune ;*/
} }


/* line 451, ../sass/screen.scss */
/* line 472, ../sass/screen.scss */
#footer { #footer {
width: 100%; width: 100%;
height: 50px; height: 50px;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
} }
/* line 465, ../sass/screen.scss */
/* line 486, ../sass/screen.scss */
#footer a { #footer a {
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
font-size: 12px; font-size: 12px;
padding-right: 10px; padding-right: 10px;
border-right: solid 1px white; border-right: solid 1px white;
} }
/* line 473, ../sass/screen.scss */
/* line 494, ../sass/screen.scss */
#footer a:hover { #footer a:hover {
color: gray; color: gray;
} }
/* line 477, ../sass/screen.scss */
/* line 498, ../sass/screen.scss */
#footer a:last-child { #footer a:last-child {
border: 0px none; border: 0px none;
} }


/* line 483, ../sass/screen.scss */
/* line 504, ../sass/screen.scss */
#content #mentions { #content #mentions {
padding-top: 20px; padding-top: 20px;
} }
/* line 486, ../sass/screen.scss */
/* line 507, ../sass/screen.scss */
#content #mentions div.content { #content #mentions div.content {
width: 60%; width: 60%;
font-size: 90%; font-size: 90%;
} }
/* line 491, ../sass/screen.scss */
/* line 512, ../sass/screen.scss */
#content #mentions p { #content #mentions p {
padding-bottom: 15px; padding-bottom: 15px;
} }
/* line 495, ../sass/screen.scss */
/* line 516, ../sass/screen.scss */
#content #mentions h2 { #content #mentions h2 {
color: black; color: black;
padding-bottom: 40px; padding-bottom: 40px;
line-height: 35px; line-height: 35px;
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
} }
/* line 503, ../sass/screen.scss */
/* line 524, ../sass/screen.scss */
#content #mentions h3 { #content #mentions h3 {
font-family: "comfortaaregular"; font-family: "comfortaaregular";
font-size: 18px; font-size: 18px;
color: black; color: black;
} }


/* line 514, ../sass/screen.scss */
/* line 535, ../sass/screen.scss */
.mentions #main, .mentions body { .mentions #main, .mentions body {
background-color: white; background-color: white;
} }


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


/* line 526, ../sass/screen.scss */
/* line 547, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label { #profil-user .form-group.field-user-no_mail label {
font-weight: normal; font-weight: normal;
} }
/* line 530, ../sass/screen.scss */
/* line 551, ../sass/screen.scss */
#profil-user .form-group label { #profil-user .form-group label {
cursor: pointer; cursor: pointer;
} }
/* line 535, ../sass/screen.scss */
/* line 556, ../sass/screen.scss */
#profil-user #mails-jours-prod .form-group { #profil-user #mails-jours-prod .form-group {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
} }
/* line 538, ../sass/screen.scss */
/* line 559, ../sass/screen.scss */
#profil-user #mails-jours-prod .form-group label { #profil-user #mails-jours-prod .form-group label {
font-weight: normal; font-weight: normal;
} }
/* line 544, ../sass/screen.scss */
/* line 565, ../sass/screen.scss */
#profil-user p.strong { #profil-user p.strong {
font-weight: bold; font-weight: bold;
} }


/* login */ /* login */
/* line 553, ../sass/screen.scss */
/* line 574, ../sass/screen.scss */
.site-login .col-lg-5 { .site-login .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;
} }


/* signup */ /* signup */
/* line 561, ../sass/screen.scss */
/* line 582, ../sass/screen.scss */
.modal-backdrop { .modal-backdrop {
z-index: -1; z-index: -1;
} }


/* line 566, ../sass/screen.scss */
/* line 587, ../sass/screen.scss */
.site-signup .col-lg-5 { .site-signup .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;
} }


/* line 576, ../sass/screen.scss */
/* line 597, ../sass/screen.scss */
#modal-cgv .modal-body h2 { #modal-cgv .modal-body h2 {
margin-bottom: 5px; margin-bottom: 5px;
padding-bottom: 0px; padding-bottom: 0px;
margin-top: 0px; margin-top: 0px;
} }


/* line 586, ../sass/screen.scss */
/* line 607, ../sass/screen.scss */
#form-signup #client-boulanger { #form-signup #client-boulanger {
margin-bottom: 30px; margin-bottom: 30px;
} }
/* line 591, ../sass/screen.scss */
/* line 612, ../sass/screen.scss */
#form-signup #signupform-id_etablissement option:disabled { #form-signup #signupform-id_etablissement option:disabled {
font-weight: bold; font-weight: bold;
color: black; color: black;
} }
/* line 597, ../sass/screen.scss */
/* line 618, ../sass/screen.scss */
#form-signup #champs-boulanger { #form-signup #champs-boulanger {
display: none; display: none;
} }
/* line 601, ../sass/screen.scss */
/* line 622, ../sass/screen.scss */
#form-signup #boutons-inscrire { #form-signup #boutons-inscrire {
margin-top: 30px; margin-top: 30px;
} }


/* line 606, ../sass/screen.scss */
/* line 627, ../sass/screen.scss */
#col-left { #col-left {
padding: 0px; padding: 0px;
z-index: 15; z-index: 15;
} }
/* line 610, ../sass/screen.scss */
/* line 631, ../sass/screen.scss */
#col-left .affix { #col-left .affix {
width: 25%; width: 25%;
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
background-color: #FAFAFA; background-color: #FAFAFA;
height: 100%; height: 100%;
} }
/* line 617, ../sass/screen.scss */
/* line 638, ../sass/screen.scss */
#col-left #link-home { #col-left #link-home {
text-decoration: none; text-decoration: none;
font-size: 22px; font-size: 22px;
padding: 10px; padding: 10px;
background-color: #F8F1DD; background-color: #F8F1DD;
} }
/* line 625, ../sass/screen.scss */
/* line 646, ../sass/screen.scss */
#col-left #link-home img { #col-left #link-home img {
height: 50px; height: 50px;
margin-bottom: 5px; margin-bottom: 5px;
float: left; float: left;
} }
/* line 631, ../sass/screen.scss */
/* line 652, ../sass/screen.scss */
#col-left #link-home .text { #col-left #link-home .text {
padding-left: 62px; padding-left: 62px;
} }
/* line 634, ../sass/screen.scss */
/* line 655, ../sass/screen.scss */
#col-left #link-home .text .bap { #col-left #link-home .text .bap {
font-family: "comfortaalight"; font-family: "comfortaalight";
font-size: 24px; font-size: 24px;
} }
/* line 639, ../sass/screen.scss */
/* line 660, ../sass/screen.scss */
#col-left #link-home .text .plateforme { #col-left #link-home .text .plateforme {
font-size: 17px; font-size: 17px;
font-family: "myriadpro-light"; font-family: "myriadpro-light";
color: #BB8757; color: #BB8757;
} }
/* line 647, ../sass/screen.scss */
/* line 668, ../sass/screen.scss */
#col-left h2 { #col-left h2 {
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
color: black; color: black;
margin-bottom: 10px; margin-bottom: 10px;
padding: 15px 0px 5px 15px; padding: 15px 0px 5px 15px;
} }
/* line 655, ../sass/screen.scss */
/* line 676, ../sass/screen.scss */
#col-left #links { #col-left #links {
background-color: white; background-color: white;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 661, ../sass/screen.scss */
/* line 682, ../sass/screen.scss */
#col-left #links ul li a { #col-left #links ul li a {
text-align: center; text-align: center;
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
} }
/* line 665, ../sass/screen.scss */
/* line 686, ../sass/screen.scss */
#col-left #links ul li a:hover { #col-left #links ul li a:hover {
background-color: #BB8757; background-color: #BB8757;
color: white; color: white;
} }
/* line 671, ../sass/screen.scss */
/* line 692, ../sass/screen.scss */
#col-left #links ul li:last-child a { #col-left #links ul li:last-child a {
border-right: 0px none; border-right: 0px none;
} }
/* line 681, ../sass/screen.scss */
/* line 702, ../sass/screen.scss */
#col-left #producteurs nav.nav-producteurs ul li a { #col-left #producteurs nav.nav-producteurs ul li a {
padding-left: 50px; padding-left: 50px;
height: 40px; height: 40px;
} }
/* line 687, ../sass/screen.scss */
/* line 708, ../sass/screen.scss */
#col-left #producteurs nav.nav-producteurs ul li.active a { #col-left #producteurs nav.nav-producteurs ul li.active a {
background-color: #BB8757; background-color: #BB8757;
position: relative; position: relative;
color: white; color: white;
} }
/* line 692, ../sass/screen.scss */
/* line 713, ../sass/screen.scss */
#col-left #producteurs nav.nav-producteurs ul li.active a:after { #col-left #producteurs nav.nav-producteurs ul li.active a:after {
right: -40px; right: -40px;
top: 50%; top: 50%;
border-width: 20px; border-width: 20px;
margin-top: -20px; margin-top: -20px;
} }
/* line 711, ../sass/screen.scss */
/* line 732, ../sass/screen.scss */
#col-left ul { #col-left ul {
list-style-type: none; list-style-type: none;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
/* line 715, ../sass/screen.scss */
/* line 736, ../sass/screen.scss */
#col-left ul li { #col-left ul li {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
/* line 718, ../sass/screen.scss */
/* line 739, ../sass/screen.scss */
#col-left ul li a { #col-left ul li a {
text-decoration: none; text-decoration: none;
font-family: "comfortaaregular"; font-family: "comfortaaregular";
display: block; display: block;
color: black; color: black;
} }
/* line 728, ../sass/screen.scss */
/* line 749, ../sass/screen.scss */
#col-left ul li a span.nom, #col-left ul li a span.libelle { #col-left ul li a span.nom, #col-left ul li a span.libelle {
display: none; display: none;
} }
/* line 735, ../sass/screen.scss */
/* line 756, ../sass/screen.scss */
#col-left p { #col-left p {
padding: 20px; padding: 20px;
padding-top: 0px;
color: gray; color: gray;
} }


/* line 741, ../sass/screen.scss */
.header-title {
/* line 764, ../sass/screen.scss */
#content .header-title {
height: 79px; height: 79px;
padding: 20px 20px; padding: 20px 20px;
position: fixed; position: fixed;
-webkit-box-shadow: 0px 0px 8px #e0e0e0; -webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0; box-shadow: 0px 0px 8px #e0e0e0;
} }
/* line 753, ../sass/screen.scss */
.header-title h1 {
/* line 776, ../sass/screen.scss */
#content .header-title h1 {
color: black; color: black;
font-family: "myriadpro-regular"; font-family: "myriadpro-regular";
margin: 0px; margin: 0px;
font-size: 30px;
font-size: 25px;
text-transform: uppercase;
}
/* line 784, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
font-size: 15px;
margin-top: 3px;
line-height: 20px;
} }


/* line 761, ../sass/screen.scss */
/* line 795, ../sass/screen.scss */
.header-etablissement { .header-etablissement {
z-index: 1; z-index: 1;
} }
/* line 763, ../sass/screen.scss */
/* line 797, ../sass/screen.scss */
.header-etablissement #block-main-img { .header-etablissement #block-main-img {
height: 144px; height: 144px;
overflow: hidden; overflow: hidden;
} }
/* line 767, ../sass/screen.scss */
/* line 801, ../sass/screen.scss */
.header-etablissement #block-main-img #main-img { .header-etablissement #block-main-img #main-img {
width: 100%; width: 100%;
height: auto; height: auto;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 776, ../sass/screen.scss */
/* line 810, ../sass/screen.scss */
.header-etablissement h1 { .header-etablissement h1 {
font-family: "comfortaaregular"; font-family: "comfortaaregular";
text-align: center; text-align: center;
top: 30px; top: 30px;
left: 40px; left: 40px;
} }
/* line 783, ../sass/screen.scss */
/* line 817, ../sass/screen.scss */
.header-etablissement h1 span { .header-etablissement h1 span {
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px; padding: 10px 30px;
border: dotted 1px black; border: dotted 1px black;
} }


/* line 794, ../sass/screen.scss */
/* line 828, ../sass/screen.scss */
nav#menu-etablissement { nav#menu-etablissement {
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
} }
/* line 798, ../sass/screen.scss */
/* line 832, ../sass/screen.scss */
nav#menu-etablissement ul li { nav#menu-etablissement ul li {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
/* line 801, ../sass/screen.scss */
/* line 835, ../sass/screen.scss */
nav#menu-etablissement ul li a { nav#menu-etablissement ul li a {
border-right: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0;
text-decoration: none; text-decoration: none;
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
/* line 806, ../sass/screen.scss */
/* line 840, ../sass/screen.scss */
nav#menu-etablissement ul li a:hover { nav#menu-etablissement ul li a:hover {
background-color: #BB8757; background-color: #BB8757;
color: white; color: white;

+ 66
- 32
frontend/web/sass/screen.scss View File



#content { #content {
#the-content { #the-content {
padding-top: 100px ;
padding-left: 30px ; padding-left: 30px ;
padding-right: 30px ; padding-right: 30px ;
padding-bottom: 50px ;
} }
} }


} }
#row-presentation { #row-presentation {
text-align: center ;
//text-align: center ;
h1 { h1 {
color: black ; color: black ;
} }
#row-signup { #row-signup {
text-align: center ; text-align: center ;
margin-top: 40px ; margin-top: 40px ;
padding-top: 40px ;
a.btn { a.btn {
padding: 13px 32px ;
font-size: 25px ;
padding: 10px 20px ;
font-size: 20px ;
text-transform: uppercase ;
}
a.btn-primary {
margin-right: 15px ;
} }
} }


#row-clients-boulanger { #row-clients-boulanger {
margin-bottom: 50px ; margin-bottom: 50px ;
text-align: center ;
h2 { h2 {
text-align: center ;
margin-bottom: 15px ;
padding-bottom: 0px ;
img {
height: 70px ;
margin-bottom: 60px ;
}
margin-bottom: 10px ;
.img {
height: 50px ;
}
span {
margin-left: 10px ;
font-size: 25px ;
position: relative ;
top: 5px ;
}
} }
ul { ul {
text-align: left ; text-align: left ;
margin-left: 20% ;
li { li {
list-style-type: circle ; list-style-type: circle ;
color: $color1 ; color: $color1 ;
} }
} }
#clients {
border-right: dotted 1px gray ;
p {
padding-bottom: 4px ;
} }
.boulanger { .boulanger {
.prix { .prix {
padding-top: 15px ; padding-top: 15px ;
font-size: 18px ; font-size: 18px ;
text-align: center ;
span { span {
color: $color1 ; color: $color1 ;
} }
#modal-tarifs { #modal-tarifs {
.commission {
text-align: center ;
font-size: 20px ;
text-transform: uppercase ;
margin-bottom: 20px ;
span {
padding: 10px 20px ;
border: solid 1px black ;
@include border-radius(10px) ;
}
}
.exemple { .exemple {
color: gray ; color: gray ;
} }
p { p {
padding: 20px ; padding: 20px ;
padding-top: 0px ;
color: gray ; color: gray ;
} }
} }


.header-title {
height: 79px ;
padding: 20px 20px ;
position: fixed ;
top: 0px ;
width: 100% ;
background-color: white ;
z-index: 10 ;
box-sizing: border-box ;
border-bottom: solid 1px #e0e0e0 ;
@include box-shadow(0px 0px 8px #e0e0e0) ;
h1 {
color: black ;
font-family: 'myriadpro-regular' ;
margin: 0px ;
font-size: 30px ;
#content {
.header-title {
height: 79px ;
padding: 20px 20px ;
position: fixed ;
top: 0px ;
width: 100% ;
background-color: white ;
z-index: 10 ;
box-sizing: border-box ;
border-bottom: solid 1px #e0e0e0 ;
@include box-shadow(0px 0px 8px #e0e0e0) ;

h1 {
color: black ;
font-family: 'myriadpro-regular' ;
margin: 0px ;
font-size: 25px ;
text-transform: uppercase ;
}

h2 {
color: gray ;
text-transform: none ;
font-size: 15px ;
margin-top: 3px ;
line-height: 20px ;
}
} }
} }



.header-etablissement { .header-etablissement {
z-index: 1 ; z-index: 1 ;
#block-main-img { #block-main-img {

Write Preview
Loading…
Cancel
Save