Parcourir la source

Ajout du téléphone sur la page de contact

refactoring
Guillaume Bourgeois il y a 5 ans
Parent
révision
bac959daea
3 fichiers modifiés avec 91 ajouts et 72 suppressions
  1. +9
    -1
      frontend/views/site/contact.php
  2. +76
    -70
      frontend/web/css/screen.css
  3. +6
    -1
      frontend/web/sass/screen.scss

+ 9
- 1
frontend/views/site/contact.php Voir le fichier

@@ -43,7 +43,7 @@ use yii\captcha\Captcha;
/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */

$this->title = 'Contact';
$this->title = 'Me contacter';
$this->params['breadcrumbs'][] = $this->title;
?>
<div class="site-contact">
@@ -54,6 +54,14 @@ $this->params['breadcrumbs'][] = $this->title;

<div class="row">
<div class="col-lg-5">
<h2>par téléphone</h2>
<p id="contact-phone">
Guillaume Bourgeois<br />
<span class="glyphicon glyphicon-phone"></span> 06 84 59 71 79
</p>
<h2>Par email</h2>
<?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
<?= $form->field($model, 'name') ?>
<?= $form->field($model, 'email') ?>

+ 76
- 70
frontend/web/css/screen.css Voir le fichier

@@ -549,14 +549,14 @@ ul li {
width: 300px;
}

/* line 553, ../sass/screen.scss */
/* line 552, ../sass/screen.scss */
#bookmarked-producers {
padding: 0px;
padding-top: 20px;
margin: 0px;
border-bottom: solid 1px #e0e0e0;
}
/* line 559, ../sass/screen.scss */
/* line 558, ../sass/screen.scss */
#bookmarked-producers h2 {
font-family: "highvoltageregular";
color: #323232;
@@ -567,23 +567,23 @@ ul li {
margin-left: 15px;
margin-bottom: 15px;
}
/* line 570, ../sass/screen.scss */
/* line 569, ../sass/screen.scss */
#bookmarked-producers .col-md-12, #bookmarked-producers .col-md-6, #bookmarked-producers .col-md-3 {
float: left;
}
/* line 574, ../sass/screen.scss */
/* line 573, ../sass/screen.scss */
#bookmarked-producers .col-md-12 .producer {
background-size: 920px auto;
}
/* line 577, ../sass/screen.scss */
/* line 576, ../sass/screen.scss */
#bookmarked-producers .col-md-6 .producer {
background-size: 460px auto;
}
/* line 581, ../sass/screen.scss */
/* line 580, ../sass/screen.scss */
#bookmarked-producers .col-md-3 .producer {
background-size: 230px auto;
}
/* line 585, ../sass/screen.scss */
/* line 584, ../sass/screen.scss */
#bookmarked-producers .producer {
position: relative;
height: 100px;
@@ -596,12 +596,12 @@ ul li {
border: solid 1px #e0e0e0;
background-color: white;
}
/* line 597, ../sass/screen.scss */
/* line 596, ../sass/screen.scss */
#bookmarked-producers .producer.logo-distrib-default {
background-size: auto 70px;
background-position: center 0px;
}
/* line 602, ../sass/screen.scss */
/* line 601, ../sass/screen.scss */
#bookmarked-producers .producer a {
position: absolute;
bottom: 0px;
@@ -614,28 +614,28 @@ ul li {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 612, ../sass/screen.scss */
/* line 611, ../sass/screen.scss */
#bookmarked-producers .producer a:hover {
background-color: #f57a00;
}
/* line 618, ../sass/screen.scss */
/* line 617, ../sass/screen.scss */
#bookmarked-producers #discover {
padding-bottom: 20px;
text-align: center;
}
/* line 622, ../sass/screen.scss */
/* line 621, ../sass/screen.scss */
#bookmarked-producers #discover p {
padding-bottom: 0px;
color: white;
}
/* line 627, ../sass/screen.scss */
/* line 626, ../sass/screen.scss */
#bookmarked-producers #discover .btn {
background-color: white;
color: #FF7F00;
border: solid 1px white;
}

/* line 636, ../sass/screen.scss */
/* line 635, ../sass/screen.scss */
#footer {
position: absolute;
bottom: 0px;
@@ -646,7 +646,7 @@ ul li {
background-color: white;
border-top: solid 1px #e0e0e0;
}
/* line 646, ../sass/screen.scss */
/* line 645, ../sass/screen.scss */
#footer a {
color: black;
font-family: "capsuularegular";
@@ -656,33 +656,33 @@ ul li {
padding-right: 10px;
border-right: solid 1px white;
}
/* line 655, ../sass/screen.scss */
/* line 654, ../sass/screen.scss */
#footer a:hover {
text-decoration: underline;
}
/* line 659, ../sass/screen.scss */
/* line 658, ../sass/screen.scss */
#footer a:last-child {
border: 0px none;
}
/* line 665, ../sass/screen.scss */
/* line 664, ../sass/screen.scss */
#footer #code-source img {
height: 20px;
}

/* line 671, ../sass/screen.scss */
/* line 670, ../sass/screen.scss */
#content #mentions {
padding-top: 20px;
}
/* line 674, ../sass/screen.scss */
/* line 673, ../sass/screen.scss */
#content #mentions div.content {
width: 60%;
font-size: 90%;
}
/* line 679, ../sass/screen.scss */
/* line 678, ../sass/screen.scss */
#content #mentions p {
padding-bottom: 15px;
}
/* line 683, ../sass/screen.scss */
/* line 682, ../sass/screen.scss */
#content #mentions h2 {
color: black;
padding-bottom: 40px;
@@ -690,7 +690,7 @@ ul li {
line-height: 35px;
font-family: "highvoltageregular";
}
/* line 691, ../sass/screen.scss */
/* line 690, ../sass/screen.scss */
#content #mentions h3 {
font-family: "highvoltageregular";
font-size: 18px;
@@ -699,35 +699,35 @@ ul li {
color: black;
}

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

/* line 713, ../sass/screen.scss */
/* line 712, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label {
font-weight: normal;
}
/* line 717, ../sass/screen.scss */
/* line 716, ../sass/screen.scss */
#profil-user .form-group label {
cursor: pointer;
}
/* line 722, ../sass/screen.scss */
/* line 721, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group {
float: left;
margin-right: 15px;
}
/* line 725, ../sass/screen.scss */
/* line 724, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label {
font-weight: normal;
}
/* line 731, ../sass/screen.scss */
/* line 730, ../sass/screen.scss */
#profil-user p.strong {
font-weight: bold;
}

/* login */
/* line 742, ../sass/screen.scss */
/* line 741, ../sass/screen.scss */
.site-login .col-lg-5 {
margin: 0px auto;
float: none;
@@ -735,19 +735,19 @@ ul li {
}

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

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

/* line 765, ../sass/screen.scss */
/* line 764, ../sass/screen.scss */
#modal-cgv .modal-body h2 {
margin-bottom: 5px;
padding-bottom: 0px;
@@ -755,37 +755,37 @@ ul li {
margin-top: 0px;
}

/* line 775, ../sass/screen.scss */
/* line 774, ../sass/screen.scss */
#form-signup #user-producer {
margin-bottom: 30px;
}
/* line 780, ../sass/screen.scss */
/* line 779, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled {
font-weight: bold;
color: black;
}
/* line 786, ../sass/screen.scss */
/* line 785, ../sass/screen.scss */
#form-signup #champs-producer {
display: none;
}
/* line 790, ../sass/screen.scss */
/* line 789, ../sass/screen.scss */
#form-signup #buttons-signup {
margin-top: 30px;
}

/* line 795, ../sass/screen.scss */
/* line 794, ../sass/screen.scss */
#col-left {
padding: 0px;
z-index: 15;
}
/* line 799, ../sass/screen.scss */
/* line 798, ../sass/screen.scss */
#col-left .affix {
width: 25%;
border-right: solid 1px #e0e0e0;
background-color: #FAFAFA;
height: 100%;
}
/* line 806, ../sass/screen.scss */
/* line 805, ../sass/screen.scss */
#col-left #link-home {
text-decoration: none;
font-size: 22px;
@@ -794,28 +794,28 @@ ul li {
padding: 10px;
background-color: white;
}
/* line 814, ../sass/screen.scss */
/* line 813, ../sass/screen.scss */
#col-left #link-home img {
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 820, ../sass/screen.scss */
/* line 819, ../sass/screen.scss */
#col-left #link-home .text {
padding-left: 62px;
}
/* line 823, ../sass/screen.scss */
/* line 822, ../sass/screen.scss */
#col-left #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 828, ../sass/screen.scss */
/* line 827, ../sass/screen.scss */
#col-left #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #FF7F00;
}
/* line 836, ../sass/screen.scss */
/* line 835, ../sass/screen.scss */
#col-left h2 {
font-family: "myriadpro-regular";
color: black;
@@ -823,37 +823,37 @@ ul li {
margin-bottom: 10px;
padding: 15px 0px 5px 15px;
}
/* line 844, ../sass/screen.scss */
/* line 843, ../sass/screen.scss */
#col-left #links {
background-color: white;
margin-bottom: 20px;
}
/* line 850, ../sass/screen.scss */
/* line 849, ../sass/screen.scss */
#col-left #links ul li a {
text-align: center;
border-right: solid 1px #e0e0e0;
}
/* line 854, ../sass/screen.scss */
/* line 853, ../sass/screen.scss */
#col-left #links ul li a:hover {
background-color: #FF7F00;
color: white;
}
/* line 860, ../sass/screen.scss */
/* line 859, ../sass/screen.scss */
#col-left #links ul li:last-child a {
border-right: 0px none;
}
/* line 870, ../sass/screen.scss */
/* line 869, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a {
padding-left: 50px;
height: 40px;
}
/* line 876, ../sass/screen.scss */
/* line 875, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a {
background-color: #FF7F00;
position: relative;
color: white;
}
/* line 881, ../sass/screen.scss */
/* line 880, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after {
right: -40px;
top: 50%;
@@ -868,18 +868,18 @@ ul li {
border-width: 20px;
margin-top: -20px;
}
/* line 900, ../sass/screen.scss */
/* line 899, ../sass/screen.scss */
#col-left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* line 904, ../sass/screen.scss */
/* line 903, ../sass/screen.scss */
#col-left ul li {
margin: 0px;
padding: 0px;
}
/* line 907, ../sass/screen.scss */
/* line 906, ../sass/screen.scss */
#col-left ul li a {
text-decoration: none;
font-family: "comfortaaregular";
@@ -890,18 +890,18 @@ ul li {
display: block;
color: black;
}
/* line 917, ../sass/screen.scss */
/* line 916, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording {
display: none;
}
/* line 924, ../sass/screen.scss */
/* line 923, ../sass/screen.scss */
#col-left p {
padding: 20px;
padding-top: 0px;
color: gray;
}

/* line 932, ../sass/screen.scss */
/* line 931, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -916,7 +916,7 @@ ul li {
-webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0;
}
/* line 944, ../sass/screen.scss */
/* line 943, ../sass/screen.scss */
#content .header-title h1 {
color: black;
font-family: "myriadpro-regular";
@@ -924,7 +924,7 @@ ul li {
font-size: 25px;
text-transform: uppercase;
}
/* line 952, ../sass/screen.scss */
/* line 951, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -933,16 +933,16 @@ ul li {
line-height: 20px;
}

/* line 963, ../sass/screen.scss */
/* line 962, ../sass/screen.scss */
.header-producer {
z-index: 1;
}
/* line 965, ../sass/screen.scss */
/* line 964, ../sass/screen.scss */
.header-producer #block-main-img {
height: 144px;
overflow: hidden;
}
/* line 969, ../sass/screen.scss */
/* line 968, ../sass/screen.scss */
.header-producer #block-main-img #main-img {
width: 100%;
height: auto;
@@ -952,7 +952,7 @@ ul li {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 978, ../sass/screen.scss */
/* line 977, ../sass/screen.scss */
.header-producer h1 {
font-family: "comfortaaregular";
text-align: center;
@@ -960,23 +960,23 @@ ul li {
top: 30px;
left: 40px;
}
/* line 985, ../sass/screen.scss */
/* line 984, ../sass/screen.scss */
.header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px;
border: dotted 1px black;
}

/* line 996, ../sass/screen.scss */
/* line 995, ../sass/screen.scss */
nav#menu-producer {
border-bottom: solid 1px #e0e0e0;
}
/* line 1000, ../sass/screen.scss */
/* line 999, ../sass/screen.scss */
nav#menu-producer ul li {
padding: 0px;
margin: 0px;
}
/* line 1003, ../sass/screen.scss */
/* line 1002, ../sass/screen.scss */
nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0;
text-decoration: none;
@@ -984,17 +984,23 @@ nav#menu-producer ul li a {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 1008, ../sass/screen.scss */
/* line 1007, ../sass/screen.scss */
nav#menu-producer ul li a:hover {
background-color: #FF7F00;
color: white;
}

/* line 1018, ../sass/screen.scss */
/* line 1017, ../sass/screen.scss */
.site-contact .col-lg-5 {
margin: 0px auto;
float: none;
}
/* line 1022, ../sass/screen.scss */
.site-contact #contact-phone {
font-family: "capsuularegular";
font-size: 20px;
line-height: 25px;
}

/**
Copyright distrib (2018)

+ 6
- 1
frontend/web/sass/screen.scss Voir le fichier

@@ -547,7 +547,6 @@ ul {
width: 300px ;
}
}
}

#bookmarked-producers {
@@ -1019,6 +1018,12 @@ nav#menu-producer {
margin: 0px auto ;
float: none ;
}
#contact-phone {
font-family: 'capsuularegular' ;
font-size: 20px ;
line-height: 25px ;
}
}

@import "_order_system.scss" ;

Chargement…
Annuler
Enregistrer