Browse Source

[frontend] Peauffinage accueil frontend

refactoring
Guillaume Bourgeois 5 years ago
parent
commit
2f05b8fb60
4 changed files with 362 additions and 303 deletions
  1. +107
    -79
      frontend/views/site/index.php
  2. +202
    -189
      frontend/web/css/screen.css
  3. BIN
      frontend/web/img/idea.png
  4. +53
    -35
      frontend/web/sass/screen.scss

+ 107
- 79
frontend/views/site/index.php View File

?> ?>


<div id="presentation"> <div id="presentation">
<div id="row-presentation-distrib">
<h2>
<span><span class="glyphicon glyphicon-chevron-right"></span>Un outil web libre de gestion de commandes<br />pour les producteurs en vente directe.</span>
</h2>
<div id="presentation-distrib">
<h2><span>Un logiciel libre de gestion de commandes<br />
pour les producteurs en vente directe.</span></h2>
</div> </div>
<div class="row" id="row-users-producers"> <div class="row" id="row-users-producers">
<div class="col-md-6 producer"> <div class="col-md-6 producer">
<h2>
<img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/cagette.png" id="img-producer" />
<span>Producteurs</span>
</h2>
<p class="presentation">Simplifiez la gestion de vos commandes avec des outils adaptés.</p>
<?php if(Yii::$app->user->isGuest): ?>
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/signup']) ; ?>"><span class="glyphicon glyphicon-user"></span> Je crée mon compte</a>
<a class="btn btn-default" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/contact']) ; ?>"><span class="glyphicon glyphicon-info-sign"></span> J'ai besoin d'informations complémentaires</a>
<?php endif; ?>
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/cagette.png" id="img-producer" />
<span class="the-title">Producteurs</span>
</h2>
</div>
<div class="panel-body">
<p class="presentation">Simplifiez la gestion de vos commandes avec des outils adaptés.</p>
<?php if(Yii::$app->user->isGuest): ?>
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/signup']) ; ?>"><span class="glyphicon glyphicon-user"></span> Je crée mon compte</a>
<a class="btn btn-default" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/contact']) ; ?>"><span class="glyphicon glyphicon-info-sign"></span> J'ai besoin d'informations complémentaires</a>
<?php endif; ?>
</div>
</div>
</div> </div>
<div class="col-md-6" id="users">
<h2>
<img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/users.png" id="img-users" />
<span>Clients</span>
</h2>
<p class="presentation">Réservez vos produits en ligne et récupérez votre commande
chez votre producteur ou dans un dépôt près de chez vous.</p>
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/producers']) ; ?>"><span class="glyphicon glyphicon-search"></span> Je recherche un producteur</a>
<div class="col-md-6 users">
<div class="panel panel-default">
<div class="panel-heading">
<h2 class="panel-title">
<img class="img" src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/users.png" id="img-users" />
<span class="the-title">Clients</span>
</h2>
</div>
<div class="panel-body">
<p class="presentation">Réservez vos produits en ligne et récupérez votre commande
chez votre producteur ou dans un dépôt près de chez vous.</p>
<a class="btn btn-primary" href="<?= Yii::$app->urlManagerFrontend->createUrl(['site/producers']) ; ?>"><span class="glyphicon glyphicon-search"></span> Je recherche un producteur</a>
</div>
</div>
</div> </div>
</div> </div>
<?php if(Yii::$app->user->isGuest && YII_ENV == 'demo'): ?> <?php if(Yii::$app->user->isGuest && 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> <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>
</div> </div>
<?php endif; ?> <?php endif; ?>
<div class="col-md-6" id="row-functionalities"> <div class="col-md-6" id="row-functionalities">
<h2><span class="glyphicon glyphicon-cog"></span> Fonctionnalités</h2>
<div class="block block-order col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/order.png" />
<p>Prise de commande en ligne automatisée avec génération d'un récapitulatif par jour de distribution.</p>
<div class="clr"></div>
</div>
<div class="block block-payment col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/payment.png" />
<p>Système de crédit permettant la comptabilisation des paiements.</p>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="block block-points-sale-products col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/map-marker.png" />
<p>Gestion des différents points de vente et produits.</p>
<div class="clr"></div>
</div>
<div class="block block-subscriptions col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/subscription.png" />
<p>Gestion des abonnement.</p>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="block block-communication col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/megaphone.png" />
<p>Communication simplifiée avec les clients.</p>
<div class="clr"></div>
</div>
<div class="block block-evolution col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/fist.png" />
<p><a href="<?= Yii::$app->urlManager->createUrl(['site/contact']) ?>">Proposez-nous</a> vos idées afin de faire évoluer l'outil !</p>
<div class="clr"></div>
<div class="panel panel-default">
<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">
<div class="block block-order col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/order.png" />
<p>Prise de commande en ligne automatisée avec génération d'un récapitulatif par jour de distribution.</p>
<div class="clr"></div>
</div>
<div class="block block-payment col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/payment.png" />
<p>Système de crédit permettant la comptabilisation des paiements.</p>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="block block-points-sale-products col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/map-marker.png" />
<p>Gestion des différents points de vente et produits.</p>
<div class="clr"></div>
</div>
<div class="block block-subscriptions col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/subscription.png" />
<p>Gestion des abonnement.</p>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="block block-communication col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/megaphone.png" />
<p>Communication simplifiée avec les clients.</p>
<div class="clr"></div>
</div>
<div class="block block-evolution col-md-6">
<img src="<?= Yii::$app->urlManager->getBaseUrl(); ?>/img/idea.png" />
<p><a href="<?= Yii::$app->urlManager->createUrl(['site/contact']) ?>">Proposez-nous</a> vos idées afin de faire évoluer l'outil !</p>
<div class="clr"></div>
</div>
</div>
</div> </div>
</div> </div>
<div class="col-md-6" id="row-rates"> <div class="col-md-6" id="row-rates">
<h2><span class="glyphicon glyphicon-euro"></span> Tarifs</h2>
<table class="table table-bordered">
<thead>
<tr>
<th colspan="2">Producteurs</th>
<th>Clients</th>
</tr>
</thead>
<tbody>
<tr>
<td>Abonnement mensuel</td>
<td><strong>Prix libre</strong></td>
<td><strong>Gratuit</strong></td>
</tr>
<tr>
<td>Formation & aide à la mise en place</td>
<td><strong>30 € HT / heure</strong></td>
<td>Possibilité de don<br />lors de la commande</td>
</tr>
<tr>
<td>Développement spécifique</td>
<td><strong>Sur devis</strong></td>
<td></td>
</tr>
</tbody>
</table>
<div class="panel panel-default">
<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">
<table class="table table-bordered">
<thead>
<tr>
<th colspan="2">Producteurs</th>
<th>Clients</th>
</tr>
</thead>
<tbody>
<tr>
<td>Abonnement mensuel</td>
<td><strong>Prix libre</strong></td>
<td><strong>Gratuit</strong></td>
</tr>
<tr>
<td>Formation & aide à la mise en place</td>
<td><strong>30 € HT / heure</strong></td>
<td>Possibilité de don<br />lors de la commande</td>
</tr>
<tr>
<td>Développement spécifique</td>
<td><strong>Sur devis</strong></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</div> </div>
<div class="clr"></div> <div class="clr"></div>
</div> </div>

+ 202
- 189
frontend/web/css/screen.css
File diff suppressed because it is too large
View File


BIN
frontend/web/img/idea.png View File

Before After
Width: 398  |  Height: 457  |  Size: 7.7KB

+ 53
- 35
frontend/web/sass/screen.scss View File

margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f7f7f7 ; background-color: #f7f7f7 ;
//background-color: #FFF8DC ;
} }


strong { strong {
} }
} }
#presentation-distrib {
display: none ;
float: left ;
width: 300px ;
margin-top: 20px ;
margin-left: 20px ;
text-align: left ;
font-family: 'capsuularegular' ;
font-size: 18px ;
line-height: 20px ;
}
#link-space-producer { #link-space-producer {
border-left: solid 1px #e0e0e0 ; border-left: solid 1px #e0e0e0 ;
color: $color1 ; color: $color1 ;
float: right ; float: right ;
padding: 0px ; padding: 0px ;
margin: 0px ; margin: 0px ;
margin-top: 18px ;
li { li {
padding: 0px ; padding: 0px ;
display: block ; display: block ;
text-decoration: none ; text-decoration: none ;
background-color: transparent ; background-color: transparent ;
padding: 30px 20px ;
padding: 10px 15px ;
margin: 0px ; margin: 0px ;
border-right: solid 1px #e0e0e0 ;
font-family: 'capsuularegular' ; font-family: 'capsuularegular' ;
color: black ; color: black ;
font-size: 18px ; font-size: 18px ;
@include border-radius(0px) ;
@include border-radius(5px) ;
@include box-shadow(none) ; @include box-shadow(none) ;
span { span {
} }
&#li-home a { &#li-home a {
border-left: solid 1px #e0e0e0 ;
} }
&.active { &.active {
color: $courant ; color: $courant ;
} }
.panel {
.panel-heading {
h2.panel-title {
margin: 0px ;
padding: 0px ;
}
}
}
#description { #description {
img { img {
width: 100% ; width: 100% ;
} }
} }
#row-presentation-distrib {
border-bottom: solid 1px #e0e0e0 ;
.glyphicon-chevron-right {
color: gray ;
margin-right: 8px ;
font-size: 18px ;
position: relative ;
top: -1px ;
}
#presentation-distrib {
h2 { h2 {
font-family: 'capsuularegular' ; font-family: 'capsuularegular' ;
text-align: center ;
text-align: left ;
margin-top: 0px ; margin-top: 0px ;
text-transform: none ; text-transform: none ;
color: $color1 ;
font-weight: bold ;
span {
}
} }
} }
#row-users-producers {
#row-users-producers,
#row-functionalities,
#row-rates {
div.producer, div.users { div.producer, div.users {
margin-bottom: 50px ;
} }
padding-top: 30px ;
div.producer {
.btn-primary {
margin-bottom: 5px ;
}
}
h2 { h2 {
text-align: left ; text-align: left ;
margin-bottom: 10px ;
margin-top: 0px ; margin-top: 0px ;
.img {
height: 35px ;
padding-bottom: 0px ;
margin-bottom: 0px ;
.img {
height: 20px ;
} }
span {
.glyphicon {
font-size: 20px ;
}
span.the-title {
margin-left: 10px ; margin-left: 10px ;
font-size: 25px ;
font-size: 20px ;
position: relative ; position: relative ;
top: 5px ;
top: 0px ;
text-transform: uppercase ;
} }
} }
p { p {
padding-bottom: 4px ; padding-bottom: 4px ;
} }
.table {
td {
border-color: $color1 ;
color: $color1 ;
text-align: center ;
}
}
.btn-primary {
}
} }
#row-functionalities { #row-functionalities {

Loading…
Cancel
Save