Laclic
/
Souke
Volgen 5
Ster 0
Vork 1
Code Kwesties 1 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

[Site] Amélioration contenu de présentation du logiciel #1214

feature/souke
Guillaume Bourgeois 1 jaar geleden
bovenliggende
15c1a1777c
commit
52bb53cafa
5 gewijzigde bestanden met toevoegingen van 251 en 131 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. +4
    -4
      frontend/views/site/index.php
  2. +6
    -1
      frontend/views/site/service.php
  3. +145
    -126
      frontend/web/css/screen.css
  4. +71
    -0
      frontend/web/js/frontend.js
  5. +25
    -0
      frontend/web/sass/screen.scss

+ 4
- 4
frontend/views/site/index.php Bestand weergeven

@@ -54,8 +54,8 @@ $this->setMeta('description', 'Simplifiez la distribution de vos produits en cir
</div>
<div class="panel-body">
<div class="hook">
Simplifiez la distribution de vos produits<br>
en circuit court avec des outils adaptés.
Profitez d'un logiciel simple et intuitif pour :<br />
<div class="word-animate"><span class="functionality"></span></div>
</div>
<div class="links">
<?php if (Yii::$app->user->isGuest): ?>
@@ -92,8 +92,8 @@ $this->setMeta('description', 'Simplifiez la distribution de vos produits en cir
</div>
<div class="panel-body">
<div class="hook">
Réservez facilement vos produits en ligne<br>
auprès de producteurs locaux.
Réservez facilement vos produits<br>
auprès de producteurs locaux.<br><br>
</div>
<div class="links">
<?php if (Yii::$app->user->isGuest): ?>

+ 6
- 1
frontend/views/site/service.php Bestand weergeven

@@ -165,9 +165,14 @@ $this->setIcon('console');
target="_blank">
<span class="glyphicon glyphicon-education"></span> Je demande une démo
</a>
<br><br>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/about']); ?>">
<span class="glyphicon glyphicon-info-sign"></span> À propos
</a>
<a class="btn btn-default"
href="<?= $this->getUrlManagerFrontend()->createUrl(['site/contact']); ?>">
<span class="glyphicon glyphicon-envelope"></span> Je contacte le développeur
<span class="glyphicon glyphicon-envelope"></span> Contact
</a>
</p>
</div>

+ 145
- 126
frontend/web/css/screen.css Bestand weergeven

@@ -608,11 +608,30 @@ section#header-title h1 .glyphicon {
#content #row-users-producers .col-md-6.producer {
padding-left: 0px;
}
/* line 598, ../sass/screen.scss */
/* line 597, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer .word-animate {
margin-top: 18px;
height: 40px;
}
/* line 602, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer .word-animate span.functionality {
background-color: #FFF8DC;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 8px 15px 5px 15px;
}
/* line 612, ../sass/screen.scss */
#content #row-users-producers .col-md-6.producer .word-animate span.functionality .glyphicon {
position: relative;
top: 4px;
right: 6px;
}
/* line 623, ../sass/screen.scss */
#content #row-users-producers .col-md-6.users {
padding-right: 0px;
}
/* line 602, ../sass/screen.scss */
/* line 627, ../sass/screen.scss */
#content #row-users-producers .col-md-6 .hook {
font-family: 'capsuularegular';
font-size: 23px;
@@ -620,94 +639,94 @@ section#header-title h1 .glyphicon {
margin-top: 10px;
margin-bottom: 30px;
}
/* line 611, ../sass/screen.scss */
/* line 636, ../sass/screen.scss */
#content #row-users-producers .col-md-6 .links a {
margin-bottom: 5px;
}
/* line 637, ../sass/screen.scss */
/* line 662, ../sass/screen.scss */
#content #row-users-producers p,
#content #row-functionalities-rates p {
padding-bottom: 4px;
}
/* line 643, ../sass/screen.scss */
/* line 668, ../sass/screen.scss */
#content #row-functionalities-rates .block {
position: relative;
margin-bottom: 25px;
padding-left: 70px;
min-height: 50px;
}
/* line 649, ../sass/screen.scss */
/* line 674, ../sass/screen.scss */
#content #row-functionalities-rates .block .glyphicon {
font-size: 40px;
position: absolute;
left: 0px;
top: 0px;
}
/* line 656, ../sass/screen.scss */
/* line 681, ../sass/screen.scss */
#content #row-functionalities-rates .block p {
font-family: 'capsuularegular';
font-size: 18px;
}
/* line 661, ../sass/screen.scss */
/* line 686, ../sass/screen.scss */
#content #row-functionalities-rates .block a {
text-decoration: none;
color: black;
}
/* line 665, ../sass/screen.scss */
/* line 690, ../sass/screen.scss */
#content #row-functionalities-rates .block a:hover {
color: #F2B84B;
}
/* line 672, ../sass/screen.scss */
/* line 697, ../sass/screen.scss */
#content #row-functionalities-rates .block-points-sale-products img {
width: 40px;
}
/* line 680, ../sass/screen.scss */
/* line 705, ../sass/screen.scss */
#content #block-services .panel-body .panel-body {
padding-bottom: 0px;
}
/* line 682, ../sass/screen.scss */
/* line 707, ../sass/screen.scss */
#content #block-services .panel-body .panel-body h3 {
margin-top: 0px;
}
/* line 691, ../sass/screen.scss */
/* line 716, ../sass/screen.scss */
#content #block-rates table th {
font-weight: bold;
font-size: 14px;
}
/* line 700, ../sass/screen.scss */
/* line 725, ../sass/screen.scss */
#content #btn-demo:hover, #content #btn-demo:focus, #content #btn-demo:active {
color: black;
}

/* line 710, ../sass/screen.scss */
/* line 735, ../sass/screen.scss */
#content #contact {
display: none;
}
/* line 714, ../sass/screen.scss */
/* line 739, ../sass/screen.scss */
#content #contact .icon {
width: 55px;
top: -15px;
margin-left: -70px;
}
/* line 720, ../sass/screen.scss */
/* line 745, ../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 725, ../sass/screen.scss */
/* line 750, ../sass/screen.scss */
#content #contact .form-group {
text-align: center;
}
/* line 729, ../sass/screen.scss */
/* line 754, ../sass/screen.scss */
#content #contact .img-right {
float: right;
}
/* line 732, ../sass/screen.scss */
/* line 757, ../sass/screen.scss */
#content #contact .img-right img {
width: 300px;
}

/* line 738, ../sass/screen.scss */
/* line 763, ../sass/screen.scss */
#bookmarked-producers {
padding: 0px;
padding-top: 15px;
@@ -716,7 +735,7 @@ section#header-title h1 .glyphicon {
border-bottom: solid 1px #e0e0e0;
background-color: white;
}
/* line 746, ../sass/screen.scss */
/* line 771, ../sass/screen.scss */
#bookmarked-producers h2 {
float: left;
font-family: 'highvoltageregular';
@@ -727,30 +746,30 @@ section#header-title h1 .glyphicon {
padding: 0px;
color: #323232;
}
/* line 757, ../sass/screen.scss */
/* line 782, ../sass/screen.scss */
#bookmarked-producers #producers {
position: relative;
top: -5px;
left: 5px;
}
/* line 763, ../sass/screen.scss */
/* line 788, ../sass/screen.scss */
#bookmarked-producers #discover {
padding-bottom: 20px;
text-align: center;
}
/* line 767, ../sass/screen.scss */
/* line 792, ../sass/screen.scss */
#bookmarked-producers #discover p {
padding-bottom: 0px;
color: white;
}
/* line 772, ../sass/screen.scss */
/* line 797, ../sass/screen.scss */
#bookmarked-producers #discover .btn {
background-color: white;
color: #F2B84B;
border: solid 1px white;
}

/* line 781, ../sass/screen.scss */
/* line 806, ../sass/screen.scss */
#footer {
position: absolute;
bottom: 0px;
@@ -762,7 +781,7 @@ section#header-title h1 .glyphicon {
border-top: 0px none;
color: white;
}
/* line 792, ../sass/screen.scss */
/* line 817, ../sass/screen.scss */
#footer a {
color: white;
font-family: 'capsuularegular';
@@ -773,38 +792,38 @@ section#header-title h1 .glyphicon {
border-right: solid 1px white;
border: 0px none;
}
/* line 802, ../sass/screen.scss */
/* line 827, ../sass/screen.scss */
#footer a:hover {
text-decoration: underline;
}
/* line 806, ../sass/screen.scss */
/* line 831, ../sass/screen.scss */
#footer a:last-child {
border: 0px none;
}

/* line 816, ../sass/screen.scss */
/* line 841, ../sass/screen.scss */
.site-producers #producers-list #producer-search {
padding-bottom: 15px;
}
/* line 820, ../sass/screen.scss */
/* line 845, ../sass/screen.scss */
.site-producers #producers-list .alert-no-results {
display: none;
}
/* line 824, ../sass/screen.scss */
/* line 849, ../sass/screen.scss */
.site-producers #producers-list .panel {
border: solid 1px #e0e0e0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 828, ../sass/screen.scss */
/* line 853, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body {
border: 0px none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 832, ../sass/screen.scss */
/* line 857, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body h2 {
font-family: 'capsuularegular';
font-weight: bold;
@@ -814,24 +833,24 @@ section#header-title h1 .glyphicon {
margin-bottom: 5px;
padding-bottom: 0px;
}
/* line 842, ../sass/screen.scss */
/* line 867, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body p {
padding-bottom: 0px;
}
/* line 846, ../sass/screen.scss */
/* line 871, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-body .producer-type {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
}
/* line 857, ../sass/screen.scss */
/* line 882, ../sass/screen.scss */
.site-producers #producers-list .panel .panel-footer {
-moz-border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px;
border-radius: 0px 0px 8px 8px;
border: 0px none;
}
/* line 863, ../sass/screen.scss */
/* line 888, ../sass/screen.scss */
.site-producers #producers-list .panel .logo {
float: right;
position: relative;
@@ -845,7 +864,7 @@ section#header-title h1 .glyphicon {
text-align: right;
overflow: hidden;
}
/* line 874, ../sass/screen.scss */
/* line 899, ../sass/screen.scss */
.site-producers #producers-list .panel .logo .img-logo {
position: absolute;
top: 50%;
@@ -854,7 +873,7 @@ section#header-title h1 .glyphicon {
max-width: 90px;
max-height: 90px;
}
/* line 886, ../sass/screen.scss */
/* line 911, ../sass/screen.scss */
.site-producers #producers-map {
height: 750px;
border: solid 1px #e0e0e0;
@@ -862,51 +881,51 @@ section#header-title h1 .glyphicon {
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* line 891, ../sass/screen.scss */
/* line 916, ../sass/screen.scss */
.site-producers #producers-map.fixed {
position: fixed !important;
top: 20px;
width: 300px;
height: 750px;
}
/* line 899, ../sass/screen.scss */
/* line 924, ../sass/screen.scss */
.site-producers #producers-map a {
text-decoration: none;
}
/* line 903, ../sass/screen.scss */
/* line 928, ../sass/screen.scss */
.site-producers #producers-map .popup-producer {
font-size: 14px;
color: #505050;
}
/* line 907, ../sass/screen.scss */
/* line 932, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .name {
font-family: 'capsuularegular';
font-weight: bold;
font-size: 23px;
color: #323232;
}
/* line 913, ../sass/screen.scss */
/* line 938, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .type {
text-transform: uppercase;
font-size: 13px;
margin-bottom: 12px;
}
/* line 918, ../sass/screen.scss */
/* line 943, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .address {
margin-bottom: 12px;
}
/* line 921, ../sass/screen.scss */
/* line 946, ../sass/screen.scss */
.site-producers #producers-map .popup-producer .link {
color: white;
}

/* line 931, ../sass/screen.scss */
/* line 956, ../sass/screen.scss */
#content .site-about .panel .panel-heading h2 {
margin: 0px;
padding: 0px;
font-size: 25px;
}
/* line 939, ../sass/screen.scss */
/* line 964, ../sass/screen.scss */
#content .site-about .panel .panel-body h2 {
font-size: 20px;
text-transform: none;
@@ -914,88 +933,88 @@ section#header-title h1 .glyphicon {
padding-bottom: 0px;
margin-top: 0px;
}
/* line 947, ../sass/screen.scss */
/* line 972, ../sass/screen.scss */
#content .site-about .panel .panel-body p:last-child {
margin-bottom: 0px;
padding-bottom: 5px;
}
/* line 955, ../sass/screen.scss */
/* line 980, ../sass/screen.scss */
#content .site-about #few-numbers .item {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
/* line 960, ../sass/screen.scss */
/* line 985, ../sass/screen.scss */
#content .site-about #few-numbers .item .number {
font-family: 'highvoltageregular';
font-weight: bold;
font-size: 35px;
}
/* line 966, ../sass/screen.scss */
/* line 991, ../sass/screen.scss */
#content .site-about #few-numbers .item .description {
font-size: 16px;
}
/* line 970, ../sass/screen.scss */
/* line 995, ../sass/screen.scss */
#content .site-about #few-numbers .item .detail {
color: gray;
}
/* line 976, ../sass/screen.scss */
/* line 1001, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials {
transition: all 0.4s;
}
/* line 979, ../sass/screen.scss */
/* line 1004, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item, #content .site-about #carousel-producers-testimonials .carousel-caption {
transition: all 0.4s;
}
/* line 983, ../sass/screen.scss */
/* line 1008, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .carousel-indicators {
display: none;
}
/* line 987, ../sass/screen.scss */
/* line 1012, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .carousel-control {
background: none;
}
/* line 990, ../sass/screen.scss */
/* line 1015, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .carousel-control span.glyphicon {
top: 50px;
}
/* line 996, ../sass/screen.scss */
/* line 1021, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption {
top: 20px;
color: #323232;
text-shadow: none;
padding: 0px;
}
/* line 1002, ../sass/screen.scss */
/* line 1027, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption img {
display: block;
width: 150px;
height: auto;
margin: 0px auto 15px auto;
}
/* line 1010, ../sass/screen.scss */
/* line 1035, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-testimony {
margin-bottom: 12px;
}
/* line 1014, ../sass/screen.scss */
/* line 1039, ../sass/screen.scss */
#content .site-about #carousel-producers-testimonials .item .carousel-caption .producer-details {
font-style: italic;
}

/* line 1022, ../sass/screen.scss */
/* line 1047, ../sass/screen.scss */
#content #mentions {
padding-top: 20px;
}
/* line 1025, ../sass/screen.scss */
/* line 1050, ../sass/screen.scss */
#content #mentions div.content {
width: 60%;
font-size: 90%;
}
/* line 1030, ../sass/screen.scss */
/* line 1055, ../sass/screen.scss */
#content #mentions p {
padding-bottom: 15px;
}
/* line 1034, ../sass/screen.scss */
/* line 1059, ../sass/screen.scss */
#content #mentions h2 {
color: black;
padding-bottom: 40px;
@@ -1003,7 +1022,7 @@ section#header-title h1 .glyphicon {
line-height: 35px;
font-family: 'highvoltageregular';
}
/* line 1042, ../sass/screen.scss */
/* line 1067, ../sass/screen.scss */
#content #mentions h3 {
font-family: "highvoltageregular";
font-size: 18px;
@@ -1012,44 +1031,44 @@ section#header-title h1 .glyphicon {
color: black;
}

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

/* line 1064, ../sass/screen.scss */
/* line 1089, ../sass/screen.scss */
#profil-user .form-group.field-user-no_mail label {
font-weight: normal;
}
/* line 1068, ../sass/screen.scss */
/* line 1093, ../sass/screen.scss */
#profil-user .form-group label {
cursor: pointer;
}
/* line 1073, ../sass/screen.scss */
/* line 1098, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group {
float: left;
margin-right: 15px;
}
/* line 1077, ../sass/screen.scss */
/* line 1102, ../sass/screen.scss */
#profil-user #mails-days-distribution .form-group label {
font-weight: normal;
}
/* line 1083, ../sass/screen.scss */
/* line 1108, ../sass/screen.scss */
#profil-user p.strong {
font-weight: bold;
}
/* line 1087, ../sass/screen.scss */
/* line 1112, ../sass/screen.scss */
#profil-user h2 {
text-transform: none;
font-size: 25px;
}
/* line 1091, ../sass/screen.scss */
/* line 1116, ../sass/screen.scss */
#profil-user h2:first-child {
margin-top: 0px;
}

/* login */
/* line 1102, ../sass/screen.scss */
/* line 1127, ../sass/screen.scss */
.back-white, .site-login .col-lg-5, .site-signup .col-lg-5 {
background-color: white;
padding: 30px;
@@ -1058,7 +1077,7 @@ section#header-title h1 .glyphicon {
border-radius: 5px;
}

/* line 1109, ../sass/screen.scss */
/* line 1134, ../sass/screen.scss */
.site-login .col-lg-5 {
margin: 0px auto;
float: none;
@@ -1066,19 +1085,19 @@ section#header-title h1 .glyphicon {
}

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

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

/* line 1134, ../sass/screen.scss */
/* line 1159, ../sass/screen.scss */
#modal-cgv .modal-body h2 {
margin-bottom: 5px;
padding-bottom: 0px;
@@ -1086,41 +1105,41 @@ section#header-title h1 .glyphicon {
margin-top: 0px;
}

/* line 1144, ../sass/screen.scss */
/* line 1169, ../sass/screen.scss */
#form-signup #user-producer {
margin-bottom: 30px;
}
/* line 1149, ../sass/screen.scss */
/* line 1174, ../sass/screen.scss */
#form-signup #signupform-id_producer option:disabled {
font-weight: bold;
color: black;
}
/* line 1155, ../sass/screen.scss */
/* line 1180, ../sass/screen.scss */
#form-signup #champs-producer {
display: none;
}
/* line 1159, ../sass/screen.scss */
/* line 1184, ../sass/screen.scss */
#form-signup #buttons-signup {
margin-top: 30px;
}
/* line 1163, ../sass/screen.scss */
/* line 1188, ../sass/screen.scss */
#form-signup .field-signupform-is_test {
display: none;
}

/* line 1168, ../sass/screen.scss */
/* line 1193, ../sass/screen.scss */
#col-left {
padding: 0px;
z-index: 15;
}
/* line 1172, ../sass/screen.scss */
/* line 1197, ../sass/screen.scss */
#col-left .affix {
width: 25%;
border-right: solid 1px #e0e0e0;
background-color: #FAFAFA;
height: 100%;
}
/* line 1179, ../sass/screen.scss */
/* line 1204, ../sass/screen.scss */
#col-left #link-home {
text-decoration: none;
font-size: 22px;
@@ -1129,28 +1148,28 @@ section#header-title h1 .glyphicon {
padding: 10px;
background-color: white;
}
/* line 1187, ../sass/screen.scss */
/* line 1212, ../sass/screen.scss */
#col-left #link-home img {
height: 50px;
margin-bottom: 5px;
float: left;
}
/* line 1193, ../sass/screen.scss */
/* line 1218, ../sass/screen.scss */
#col-left #link-home .text {
padding-left: 62px;
}
/* line 1196, ../sass/screen.scss */
/* line 1221, ../sass/screen.scss */
#col-left #link-home .text .bap {
font-family: "comfortaalight";
font-size: 24px;
}
/* line 1201, ../sass/screen.scss */
/* line 1226, ../sass/screen.scss */
#col-left #link-home .text .plateforme {
font-size: 17px;
font-family: "myriadpro-light";
color: #F2B84B;
}
/* line 1209, ../sass/screen.scss */
/* line 1234, ../sass/screen.scss */
#col-left h2 {
font-family: 'myriadpro-regular';
color: black;
@@ -1158,37 +1177,37 @@ section#header-title h1 .glyphicon {
margin-bottom: 10px;
padding: 15px 0px 5px 15px;
}
/* line 1217, ../sass/screen.scss */
/* line 1242, ../sass/screen.scss */
#col-left #links {
background-color: white;
margin-bottom: 20px;
}
/* line 1223, ../sass/screen.scss */
/* line 1248, ../sass/screen.scss */
#col-left #links ul li a {
text-align: center;
border-right: solid 1px #e0e0e0;
}
/* line 1227, ../sass/screen.scss */
/* line 1252, ../sass/screen.scss */
#col-left #links ul li a:hover {
background-color: #F2B84B;
color: white;
}
/* line 1233, ../sass/screen.scss */
/* line 1258, ../sass/screen.scss */
#col-left #links ul li:last-child a {
border-right: 0px none;
}
/* line 1243, ../sass/screen.scss */
/* line 1268, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li a {
padding-left: 50px;
height: 40px;
}
/* line 1249, ../sass/screen.scss */
/* line 1274, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a {
background-color: #F2B84B;
position: relative;
color: white;
}
/* line 1254, ../sass/screen.scss */
/* line 1279, ../sass/screen.scss */
#col-left #producers nav.nav-producers ul li.active a:after {
right: -40px;
top: 50%;
@@ -1203,18 +1222,18 @@ section#header-title h1 .glyphicon {
border-width: 20px;
margin-top: -20px;
}
/* line 1273, ../sass/screen.scss */
/* line 1298, ../sass/screen.scss */
#col-left ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/* line 1278, ../sass/screen.scss */
/* line 1303, ../sass/screen.scss */
#col-left ul li {
margin: 0px;
padding: 0px;
}
/* line 1282, ../sass/screen.scss */
/* line 1307, ../sass/screen.scss */
#col-left ul li a {
text-decoration: none;
font-family: 'comfortaaregular';
@@ -1225,18 +1244,18 @@ section#header-title h1 .glyphicon {
display: block;
color: black;
}
/* line 1292, ../sass/screen.scss */
/* line 1317, ../sass/screen.scss */
#col-left ul li a span.name, #col-left ul li a span.wording {
display: none;
}
/* line 1299, ../sass/screen.scss */
/* line 1324, ../sass/screen.scss */
#col-left p {
padding: 20px;
padding-top: 0px;
color: gray;
}

/* line 1307, ../sass/screen.scss */
/* line 1332, ../sass/screen.scss */
#content .header-title {
height: 79px;
padding: 20px 20px;
@@ -1251,7 +1270,7 @@ section#header-title h1 .glyphicon {
-webkit-box-shadow: 0px 0px 8px #e0e0e0;
box-shadow: 0px 0px 8px #e0e0e0;
}
/* line 1319, ../sass/screen.scss */
/* line 1344, ../sass/screen.scss */
#content .header-title h1 {
color: black;
font-family: 'myriadpro-regular';
@@ -1259,7 +1278,7 @@ section#header-title h1 .glyphicon {
font-size: 25px;
text-transform: uppercase;
}
/* line 1327, ../sass/screen.scss */
/* line 1352, ../sass/screen.scss */
#content .header-title h2 {
color: gray;
text-transform: none;
@@ -1268,16 +1287,16 @@ section#header-title h1 .glyphicon {
line-height: 20px;
}

/* line 1338, ../sass/screen.scss */
/* line 1363, ../sass/screen.scss */
.header-producer {
z-index: 1;
}
/* line 1341, ../sass/screen.scss */
/* line 1366, ../sass/screen.scss */
.header-producer #block-main-img {
height: 144px;
overflow: hidden;
}
/* line 1345, ../sass/screen.scss */
/* line 1370, ../sass/screen.scss */
.header-producer #block-main-img #main-img {
width: 100%;
height: auto;
@@ -1287,7 +1306,7 @@ section#header-title h1 .glyphicon {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 1354, ../sass/screen.scss */
/* line 1379, ../sass/screen.scss */
.header-producer h1 {
font-family: 'comfortaaregular';
text-align: center;
@@ -1295,23 +1314,23 @@ section#header-title h1 .glyphicon {
top: 30px;
left: 40px;
}
/* line 1361, ../sass/screen.scss */
/* line 1386, ../sass/screen.scss */
.header-producer h1 span {
background-color: rgba(255, 255, 255, 0.8);
padding: 10px 30px;
border: dotted 1px black;
}

/* line 1372, ../sass/screen.scss */
/* line 1397, ../sass/screen.scss */
nav#menu-producer {
border-bottom: solid 1px #e0e0e0;
}
/* line 1376, ../sass/screen.scss */
/* line 1401, ../sass/screen.scss */
nav#menu-producer ul li {
padding: 0px;
margin: 0px;
}
/* line 1380, ../sass/screen.scss */
/* line 1405, ../sass/screen.scss */
nav#menu-producer ul li a {
border-right: solid 1px #e0e0e0;
text-decoration: none;
@@ -1319,42 +1338,42 @@ nav#menu-producer ul li a {
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* line 1385, ../sass/screen.scss */
/* line 1410, ../sass/screen.scss */
nav#menu-producer ul li a:hover {
background-color: #F2B84B;
color: white;
}

/* line 1395, ../sass/screen.scss */
/* line 1420, ../sass/screen.scss */
.site-contact .col-lg-6 {
margin: 0px auto;
float: none;
}
/* line 1400, ../sass/screen.scss */
/* line 1425, ../sass/screen.scss */
.site-contact .form-group.submit {
text-align: center;
}

/* line 1406, ../sass/screen.scss */
/* line 1431, ../sass/screen.scss */
.site-opinion .col-lg-6 {
margin: 0px auto;
float: none;
}
/* line 1411, ../sass/screen.scss */
/* line 1436, ../sass/screen.scss */
.site-opinion .field-opinionform-istest {
display: none;
}
/* line 1415, ../sass/screen.scss */
/* line 1440, ../sass/screen.scss */
.site-opinion .form-group.submit {
text-align: center;
}

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

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

+ 71
- 0
frontend/web/js/frontend.js Bestand weergeven

@@ -35,11 +35,82 @@
*/

$(document).ready(function () {
opendistrib_home_text_animation();
opendistrib_signup();
producersModule.init();
aboutProducersTestimonialsCarousel.init();
});

function opendistrib_home_text_animation() {
var
words = [
'<span class="glyphicon glyphicon-eye-open"></span> présenter votre activité',
'<span class="glyphicon glyphicon-calendar"></span> gérer vos prises de commandes',
//'<span class="glyphicon glyphicon-repeat"></span> gérer les abonnements clients',
'<span class="glyphicon glyphicon-send"></span> envoyer vos messages',
'<span class="glyphicon glyphicon-file"></span> générer vos bons de livraisons et factures',
'<span class="glyphicon glyphicon-euro"></span> comptabiliser l\'argent',
'<span class="glyphicon glyphicon-stats"></span> obtenir des statistiques de vente'
],
part,
i = 0,
offset = 0,
len = words.length,
forwards = true,
skip_count = 0,
skip_delay = 10,
speed = 3000;

var wordflick = function(){

part = words[i];
$('#row-users-producers .producer .word-animate span').html(part);

setInterval(function(){
i ++;
if(i >= len){
i=0;
}

part = words[i];
$('#row-users-producers .producer .word-animate span').hide().html(part).fadeIn();

/*if (forwards) {
if(offset >= words[i].length){
++skip_count;
if (skip_count == skip_delay) {
forwards = false;
skip_count = 0;
}
}
}
else {
if(offset == 0){
forwards = true;
i++;
offset = 0;
if(i >= len){
i=0;
}
}
}
part = words[i].substr(0, offset);
if (skip_count == 0) {
if (forwards) {
offset++;
}
else {
offset--;
}
}*/
}, speed);
};

$(document).ready(function(){
wordflick();
});
}

var UrlManager = {
getBaseUrl: function () {
return $('meta[name=baseurl]').attr('content') + '/';

+ 25
- 0
frontend/web/sass/screen.scss Bestand weergeven

@@ -593,6 +593,31 @@ section#header-title {

&.producer {
padding-left: 0px;

.word-animate {
margin-top: 18px;
//font-weight: bold;
height: 40px;

span.functionality {
//font-family: 'highvoltageregular';
//background-color: $color1;
//background-color: #333;
background-color: #FFF8DC;
//color: white;
//border: dotted 1px #333;
@include border-radius(8px);
padding: 8px 15px 5px 15px;

.glyphicon {
//color: white;
position: relative;
top: 4px;
right: 6px;
}
}

}
}

&.users {

Schrijf Voorbeeld
Laden…
Annuleren
Opslaan