Laclic
/
Souke
Watch 5
Star 0
Fork 1
Code Issues 1 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

[Frontend] Page "À propos"

feature/souke
Guillaume Bourgeois 1 year ago
parent
e5a31723e7
commit
8eb6cc6374
5 changed files with 247 additions and 60 deletions
Unified View Show Diff Stats
  1. +5
    -0
      frontend/controllers/SiteController.php
  2. +3
    -3
      frontend/views/layouts/main.php
  3. +134
    -0
      frontend/views/site/about.php
  4. +76
    -57
      frontend/web/css/screen.css
  5. +29
    -0
      frontend/web/sass/screen.scss

+ 5
- 0
frontend/controllers/SiteController.php View File

]); ]);
} }


public function actionAbout()
{
return $this->render('about');
}

/** /**
* Liste les producteurs utilisant la plateforme. * Liste les producteurs utilisant la plateforme.
*/ */

+ 3
- 3
frontend/views/layouts/main.php View File

'options' => ['class' => 'nav nav-pills navbar-nav navbar-right'], 'options' => ['class' => 'nav nav-pills navbar-nav navbar-right'],
'items' => [ 'items' => [
[ [
'label' => '<span class="glyphicon glyphicon-home"></span> Présentation',
'label' => '<span class="glyphicon glyphicon-home"></span> Accueil',
'url' => $this->getUrlManager()->createUrl(['site/index']), 'url' => $this->getUrlManager()->createUrl(['site/index']),
'active' => $this->getControllerAction() == 'site/index', 'active' => $this->getControllerAction() == 'site/index',
'options' => ['id' => 'li-home'] 'options' => ['id' => 'li-home']
'active' => $this->getControllerAction() == 'site/producers', 'active' => $this->getControllerAction() == 'site/producers',
'options' => ['id' => 'li-producteurs'] 'options' => ['id' => 'li-producteurs']
], ],
/*[
[
'label' => '<span class="glyphicon glyphicon-info-sign"></span> À propos', 'label' => '<span class="glyphicon glyphicon-info-sign"></span> À propos',
'url' => $this->getUrlManager()->createUrl(['site/about']), 'url' => $this->getUrlManager()->createUrl(['site/about']),
'active' => $this->getControllerAction() == 'site/about', 'active' => $this->getControllerAction() == 'site/about',
'options' => ['id' => 'li-about'] 'options' => ['id' => 'li-about']
],*/
],
[ [
'label' => '<span class="glyphicon glyphicon-envelope"></span> Contact', 'label' => '<span class="glyphicon glyphicon-envelope"></span> Contact',
'url' => $this->getUrlManager()->createUrl(['site/contact']), 'url' => $this->getUrlManager()->createUrl(['site/contact']),

+ 134
- 0
frontend/views/site/about.php View File

<?php

/**
Copyright distrib (2018)

contact@opendistrib.net

Ce logiciel est un programme informatique servant à aider les producteurs
à distribuer leur production en circuits courts.

Ce logiciel est régi par la licence CeCILL soumise au droit français et
respectant les principes de diffusion des logiciels libres. Vous pouvez
utiliser, modifier et/ou redistribuer ce programme sous les conditions
de la licence CeCILL telle que diffusée par le CEA, le CNRS et l'INRIA
sur le site "http://www.cecill.info".

En contrepartie de l'accessibilité au code source et des droits de copie,
de modification et de redistribution accordés par cette licence, il n'est
offert aux utilisateurs qu'une garantie limitée. Pour les mêmes raisons,
seule une responsabilité restreinte pèse sur l'auteur du programme, le
titulaire des droits patrimoniaux et les concédants successifs.

A cet égard l'attention de l'utilisateur est attirée sur les risques
associés au chargement, à l'utilisation, à la modification et/ou au
développement et à la reproduction du logiciel par l'utilisateur étant
donné sa spécificité de logiciel libre, qui peut le rendre complexe à
manipuler et qui le réserve donc à des développeurs et des professionnels
avertis possédant des connaissances informatiques approfondies. Les
utilisateurs sont donc invités à charger et tester l'adéquation du
logiciel à leurs besoins dans des conditions permettant d'assurer la
sécurité de leurs systèmes et ou de leurs données et, plus généralement,
à l'utiliser et l'exploiter dans les mêmes conditions de sécurité.

Le fait que vous puissiez accéder à cet en-tête signifie que vous avez
pris connaissance de la licence CeCILL, et que vous en avez accepté les
termes.
*/

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use yii\captcha\Captcha;

$this->setTitle('À propos');
//$this->setMeta('description', 'À propos') ;

?>
<div class="site-about">
<h1 class="title-system-order">
<span class="glyphicon glyphicon-info-sign"></span>
<?= Html::encode($this->title) ?>
</h1>

<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean volutpat justo ac augue volutpat lobortis. Nulla facilisi. Cras sed justo et libero lobortis faucibus sed ac metus. Nulla lacinia sagittis maximus. In id euismod sapien, sed facilisis quam. Phasellus consectetur libero at dolor consequat, rutrum fermentum est laoreet. Quisque pellentesque risus nec augue bibendum venenatis. Suspendisse sagittis ultrices augue eu accumsan. Phasellus vehicula, odio eu auctor egestas, urna nisi tincidunt erat, sit amet semper dolor tellus a nulla.</p>
<p>Morbi aliquet non felis vel fermentum. Ut ultricies lacus in convallis laoreet. Vestibulum magna magna, sollicitudin sed urna ac, vulputate pharetra velit. Sed dictum enim in sodales finibus. Sed luctus porta turpis, at pulvinar dui tempus a. Proin dictum vitae erat quis dapibus. Praesent felis justo, bibendum nec turpis nec, scelerisque dignissim justo. Etiam vel mauris non ipsum feugiat laoreet. Nulla facilisi. Aliquam pellentesque, mauris et pretium pellentesque, diam neque hendrerit augue, auctor luctus turpis urna quis purus. Nam eu porttitor augue. Quisque varius velit enim, id interdum libero laoreet eu. Phasellus viverra dui arcu, vitae semper leo malesuada id. Fusce eros est, facilisis ut odio non, iaculis ornare mi. Pellentesque laoreet, lacus a commodo lobortis, nisl risus tincidunt nisl, sed scelerisque dolor tellus ac nulla.</p>
</div>
</div>
<div class="panel panel-default" id="few-numbers">
<div class="panel-heading">
<h2>Résumé en quelques chiffres</h2>
</div>
<div class="panel-body">
<?= few_numbers_item('35', 'Producteurs actifs'); ?>
<?= few_numbers_item('3000', 'Clients réguliers'); ?>
<?= few_numbers_item('250', 'Points de vente'); ?>
<?= few_numbers_item('150', 'Commandes clients / jour'); ?>
<?= few_numbers_item('150 000 €', 'Moyenne CA / mois'); ?>

<?= few_numbers_item('10 000', 'Visiteurs / mois'); ?>
<!-- https://statistiques.laclic.fr/?module=API&method=VisitsSummary.get&idSite=8&period=month&date=today&format=JSON&token_auth=35f48cd260340b4b20f67190faa27c5c -->

<?= few_numbers_item('4', 'Heures gagnées / semaine'); ?>

</div>
</div>
</div>

<!--<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<h2>Qui suis-je ?</h2>
</div>
<div class="panel-body">
<p>Parcours, compétences, histoire de la création du projet.</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2>Mes services</h2>
</div>
<div class="panel-body">
<p>Services proposés.</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2>Quelques chiffres</h2>
</div>
<div class="panel-body">
<p>Nombre de producteurs actifs, nombre de commandes clients par mois, cumul chiffre d'affaire producteurs</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2>Vision</h2>
</div>
<div class="panel-body">
<p>Explication de la vision du projet.</p>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h2>Transparence</h2>
</div>
<div class="panel-body">
<p>Modèle économique, CA des 3 derniers mois, charges.</p>
</div>
</div>
</div>-->
</div>

</div>


<?php

function few_numbers_item($number, $description) {
return '<div class="col-md-4 item"><div class="number">'.$number.'</div><div class="description">'.$description.'</div></div>';
}

?>

+ 76
- 57
frontend/web/css/screen.css View File

color: white; color: white;
} }


/* line 832, ../sass/screen.scss */
/* line 835, ../sass/screen.scss */
#content .site-about .panel .panel-heading h2 {
margin: 0px;
padding: 0px;
font-size: 25px;
}
/* line 844, ../sass/screen.scss */
#content .site-about #few-numbers .item {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
/* line 849, ../sass/screen.scss */
#content .site-about #few-numbers .item .number {
font-family: 'highvoltageregular';
font-weight: bold;
font-size: 50px;
}

/* line 861, ../sass/screen.scss */
#content #mentions { #content #mentions {
padding-top: 20px; padding-top: 20px;
} }
/* line 835, ../sass/screen.scss */
/* line 864, ../sass/screen.scss */
#content #mentions div.content { #content #mentions div.content {
width: 60%; width: 60%;
font-size: 90%; font-size: 90%;
} }
/* line 840, ../sass/screen.scss */
/* line 869, ../sass/screen.scss */
#content #mentions p { #content #mentions p {
padding-bottom: 15px; padding-bottom: 15px;
} }
/* line 844, ../sass/screen.scss */
/* line 873, ../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: 'highvoltageregular'; font-family: 'highvoltageregular';
} }
/* line 852, ../sass/screen.scss */
/* line 881, ../sass/screen.scss */
#content #mentions h3 { #content #mentions h3 {
font-family: "highvoltageregular"; font-family: "highvoltageregular";
font-size: 18px; font-size: 18px;
color: black; color: black;
} }


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


/* line 874, ../sass/screen.scss */
/* line 903, ../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 878, ../sass/screen.scss */
/* line 907, ../sass/screen.scss */
#profil-user .form-group label { #profil-user .form-group label {
cursor: pointer; cursor: pointer;
} }
/* line 883, ../sass/screen.scss */
/* line 912, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group { #profil-user #mails-days-distribution .form-group {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
} }
/* line 887, ../sass/screen.scss */
/* line 916, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label { #profil-user #mails-days-distribution .form-group label {
font-weight: normal; font-weight: normal;
} }
/* line 893, ../sass/screen.scss */
/* line 922, ../sass/screen.scss */
#profil-user p.strong { #profil-user p.strong {
font-weight: bold; font-weight: bold;
} }


/* login */ /* login */
/* line 903, ../sass/screen.scss */
/* line 932, ../sass/screen.scss */
.back-white, .site-login .col-lg-5, .site-signup .col-lg-5 { .back-white, .site-login .col-lg-5, .site-signup .col-lg-5 {
background-color: white; background-color: white;
padding: 30px; padding: 30px;
border-radius: 5px; border-radius: 5px;
} }


/* line 910, ../sass/screen.scss */
/* line 939, ../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 920, ../sass/screen.scss */
/* line 949, ../sass/screen.scss */
.modal-backdrop { .modal-backdrop {
z-index: 999; z-index: 999;
} }


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


/* line 935, ../sass/screen.scss */
/* line 964, ../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 945, ../sass/screen.scss */
/* line 974, ../sass/screen.scss */
#form-signup #user-producer { #form-signup #user-producer {
margin-bottom: 30px; margin-bottom: 30px;
} }
/* line 950, ../sass/screen.scss */
/* line 979, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled { #form-signup #signupform-id_producer option:disabled {
font-weight: bold; font-weight: bold;
color: black; color: black;
} }
/* line 956, ../sass/screen.scss */
/* line 985, ../sass/screen.scss */
#form-signup #champs-producer { #form-signup #champs-producer {
display: none; display: none;
} }
/* line 960, ../sass/screen.scss */
/* line 989, ../sass/screen.scss */
#form-signup #buttons-signup { #form-signup #buttons-signup {
margin-top: 30px; margin-top: 30px;
} }
/* line 964, ../sass/screen.scss */
/* line 993, ../sass/screen.scss */
#form-signup .field-signupform-is_test { #form-signup .field-signupform-is_test {
display: none; display: none;
} }


/* line 969, ../sass/screen.scss */
/* line 998, ../sass/screen.scss */
#col-left { #col-left {
padding: 0px; padding: 0px;
z-index: 15; z-index: 15;
} }
/* line 973, ../sass/screen.scss */
/* line 1002, ../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 980, ../sass/screen.scss */
/* line 1009, ../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: white; background-color: white;
} }
/* line 988, ../sass/screen.scss */
/* line 1017, ../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 994, ../sass/screen.scss */
/* line 1023, ../sass/screen.scss */
#col-left #link-home .text { #col-left #link-home .text {
padding-left: 62px; padding-left: 62px;
} }
/* line 997, ../sass/screen.scss */
/* line 1026, ../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 1002, ../sass/screen.scss */
/* line 1031, ../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: #F39C12; color: #F39C12;
} }
/* line 1010, ../sass/screen.scss */
/* line 1039, ../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 1018, ../sass/screen.scss */
/* line 1047, ../sass/screen.scss */
#col-left #links { #col-left #links {
background-color: white; background-color: white;
margin-bottom: 20px; margin-bottom: 20px;
} }
/* line 1024, ../sass/screen.scss */
/* line 1053, ../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 1028, ../sass/screen.scss */
/* line 1057, ../sass/screen.scss */
#col-left #links ul li a:hover { #col-left #links ul li a:hover {
background-color: #F39C12; background-color: #F39C12;
color: white; color: white;
} }
/* line 1034, ../sass/screen.scss */
/* line 1063, ../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 1044, ../sass/screen.scss */
/* line 1073, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a { #col-left #producers nav.nav-producers ul li a {
padding-left: 50px; padding-left: 50px;
height: 40px; height: 40px;
} }
/* line 1050, ../sass/screen.scss */
/* line 1079, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a { #col-left #producers nav.nav-producers ul li.active a {
background-color: #F39C12; background-color: #F39C12;
position: relative; position: relative;
color: white; color: white;
} }
/* line 1055, ../sass/screen.scss */
/* line 1084, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after { #col-left #producers nav.nav-producers 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 1074, ../sass/screen.scss */
/* line 1103, ../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 1079, ../sass/screen.scss */
/* line 1108, ../sass/screen.scss */
#col-left ul li { #col-left ul li {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
/* line 1083, ../sass/screen.scss */
/* line 1112, ../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 1093, ../sass/screen.scss */
/* line 1122, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording { #col-left ul li a span.name, #col-left ul li a span.wording {
display: none; display: none;
} }
/* line 1100, ../sass/screen.scss */
/* line 1129, ../sass/screen.scss */
#col-left p { #col-left p {
padding: 20px; padding: 20px;
padding-top: 0px; padding-top: 0px;
color: gray; color: gray;
} }


/* line 1108, ../sass/screen.scss */
/* line 1137, ../sass/screen.scss */
#content .header-title { #content .header-title {
height: 79px; height: 79px;
padding: 20px 20px; padding: 20px 20px;
-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 1120, ../sass/screen.scss */
/* line 1149, ../sass/screen.scss */
#content .header-title h1 { #content .header-title h1 {
color: black; color: black;
font-family: 'myriadpro-regular'; font-family: 'myriadpro-regular';
font-size: 25px; font-size: 25px;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 1128, ../sass/screen.scss */
/* line 1157, ../sass/screen.scss */
#content .header-title h2 { #content .header-title h2 {
color: gray; color: gray;
text-transform: none; text-transform: none;
line-height: 20px; line-height: 20px;
} }


/* line 1139, ../sass/screen.scss */
/* line 1168, ../sass/screen.scss */
.header-producer { .header-producer {
z-index: 1; z-index: 1;
} }
/* line 1142, ../sass/screen.scss */
/* line 1171, ../sass/screen.scss */
.header-producer #block-main-img { .header-producer #block-main-img {
height: 144px; height: 144px;
overflow: hidden; overflow: hidden;
} }
/* line 1146, ../sass/screen.scss */
/* line 1175, ../sass/screen.scss */
.header-producer #block-main-img #main-img { .header-producer #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 1155, ../sass/screen.scss */
/* line 1184, ../sass/screen.scss */
.header-producer h1 { .header-producer h1 {
font-family: 'comfortaaregular'; font-family: 'comfortaaregular';
text-align: center; text-align: center;
top: 30px; top: 30px;
left: 40px; left: 40px;
} }
/* line 1162, ../sass/screen.scss */
/* line 1191, ../sass/screen.scss */
.header-producer h1 span { .header-producer 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 1173, ../sass/screen.scss */
/* line 1202, ../sass/screen.scss */
nav#menu-producer { nav#menu-producer {
border-bottom: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;
} }
/* line 1177, ../sass/screen.scss */
/* line 1206, ../sass/screen.scss */
nav#menu-producer ul li { nav#menu-producer ul li {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
/* line 1181, ../sass/screen.scss */
/* line 1210, ../sass/screen.scss */
nav#menu-producer ul li a { nav#menu-producer 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 1186, ../sass/screen.scss */
/* line 1215, ../sass/screen.scss */
nav#menu-producer ul li a:hover { nav#menu-producer ul li a:hover {
background-color: #F39C12; background-color: #F39C12;
color: white; color: white;
} }


/* line 1196, ../sass/screen.scss */
/* line 1225, ../sass/screen.scss */
.site-contact .col-lg-5 { .site-contact .col-lg-5 {
margin: 0px auto; margin: 0px auto;
float: none; float: none;
} }
/* line 1201, ../sass/screen.scss */
/* line 1230, ../sass/screen.scss */
.site-contact #contact-phone { .site-contact #contact-phone {
font-family: 'capsuularegular'; font-family: 'capsuularegular';
font-size: 20px; font-size: 20px;
line-height: 25px; line-height: 25px;
} }


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


/* line 1217, ../sass/screen.scss */
/* line 1246, ../sass/screen.scss */
#contact-form .field-contactform-istest { #contact-form .field-contactform-istest {
display: none; display: none;
} }

+ 29
- 0
frontend/web/sass/screen.scss View File

} }
} }


#content .site-about {
.panel {
.panel-heading {
h2 {
margin: 0px;
padding: 0px;
font-size: 25px;
}
}
}

#few-numbers {
.item {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;

.number {
font-family: 'highvoltageregular';
font-weight: bold;
font-size: 50px;
}
.description {

}
}
}
}

#content #mentions { #content #mentions {
padding-top: 20px; padding-top: 20px;



Write Preview
Loading…
Cancel
Save