Page d'accueil front : ajout d'un lien vers l'espace de démo et finalisation avant communication

frontend/views/site/index.php

@@ -23,7 +23,7 @@ $this->title = 'Plateforme de réservation de pain';
 	<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 de pain</strong></p>
+                <p><strong>Plateforme de réservation</strong></p>
                 <div class="clr"></div>
             </div>
 	</div>
@@ -39,8 +39,8 @@ $this->title = 'Plateforme de réservation de pain';
                 dans votre boulangerie ou dans un dépôt près de chez vous.</em></p>
                 
                 <ul>
-                    <li>Moyen simple de commander</li>
                     <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>
                 
@@ -71,7 +71,8 @@ $this->title = 'Plateforme de réservation de pain';
         <?php if(Yii::$app->user->isGuest): ?>
         <div class="row" id="row-signup">
             <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>
-        </div>
+            <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>;
+        </div> 
         <?php endif; ?>
     </div>
 </div>
@@ -133,7 +134,7 @@ $this->title = 'Plateforme de réservation de pain';
                         <td>&gt;= 500 €</td>
                         <td>
                             <strong>2 %</strong> du chiffre d'affaire TTC<br />
-                            <div class="exemple">Exemple : si pour un mois donné, vous avez comptabilisé <em>2500 € TTC</em> de chiffre d'affaire, 
+                            <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>
                         </td>
                     </tr>

frontend/web/css/screen.css

@@ -335,47 +335,49 @@ ul li {
 }
 /* line 309, ../sass/screen.scss */
 #content #row-clients-boulanger ul {
-  text-align: center;
+  text-align: left;
+  margin-left: 20%;
 }
-/* line 311, ../sass/screen.scss */
+/* line 312, ../sass/screen.scss */
 #content #row-clients-boulanger ul li {
-  list-style-type: none;
+  list-style-type: circle;
   color: #BB8757;
 }
-/* line 317, ../sass/screen.scss */
+/* line 318, ../sass/screen.scss */
 #content #row-clients-boulanger #clients {
   border-right: dotted 1px gray;
 }
-/* line 323, ../sass/screen.scss */
+/* line 324, ../sass/screen.scss */
 #content #row-clients-boulanger .boulanger .prix span {
   background-color: #F8F1DD;
 }
-/* line 326, ../sass/screen.scss */
+/* line 327, ../sass/screen.scss */
 #content #row-clients-boulanger .boulanger .prix span a {
   color: #BB8757;
   text-decoration: none;
 }
-/* line 334, ../sass/screen.scss */
+/* line 335, ../sass/screen.scss */
 #content #row-clients-boulanger .prix {
   padding-top: 15px;
   font-size: 18px;
   text-align: center;
 }
-/* line 339, ../sass/screen.scss */
+/* line 340, ../sass/screen.scss */
 #content #row-clients-boulanger .prix span {
   color: #BB8757;
   border: solid 1px #BB8757;
   font-weight: normal;
-  font-size: 22px;
+  font-size: 18px;
   font-family: "comfortaaregular";
   font-family: "myriadpro-regular";
-  padding: 5px 10px;
-  padding-bottom: 3px;
+  text-transform: uppercase;
+  padding: 10px 15px;
+  padding-bottom: 7px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
 }
-/* line 353, ../sass/screen.scss */
+/* line 355, ../sass/screen.scss */
 #content #row-clients-boulanger #periode-essai {
   margin-top: 8px;
   text-align: center;
@@ -383,46 +385,50 @@ ul li {
   color: gray;
   font-family: "comfortaaregular";
 }
-/* line 363, ../sass/screen.scss */
+/* line 365, ../sass/screen.scss */
+#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
+  color: black;
+}
+/* line 371, ../sass/screen.scss */
 #content #modal-tarifs .exemple {
   color: gray;
 }
 
-/* line 370, ../sass/screen.scss */
+/* line 378, ../sass/screen.scss */
 #content #contact {
   display: none;
 }
-/* line 374, ../sass/screen.scss */
+/* line 382, ../sass/screen.scss */
 #content #contact .icon {
   width: 55px;
   top: -15px;
   margin-left: -70px;
 }
-/* line 383, ../sass/screen.scss */
+/* line 391, ../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 388, ../sass/screen.scss */
+/* line 396, ../sass/screen.scss */
 #content #contact .form-group {
   text-align: center;
 }
-/* line 392, ../sass/screen.scss */
+/* line 400, ../sass/screen.scss */
 #content #contact .img-right {
   float: right;
 }
-/* line 395, ../sass/screen.scss */
+/* line 403, ../sass/screen.scss */
 #content #contact .img-right img {
   width: 300px;
 }
 
-/* line 402, ../sass/screen.scss */
+/* line 410, ../sass/screen.scss */
 .form-control:focus {
   /*@include box-shadow(0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px $jaune) ;
   border-color: $jaune ;*/
 }
 
-/* line 407, ../sass/screen.scss */
+/* line 415, ../sass/screen.scss */
 #footer {
   position: absolute;
   bottom: 0px;
@@ -435,7 +441,7 @@ ul li {
   padding-top: 30px;
   padding-bottom: 60px;
 }
-/* line 421, ../sass/screen.scss */
+/* line 429, ../sass/screen.scss */
 #footer a {
   font-family: "myriadpro-regular";
   color: #7e7e7e;
@@ -448,29 +454,29 @@ ul li {
   border-right: solid 1px #7e7e7e;
   border-right: solid 1px white;
 }
-/* line 432, ../sass/screen.scss */
+/* line 440, ../sass/screen.scss */
 #footer a:hover {
   color: gray;
 }
-/* line 436, ../sass/screen.scss */
+/* line 444, ../sass/screen.scss */
 #footer a:last-child {
   border: 0px none;
 }
 
-/* line 442, ../sass/screen.scss */
+/* line 450, ../sass/screen.scss */
 #content #mentions {
   padding-top: 20px;
 }
-/* line 445, ../sass/screen.scss */
+/* line 453, ../sass/screen.scss */
 #content #mentions div.content {
   width: 60%;
   font-size: 90%;
 }
-/* line 450, ../sass/screen.scss */
+/* line 458, ../sass/screen.scss */
 #content #mentions p {
   padding-bottom: 15px;
 }
-/* line 454, ../sass/screen.scss */
+/* line 462, ../sass/screen.scss */
 #content #mentions h2 {
   color: black;
   padding-bottom: 40px;
@@ -478,7 +484,7 @@ ul li {
   line-height: 35px;
   font-family: "myriadpro-regular";
 }
-/* line 462, ../sass/screen.scss */
+/* line 470, ../sass/screen.scss */
 #content #mentions h3 {
   font-family: "comfortaaregular";
   font-size: 18px;
@@ -487,58 +493,58 @@ ul li {
   color: black;
 }
 
-/* line 473, ../sass/screen.scss */
+/* line 481, ../sass/screen.scss */
 .mentions #main, .mentions body {
   background-color: white;
 }
 
-/* line 478, ../sass/screen.scss */
+/* line 486, ../sass/screen.scss */
 .vegas-loading {
   display: none;
 }
 
-/* line 485, ../sass/screen.scss */
+/* line 493, ../sass/screen.scss */
 #profil-user .form-group.field-user-no_mail label {
   font-weight: normal;
 }
-/* line 489, ../sass/screen.scss */
+/* line 497, ../sass/screen.scss */
 #profil-user .form-group label {
   cursor: pointer;
 }
-/* line 494, ../sass/screen.scss */
+/* line 502, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group {
   float: left;
   margin-right: 15px;
 }
-/* line 497, ../sass/screen.scss */
+/* line 505, ../sass/screen.scss */
 #profil-user #mails-jours-prod .form-group label {
   font-weight: normal;
 }
-/* line 503, ../sass/screen.scss */
+/* line 511, ../sass/screen.scss */
 #profil-user p.strong {
   font-weight: bold;
 }
 
 /* login */
-/* line 512, ../sass/screen.scss */
+/* line 520, ../sass/screen.scss */
 .site-login .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
 /* signup */
-/* line 520, ../sass/screen.scss */
+/* line 528, ../sass/screen.scss */
 .modal-backdrop {
   z-index: -1;
 }
 
-/* line 525, ../sass/screen.scss */
+/* line 533, ../sass/screen.scss */
 .site-signup .col-lg-5 {
   margin: 0px auto;
   float: none;
 }
 
-/* line 535, ../sass/screen.scss */
+/* line 543, ../sass/screen.scss */
 #modal-cgv .modal-body h2 {
   margin-bottom: 5px;
   padding-bottom: 0px;
@@ -546,20 +552,20 @@ ul li {
   margin-top: 0px;
 }
 
-/* line 545, ../sass/screen.scss */
+/* line 553, ../sass/screen.scss */
 #form-signup #client-boulanger {
   margin-bottom: 30px;
 }
-/* line 550, ../sass/screen.scss */
+/* line 558, ../sass/screen.scss */
 #form-signup #signupform-id_etablissement option:disabled {
   font-weight: bold;
   color: black;
 }
-/* line 556, ../sass/screen.scss */
+/* line 564, ../sass/screen.scss */
 #form-signup #champs-boulanger {
   display: none;
 }
-/* line 560, ../sass/screen.scss */
+/* line 568, ../sass/screen.scss */
 #form-signup #boutons-inscrire {
   margin-top: 30px;
 }

frontend/web/sass/screen.scss

@@ -307,9 +307,10 @@ ul {
             }
             
             ul {
-                text-align: center ;
+                text-align: left ;
+                margin-left: 20% ;
                 li {
-                    list-style-type: none ;
+                    list-style-type: circle ;
                     color: $color1 ;
                 }
             }
@@ -341,11 +342,12 @@ ul {
                     //background-color: $color2 ;
                     border: solid 1px $color1 ;
                     font-weight: normal ;
-                    font-size: 22px ;
+                    font-size: 18px ;
                     font-family: 'comfortaaregular' ;
                     font-family: 'myriadpro-regular' ;
-                    padding: 5px 10px ;
-                    padding-bottom: 3px ;
+                    text-transform: uppercase ;
+                    padding: 10px 15px ;
+                    padding-bottom: 7px ;
                     @include border-radius(5px) ;
                 }
             }
@@ -359,6 +361,12 @@ ul {
             }
         }
         
+        #btn-demo {
+            &:hover, &:focus, &:active {
+                color: black ;
+            }
+        }
+        
         #modal-tarifs {
             .exemple {
                 color: gray ;