- Add Loué template
This commit is contained in:
Vincent BRIDIER
parent
c81f931bf3
commit
7d4bfab51e
31 changed files with 7276 additions and 50100 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -2,6 +2,7 @@
|
|||
/public/hot
|
||||
/public/storage
|
||||
/vendor
|
||||
.idea/
|
||||
.env
|
||||
.env.backup
|
||||
.phpunit.result.cache
|
||||
|
|
|
|||
3156
package-lock.json
generated
3156
package-lock.json
generated
File diff suppressed because it is too large
Load diff
11416
public/css/app.css
vendored
11416
public/css/app.css
vendored
File diff suppressed because one or more lines are too long
37106
public/js/app.js
vendored
37106
public/js/app.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,5 @@
|
|||
{
|
||||
"/js/app.js": "/js/app.js",
|
||||
"/css/app.css": "/css/app.css"
|
||||
"/css/app.css": "/css/app.css",
|
||||
"/loue/css/app.css": "/loue/css/app.css"
|
||||
}
|
||||
|
|
|
|||
3625
resources/themes/loue/css/_animate.scss
vendored
Normal file
3625
resources/themes/loue/css/_animate.scss
vendored
Normal file
File diff suppressed because it is too large
Load diff
32
resources/themes/loue/css/_fonts.scss
vendored
Normal file
32
resources/themes/loue/css/_fonts.scss
vendored
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
@font-face {
|
||||
font-family: 'MyriadProItalic';
|
||||
src: url('/loue/fonts/MyriadPro-It.otf')
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MyriadProBlack';
|
||||
src: url('/loue/fonts/MyriadPro-Black.otf')
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MyriadProSemiBoldIt';
|
||||
src: url('/loue/fonts/MyriadPro-SemiboldIt.otf')
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MyriadProSemiBold';
|
||||
src: url('/loue/fonts/MyriadPro-SemiBold.otf')
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MyriadProBoldIt';
|
||||
src: url('/loue/fonts/MyriadPro-BoldIt.otf')
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MyriadProBold';
|
||||
src: url('/loue/fonts/MyriadPro-Bold.otf')
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'MyriadProCond';
|
||||
src: url('/loue/fonts/MyriadPro-Cond.otf')
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'AlbertsthalTypewriter';
|
||||
src: url('/loue/fonts/AlbertsthalTypewriter.otf')
|
||||
}
|
||||
720
resources/themes/loue/css/_index.scss
vendored
Normal file
720
resources/themes/loue/css/_index.scss
vendored
Normal file
|
|
@ -0,0 +1,720 @@
|
|||
header {
|
||||
& .logo {
|
||||
margin-top: 35px;
|
||||
margin-bottom: 35px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
.block {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding-bottom: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
|
||||
&.green {
|
||||
& .header {
|
||||
background: url("/loue/img/green_block.png") center / cover;
|
||||
}
|
||||
& .body {
|
||||
& .lr {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
& .footer {
|
||||
& a {
|
||||
background: url(/loue/img/green_more.png) no-repeat left / cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.blue {
|
||||
& .header {
|
||||
background: url("/loue/img/blue_block.png") center / cover;
|
||||
}
|
||||
& .body {
|
||||
& .bio {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
& .footer {
|
||||
& a {
|
||||
background: url(/loue/img/blue_more.png) no-repeat left / cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .header {
|
||||
height: 135px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
& p {
|
||||
&:nth-child(1) {
|
||||
font-size: 15px;
|
||||
font-family: MyriadProItalic;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
font-size: 20px;
|
||||
font-family: MyriadProBlack;
|
||||
}
|
||||
&:nth-child(3) {
|
||||
font-size: 20px;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: white;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
& .box_img {
|
||||
margin-top: 20px;
|
||||
width: 75%;
|
||||
}
|
||||
& .date {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
& p {
|
||||
color: $blue;
|
||||
&:nth-child(1) {
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
font-family: MyriadProBold;
|
||||
background-color: $yellow;
|
||||
padding: 5px 15px 5px 15px;
|
||||
border-radius: 20px;
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
& .message {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
width: 95%;
|
||||
line-height: 17px;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
& span {
|
||||
font-family: MyriadProBold;
|
||||
}
|
||||
&.red {
|
||||
color: $red;
|
||||
}
|
||||
&.blue {
|
||||
color: $blue;
|
||||
}
|
||||
}
|
||||
& .labels {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
& img {
|
||||
display: block;
|
||||
height: auto;
|
||||
width: 63px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .footer {
|
||||
width: 90%;
|
||||
margin: 20px auto 0 auto;
|
||||
& a {
|
||||
display: inline-block;
|
||||
padding-left: 15px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
width: 200px;
|
||||
font-family: MyriadProBold;
|
||||
font-size: 22px;
|
||||
}
|
||||
& p {
|
||||
color: $grey;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block-fill {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding-bottom: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
|
||||
& .header {
|
||||
height: 135px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: url("/loue/img/blue_block.png") center / cover;
|
||||
& p {
|
||||
& span {
|
||||
font-size: 35px;
|
||||
}
|
||||
font-size: 22px;
|
||||
line-height: 25px;
|
||||
font-family: MyriadProBlack;
|
||||
}
|
||||
}
|
||||
|
||||
& .body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: white;
|
||||
width: 90%;
|
||||
margin: 20px auto 0 auto;
|
||||
& .message {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
width: 95%;
|
||||
line-height: 17px;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
font-size: 18px;
|
||||
color: $blue;
|
||||
}
|
||||
& form {
|
||||
text-align: center;
|
||||
& .item {
|
||||
margin-top: 30px;
|
||||
& label {
|
||||
color: $blue;
|
||||
font-family: MyriadProBoldIt;
|
||||
& span {
|
||||
color: white;
|
||||
background-color: #00245a;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
& input {
|
||||
margin-top: 10px;
|
||||
background-color: $yellow;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 25px;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-family: MyriadProItalic;
|
||||
font-size: 20px;
|
||||
&::placeholder {
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
& input[type="submit"] {
|
||||
margin-top: 20px;
|
||||
background-color: $blue;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 25px;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-family: MyriadProItalic;
|
||||
font-size: 20px;
|
||||
width: 110px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& .footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 80%;
|
||||
margin: 20px auto 20px auto;
|
||||
color: $blue;
|
||||
font-family: MyriadProBoldIt;
|
||||
& .box {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
background-color: $egg;
|
||||
color: $egg_blue;
|
||||
font-family: MyriadProCond;
|
||||
font-size: 20px;
|
||||
padding-bottom: 15px;
|
||||
padding-top: 15px;
|
||||
& p:nth-child(2) {
|
||||
text-align: right;
|
||||
& .date {
|
||||
font-size: 25px;
|
||||
}
|
||||
}
|
||||
& .date {
|
||||
color: black;
|
||||
font-family: AlbertsthalTypewriter;
|
||||
}
|
||||
& .step {
|
||||
color: white;
|
||||
background-color: #00245a;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
margin-left: 5px;
|
||||
font-family: MyriadProBoldIt;
|
||||
font-size: 15px;
|
||||
}
|
||||
& .prod {
|
||||
color: black;
|
||||
font-family: 'Arial';
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-discover {
|
||||
display: block;
|
||||
margin: 10px auto 0 auto;
|
||||
background-color: $yellow;
|
||||
width: 75%;
|
||||
height: 90px;
|
||||
line-height: 20px;
|
||||
padding-top: 5px;
|
||||
clip-path: polygon(0 0, 100% 0, 80% 55%, 20% 55%);
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-family: MyriadProBoldIt;
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
background-color: $footer_bg;
|
||||
height: 60px;
|
||||
margin-top: 130px;
|
||||
&:before {
|
||||
content: "";
|
||||
background: url(/loue/img/poule_deco.png) no-repeat center / cover;
|
||||
width: 75px;
|
||||
height: 110px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: -98px;
|
||||
}
|
||||
& p {
|
||||
font-size: 20px;
|
||||
font-family: MyriadProBold;
|
||||
color: $yellow;
|
||||
}
|
||||
& img {
|
||||
width: 40px;
|
||||
}
|
||||
& a {
|
||||
&:last-child {
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
font-family: MyriadProBold;
|
||||
text-decoration: none;
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
Elevage
|
||||
*/
|
||||
|
||||
.elevage {
|
||||
position: relative;
|
||||
width: 85%;
|
||||
margin: 50px auto;
|
||||
border-left: 3px dotted $elevage;
|
||||
&:before {
|
||||
content: "";
|
||||
background: url(/loue/img/picto_elevage.png) no-repeat center/cover;
|
||||
width: 35px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 0;
|
||||
}
|
||||
& .title {
|
||||
font-family: MyriadProBlack;
|
||||
color: #00245a;
|
||||
text-transform: uppercase;
|
||||
padding-left: 30px;
|
||||
padding-top: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
& .box {
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
width: 90%;
|
||||
margin-left: 30px;
|
||||
& .date {
|
||||
text-align: center;
|
||||
& p {
|
||||
&:nth-child(1) {
|
||||
font-family: MyriadProItalic;
|
||||
color: $grey;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
color: white;
|
||||
background-color: #86ca3f;
|
||||
font-family: MyriadProBold;
|
||||
border-radius: 25px;
|
||||
width: fit-content;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
& .title {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
justify-content: space-around;
|
||||
margin-top: 15px;
|
||||
padding: unset;
|
||||
& p {
|
||||
color: black;
|
||||
font-family: MyriadProBold;
|
||||
text-transform: none;
|
||||
font-size: 15px;
|
||||
}
|
||||
& a {
|
||||
width: 45px;
|
||||
flex-shrink: 0;
|
||||
& img {
|
||||
width: 45px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
& .details {
|
||||
margin-top: 20px;
|
||||
& .by {
|
||||
color: $grey;
|
||||
font-family: MyriadProItalic;
|
||||
font-size: 12px;
|
||||
& .green {
|
||||
color: $elevage;
|
||||
font-family: MyriadProBold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
& img {
|
||||
margin-top: 5px;
|
||||
}
|
||||
& .bottom {
|
||||
margin-top: 10px;
|
||||
&.one {
|
||||
& a {
|
||||
display: inline-block;
|
||||
padding-left: 15px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
width: 200px;
|
||||
font-family: MyriadProBold;
|
||||
font-size: 22px;
|
||||
background: url(/loue/img/elevage_more.png) no-repeat left / cover;
|
||||
}
|
||||
& p {
|
||||
color: $grey;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
&.multiple {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
& a {
|
||||
color: white;
|
||||
background-color: #86ca3f;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
border-radius: 25px;
|
||||
width: 80%;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin: 0 auto 10px auto;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
& .light {
|
||||
font-family: MyriadProItalic;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
Alimentation
|
||||
*/
|
||||
|
||||
.alimentation {
|
||||
position: relative;
|
||||
width: 85%;
|
||||
margin: 50px auto;
|
||||
border-left: 3px dotted $yellow;
|
||||
&:before {
|
||||
content: "";
|
||||
background: url(/loue/img/picto_alimentation.png) no-repeat center/cover;
|
||||
width: 35px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 0;
|
||||
}
|
||||
& .title {
|
||||
font-family: MyriadProBlack;
|
||||
color: #00245a;
|
||||
text-transform: uppercase;
|
||||
padding-left: 30px;
|
||||
padding-top: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
& .box {
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
width: 90%;
|
||||
margin-left: 30px;
|
||||
& .title {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
justify-content: space-around;
|
||||
padding: unset;
|
||||
& p {
|
||||
color: black;
|
||||
font-family: MyriadProBold;
|
||||
text-transform: none;
|
||||
font-size: 15px;
|
||||
}
|
||||
& a {
|
||||
width: 45px;
|
||||
flex-shrink: 0;
|
||||
& img {
|
||||
width: 45px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
& .infos {
|
||||
margin-top: 10px;
|
||||
font-family: MyriadProItalic;
|
||||
color: $grey;
|
||||
& .yellow {
|
||||
text-transform: uppercase;
|
||||
color: $yellow;
|
||||
font-family: MyriadProBold;
|
||||
}
|
||||
}
|
||||
& .alifel {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
& .bottom {
|
||||
margin-top: 10px;
|
||||
& a {
|
||||
display: inline-block;
|
||||
padding-left: 15px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
width: 200px;
|
||||
font-family: MyriadProBold;
|
||||
font-size: 22px;
|
||||
background: url(/loue/img/yellow_more.png) no-repeat left / cover;
|
||||
}
|
||||
|
||||
& p {
|
||||
color: $grey;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*
|
||||
Emballage
|
||||
*/
|
||||
|
||||
.emballage {
|
||||
position: relative;
|
||||
width: 85%;
|
||||
margin: 50px auto;
|
||||
border-left: 3px dotted $emballage;
|
||||
&:before {
|
||||
content: "";
|
||||
background: url(/loue/img/picto_emballage.png) no-repeat center/cover;
|
||||
width: 35px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 0;
|
||||
}
|
||||
& .title {
|
||||
font-family: MyriadProBlack;
|
||||
color: #00245a;
|
||||
text-transform: uppercase;
|
||||
padding-left: 30px;
|
||||
padding-top: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
& .box {
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
width: 90%;
|
||||
margin-left: 30px;
|
||||
& .date {
|
||||
color: $grey;
|
||||
font-family: MyriadProItalic;
|
||||
}
|
||||
& .lieu {
|
||||
color: $grey;
|
||||
font-family: MyriadProItalic;
|
||||
font-size: 12px;
|
||||
& .title {
|
||||
color: $emballage;
|
||||
font-family: MyriadProBold;
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
& .description {
|
||||
margin-top: 20px;
|
||||
color: black;
|
||||
font-family: MyriadProItalic;
|
||||
}
|
||||
& img {
|
||||
width: 50%;
|
||||
margin: 20px auto 0 auto;
|
||||
}
|
||||
& .bottom {
|
||||
margin-top: 20px;
|
||||
& a {
|
||||
display: inline-block;
|
||||
padding-left: 15px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
width: 200px;
|
||||
font-family: MyriadProBold;
|
||||
font-size: 22px;
|
||||
background: url(/loue/img/emballage_more.png) no-repeat left / cover;
|
||||
}
|
||||
|
||||
& p {
|
||||
color: $grey;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*
|
||||
Magasin
|
||||
*/
|
||||
|
||||
.magasin {
|
||||
position: relative;
|
||||
width: 85%;
|
||||
margin: 50px auto;
|
||||
border-left: 3px dotted $magasin;
|
||||
&:before {
|
||||
content: "";
|
||||
background: url(/loue/img/picto_magasin.png) no-repeat center/cover;
|
||||
width: 35px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 0;
|
||||
}
|
||||
& .title {
|
||||
font-family: MyriadProBlack;
|
||||
color: #00245a;
|
||||
text-transform: uppercase;
|
||||
padding-left: 30px;
|
||||
padding-top: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
& .box {
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
width: 90%;
|
||||
margin-left: 30px;
|
||||
& .title {
|
||||
font-family: MyriadProBold;
|
||||
color: $magasin;
|
||||
font-size: 20px;
|
||||
text-transform: unset;
|
||||
padding: 0;
|
||||
}
|
||||
& .description {
|
||||
margin-top: 20px;
|
||||
color: black;
|
||||
font-family: MyriadProSemiBold;
|
||||
text-align: center;
|
||||
font-size: 17px;
|
||||
}
|
||||
& img {
|
||||
width: 70%;
|
||||
margin: 20px auto 0 auto;
|
||||
}
|
||||
& .bottom {
|
||||
margin-top: 20px;
|
||||
& a {
|
||||
display: inline-block;
|
||||
padding: 5px 0 5px 15px;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
width: 200px;
|
||||
font-family: MyriadProBold;
|
||||
font-size: 22px;
|
||||
background: url(/loue/img/magasin_more.png) no-repeat left / cover;
|
||||
line-height: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
16
resources/themes/loue/css/_media_queries.scss
vendored
Normal file
16
resources/themes/loue/css/_media_queries.scss
vendored
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
@media (min-width: 430px) {
|
||||
.container {
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1025px) {
|
||||
header {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.container {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
78
resources/themes/loue/css/_reset.scss
vendored
Normal file
78
resources/themes/loue/css/_reset.scss
vendored
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
/* Box sizing rules */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Remove default padding */
|
||||
ul[class],
|
||||
ol[class] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Remove default margin */
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
p,
|
||||
ul[class],
|
||||
ol[class],
|
||||
li,
|
||||
figure,
|
||||
figcaption,
|
||||
blockquote,
|
||||
dl,
|
||||
dd {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Set core body defaults */
|
||||
body {
|
||||
min-height: 100vh;
|
||||
scroll-behavior: smooth;
|
||||
text-rendering: optimizeSpeed;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Remove list styles on ul, ol elements with a class attribute */
|
||||
ul[class],
|
||||
ol[class] {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/* A elements that don't have a class get default styles */
|
||||
a:not([class]) {
|
||||
text-decoration-skip-ink: auto;
|
||||
}
|
||||
|
||||
/* Make images easier to work with */
|
||||
img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Natural flow and rhythm in articles by default */
|
||||
article > * + * {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
/* Inherit fonts for inputs and buttons */
|
||||
input,
|
||||
button,
|
||||
textarea,
|
||||
select {
|
||||
font: inherit;
|
||||
}
|
||||
|
||||
/* Remove all animations and transitions for people that prefer not to see them */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
* {
|
||||
animation-duration: 0.01ms !important;
|
||||
animation-iteration-count: 1 !important;
|
||||
transition-duration: 0.01ms !important;
|
||||
scroll-behavior: auto !important;
|
||||
}
|
||||
}
|
||||
590
resources/themes/loue/css/_sub-page.scss
vendored
Normal file
590
resources/themes/loue/css/_sub-page.scss
vendored
Normal file
|
|
@ -0,0 +1,590 @@
|
|||
.sub-page {
|
||||
&.blue {
|
||||
& header {
|
||||
background: url("/loue/img/blue_header.png") no-repeat center / cover;
|
||||
}
|
||||
& .bio {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
&.green {
|
||||
& header {
|
||||
background: url("/loue/img/green_header.png") no-repeat center / cover;
|
||||
}
|
||||
& .lr {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
&.elevage {
|
||||
& header {
|
||||
background: url("/loue/img/elevage_header.png") no-repeat center / cover;
|
||||
}
|
||||
}
|
||||
&.yellow {
|
||||
& header {
|
||||
background: url("/loue/img/yellow_header.png") no-repeat center / cover;
|
||||
}
|
||||
}
|
||||
&.emballage {
|
||||
& header {
|
||||
background: url("/loue/img/emballage_header.png") no-repeat center / cover;
|
||||
}
|
||||
}
|
||||
& header {
|
||||
& a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 10px;
|
||||
height: 50px;
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
font-family: MyriadProBold;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
|
||||
& .arrow {
|
||||
font-size: 25px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
& footer {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
background-color: $footer_bg;
|
||||
height: 60px;
|
||||
margin-top: 130px;
|
||||
&:before {
|
||||
content: "";
|
||||
background: url(/loue/img/poule_deco.png) no-repeat center / cover;
|
||||
width: 75px;
|
||||
height: 110px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: -98px;
|
||||
}
|
||||
& p {
|
||||
font-size: 20px;
|
||||
font-family: MyriadProBold;
|
||||
color: $yellow;
|
||||
}
|
||||
& img {
|
||||
width: 40px;
|
||||
}
|
||||
& a {
|
||||
&:last-child {
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
font-family: MyriadProBold;
|
||||
text-decoration: none;
|
||||
&:visited {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.labels-and-certifs {
|
||||
& .menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
& .title {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
& .item {
|
||||
display: flex;
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
& img {
|
||||
width: 100px;
|
||||
margin: 0 10px 0 15px;
|
||||
}
|
||||
& p {
|
||||
padding: 35px 20px 35px 20px;
|
||||
background: url("/loue/img/brush_white.png") no-repeat center / 100% 100%;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
width: 60%;
|
||||
}
|
||||
& a {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 10px;
|
||||
& img {
|
||||
width: 40px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
& .label-rouge, .label-bio, .label-igp, .label-nutriscore, .label-fermiers {
|
||||
& .logo {
|
||||
margin: 30px auto 0 auto;
|
||||
width: 45%;
|
||||
}
|
||||
& .title {
|
||||
margin-top: 20px;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
line-height: 22px;
|
||||
}
|
||||
& .box {
|
||||
margin: 20px auto 0 auto;
|
||||
width: 90%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
& p {
|
||||
color: #00245a;
|
||||
line-height: 18px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 15px;
|
||||
&:nth-child(1) {
|
||||
font-family: Arial;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
}
|
||||
& .embed {
|
||||
margin: 20px auto 0 auto;
|
||||
position: relative;
|
||||
padding: 56.25% 0 0 0;
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
& .label-fermiers {
|
||||
& .items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
& .item {
|
||||
display: flex;
|
||||
margin-bottom: 15px;
|
||||
align-items: center;
|
||||
& img {
|
||||
width: 50px;
|
||||
}
|
||||
& p {
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-style: unset;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.infos-elevages {
|
||||
& .title {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
& .items {
|
||||
& .item {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 35px;
|
||||
& .top-img{
|
||||
width: 75%;
|
||||
border: 5px solid $elevage;
|
||||
transform: rotate(-4deg);
|
||||
filter: drop-shadow(2px 2px 5px black);
|
||||
z-index: 1;
|
||||
}
|
||||
& .text {
|
||||
position: relative;
|
||||
top: -12px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
& p {
|
||||
padding: 35px 45px 35px 45px;
|
||||
background: url("/loue/img/brush_white.png") no-repeat center / 100% 100%;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
width: 90%;
|
||||
}
|
||||
& a {
|
||||
position: absolute;
|
||||
top: 70px;
|
||||
right: 30px;
|
||||
& img {
|
||||
width: 40px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.vs-oeufs {
|
||||
& .title {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
& .items {
|
||||
margin: 20px auto 0 auto;
|
||||
width: 90%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
|
||||
& p {
|
||||
color: #00245a;
|
||||
line-height: 18px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
& .tables {
|
||||
& .table {
|
||||
& tr {
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
& th {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
color: white;
|
||||
&:nth-child(2) {
|
||||
border-top-left-radius: 15px;
|
||||
background-color: #f4c600;
|
||||
}
|
||||
&:last-child {
|
||||
border-top-right-radius: 15px;
|
||||
background-color: #25b4b1;
|
||||
}
|
||||
}
|
||||
& td {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
&:nth-child(2) {
|
||||
background-color: #f9e27f;
|
||||
}
|
||||
&:last-child {
|
||||
background-color: #92d9d8;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
& td {
|
||||
&:nth-child(2) {
|
||||
border-bottom-left-radius: 15px;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-right-radius: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.elevage-liberte {
|
||||
& .title {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
& .img {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
& .items {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
|
||||
& p {
|
||||
color: #00245a;
|
||||
line-height: 18px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
& .tables {
|
||||
& .table {
|
||||
& tr {
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
& th {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
color: white;
|
||||
&:nth-child(2) {
|
||||
border-top-left-radius: 15px;
|
||||
background-color: #f4c600;
|
||||
}
|
||||
&:last-child {
|
||||
border-top-right-radius: 15px;
|
||||
background-color: #25b4b1;
|
||||
}
|
||||
}
|
||||
& td {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
&:nth-child(2) {
|
||||
background-color: #f9e27f;
|
||||
}
|
||||
&:last-child {
|
||||
background-color: #92d9d8;
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
& td {
|
||||
&:nth-child(2) {
|
||||
border-bottom-left-radius: 15px;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-right-radius: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.portrait-eleveur {
|
||||
& .green {
|
||||
color: $elevage;
|
||||
}
|
||||
& .top {
|
||||
width: 90%;
|
||||
margin: 20px auto 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
& img {
|
||||
width: 45%;
|
||||
border: 5px solid $elevage;
|
||||
z-index: 1;
|
||||
}
|
||||
& .content {
|
||||
padding: 40px 15px 0 15px;
|
||||
background: url("/loue/img/brush_white.png") no-repeat center / 100% 100%;
|
||||
font-family: MyriadProSemiBold;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
& p {
|
||||
margin-bottom: 10px;
|
||||
& .name {
|
||||
font-family: MyriadProBold;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
& .pagination {
|
||||
position: relative;
|
||||
margin: 40px auto 0 auto;
|
||||
background-color: $elevage;
|
||||
color: white;
|
||||
width: 80px;
|
||||
text-align: center;
|
||||
border-top-left-radius: 15px;
|
||||
border-top-right-radius: 15px;
|
||||
padding-top: 5px;
|
||||
line-height: 20px;
|
||||
font-family: MyriadProSemiBold;
|
||||
& span {
|
||||
font-size: 25px;
|
||||
}
|
||||
& .prev {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: -60px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: $elevage;
|
||||
clip-path: polygon(100% 0, 0 50%, 100% 100%);
|
||||
cursor: pointer;
|
||||
}
|
||||
& .next {
|
||||
position: absolute;
|
||||
right: -60px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background-color: $elevage;
|
||||
clip-path: polygon(100% 50%, 0 0, 0 100%);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
& .slider {
|
||||
& .item {
|
||||
display: none;
|
||||
animation-duration: 1s;
|
||||
&.active{
|
||||
display: block;
|
||||
}
|
||||
& .question {
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
height: auto;
|
||||
background-color: white;
|
||||
background-color: #bfbfbf;
|
||||
color: white;
|
||||
box-shadow: inset 0px 0px 0px 0px #656565;
|
||||
text-align: center;
|
||||
font-family: MyriadProBold;
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
padding: 5px;
|
||||
}
|
||||
& .answer {
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
text-align: center;
|
||||
font-family: MyriadProSemiBoldIt;
|
||||
line-height: 10px;
|
||||
color: #bfbfbf;
|
||||
font-size: 45px;
|
||||
& span {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.details-alimentation {
|
||||
& .title {
|
||||
margin-top: 20px;
|
||||
color: $blue;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
line-height: 22px;
|
||||
}
|
||||
& .box {
|
||||
margin: 20px auto 0 auto;
|
||||
width: 90%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
|
||||
& img {
|
||||
&.type {
|
||||
display: none;
|
||||
}
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
& .circuit {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
& p {
|
||||
color: #00245a;
|
||||
line-height: 18px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 15px;
|
||||
font-family: Arial;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.details-alimentation {
|
||||
& .box {
|
||||
margin: 20px auto 0 auto;
|
||||
width: 90%;
|
||||
background-color: white;
|
||||
border-bottom-left-radius: 20px;
|
||||
border-bottom-right-radius: 20px;
|
||||
padding: 15px;
|
||||
box-shadow: inset 0px 0px 5px 0px #656565;
|
||||
|
||||
& .oeuf {
|
||||
width: 50%;
|
||||
margin: 0 auto 20px auto;
|
||||
}
|
||||
& p {
|
||||
color: #00245a;
|
||||
line-height: 18px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 15px;
|
||||
font-family: Arial;
|
||||
}
|
||||
}
|
||||
}
|
||||
23
resources/themes/loue/css/app.scss
vendored
Normal file
23
resources/themes/loue/css/app.scss
vendored
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
@import "reset";
|
||||
@import "fonts";
|
||||
@import "animate";
|
||||
@import "media_queries";
|
||||
|
||||
$yellow: #f4c600;
|
||||
$blue: #00245a;
|
||||
$grey: #696a6c;
|
||||
$red: #c20012;
|
||||
$egg: #fccb8d;
|
||||
$egg_blue: #107ff1;
|
||||
$footer_bg: #282649;
|
||||
|
||||
$elevage: #86ca3f;
|
||||
$emballage: #1b89c9;
|
||||
$magasin: #e20613;
|
||||
|
||||
body {
|
||||
background: url("/loue/img/bg.jpg") no-repeat top center / cover;
|
||||
}
|
||||
|
||||
@import "index";
|
||||
@import "sub-page";
|
||||
2
resources/themes/loue/js/jquery-3.4.1.min.js
vendored
Normal file
2
resources/themes/loue/js/jquery-3.4.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
16
resources/views/themes/loue/_sub-page.blade.php
Normal file
16
resources/views/themes/loue/_sub-page.blade.php
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<div class="sub-page {{ $subColor }}">
|
||||
<header>
|
||||
<a href="{{ $backUrl }}">
|
||||
<p class="arrow">◄</p>
|
||||
<p>Retour</p>
|
||||
</a>
|
||||
</header>
|
||||
{{ $slot }}
|
||||
<footer>
|
||||
<p>Suivez-nous !</p>
|
||||
<a href="https://www.facebook.com/loue/" target="_blank"><img src="/loue/img/fb.png" alt="Facebook"></a>
|
||||
<a href="https://twitter.com/FermiersdeLoue" target="_blank"><img src="/loue/img/twitter.png" alt="Twitter"></a>
|
||||
<a href="https://www.instagram.com/fermiers_de_loue/" target="_blank"><img src="/loue/img/instagram.png" alt="Instagram"></a>
|
||||
<a href="https://www.loue.fr/" target="_blank">Loué.fr</a>
|
||||
</footer>
|
||||
</div>
|
||||
20
resources/views/themes/loue/details-alimentation.blade.php
Normal file
20
resources/views/themes/loue/details-alimentation.blade.php
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'yellow')
|
||||
@slot('backUrl', '/123456')
|
||||
<div class="details-alimentation">
|
||||
<p class="title">De quoi est composée l'alimentation des poules ?</p>
|
||||
<div class="box">
|
||||
<img src="/loue/img/alimentation_bio.png" alt="Alimentation Bio" class="type active">
|
||||
<img src="/loue/img/alimentation_bio.png" alt="Alimentation Label Rouge" class="type">
|
||||
</div>
|
||||
<p class="title">D'où proviennent les céréales ?</p>
|
||||
<div class="box">
|
||||
<p>De l’éleveur lui-même. Il cultive les céréales qui seront ensuite envoyées à l’usine d’aliments de la coopérative des Fermiers de Loué, ALIFEL, pour les transformer en alimentation pour poules, qui sera ensuite retournée à l’éleveur.</p>
|
||||
<img src="/loue/img/circuit_alimentation.png" alt="Circuit Alimentation" class="circuit">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
14
resources/views/themes/loue/details-emballage.blade.php
Normal file
14
resources/views/themes/loue/details-emballage.blade.php
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'emballage')
|
||||
@slot('backUrl', '/123456')
|
||||
<div class="details-alimentation">
|
||||
<div class="box">
|
||||
<img src="/loue/img/LOGO_LOEUF.png" alt="Logo l'oeuf" class="oeuf">
|
||||
<p>Une fois les œufs triés à la main par nos éleveurs, un camion passe 4 fois par semaine dans les fermes pour les récupérer et les emmener au centre d’emballage : LOEUF (72). Les œufs pourront y être contrôlés, triés, calibrés et emballés dans les boîtes prêts à être livrés dans vos magasins.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'elevage')
|
||||
@slot('backUrl', '/infos-elevages')
|
||||
<div class="elevage-liberte">
|
||||
<p class="title">Un mode d'élevage en liberté,<br>qu'est-ce que cela signifie ?</p>
|
||||
<img src="/loue/img/generique.jpg" alt="Loué" class="img">
|
||||
<div class="items">
|
||||
<p class="description">Même si les œufs Plein Air et les œufs Label Rouge de Loué bénéficient du même code d’identification (code 1), de grandes différences existent :</p>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
72
resources/views/themes/loue/elevages/portrait.blade.php
Normal file
72
resources/views/themes/loue/elevages/portrait.blade.php
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'elevage')
|
||||
@slot('backUrl', '/123456')
|
||||
<div class="portrait-eleveur">
|
||||
<div class="top">
|
||||
<img src="/loue/img/tmp/eleveur.png" alt="Éleveur">
|
||||
<div class="content">
|
||||
<p>
|
||||
<span class="name green">Valérie DELAUNAY</span><br>
|
||||
35 ans <span class="green">/</span> MARESCHE (72)
|
||||
</p>
|
||||
<p>Éleveuse de poules de Loué depuis 2 ans</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="pagination">
|
||||
<div class="prev"></div>
|
||||
<div class="next"></div>
|
||||
<p>Question<br><span id="q-index">1</span>/4</p>
|
||||
</div>
|
||||
<div class="slider">
|
||||
<div class="item active" id="q-1">
|
||||
<p class="question">Parle nous un peu de toi...</p>
|
||||
<p class="answer">« <span class="green">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, doloribus, hic? Dignissimos, laboriosam, vitae? Alias autem deleniti dolorum earum est hic id illum modi officia optio, quibusdam recusandae ullam ut?</span> »</p>
|
||||
</div>
|
||||
<div class="item" id="q-2">
|
||||
<p class="question">Tu as toujours été éleveuse ?</p>
|
||||
<p class="answer">« <span class="green">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, doloribus, hic? Dignissimos, laboriosam, vitae? Alias autem deleniti dolorum earum est hic id illum modi officia optio, quibusdam recusandae ullam ut?</span> »</p>
|
||||
</div>
|
||||
<div class="item" id="q-3">
|
||||
<p class="question">Dis nous ce que tu aimes dans ton travail</p>
|
||||
<p class="answer">« <span class="green">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, doloribus, hic? Dignissimos, laboriosam, vitae? Alias autem deleniti dolorum earum est hic id illum modi officia optio, quibusdam recusandae ullam ut?</span> »</p>
|
||||
</div>
|
||||
<div class="item" id="q-4">
|
||||
<p class="question">Si je te dis Loué, ça te fait penser à quoi ?</p>
|
||||
<p class="answer">« <span class="green">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, doloribus, hic? Dignissimos, laboriosam, vitae? Alias autem deleniti dolorum earum est hic id illum modi officia optio, quibusdam recusandae ullam ut?</span> »</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
let currentPage = 1;
|
||||
const maxPage = $('.slider').children().length;
|
||||
|
||||
$('.next').on('click', function (e) {
|
||||
currentPage++;
|
||||
$("#q-"+ (currentPage - 1)).toggleClass('active');
|
||||
$("#q-"+ currentPage).removeClass('fadeInLeft animated').addClass('active fadeInRight animated');
|
||||
$("#q-index").text(currentPage);
|
||||
|
||||
if (currentPage > 1)
|
||||
$('.prev').show();
|
||||
if (currentPage === 4)
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('.prev').on('click', function (e) {
|
||||
currentPage--;
|
||||
$("#q-"+ (currentPage + 1)).toggleClass('active');
|
||||
$("#q-"+ currentPage).removeClass('fadeInRight animated').addClass('active fadeInLeft animated');
|
||||
$("#q-index").text(currentPage);
|
||||
|
||||
if (currentPage === 1)
|
||||
$(this).hide();
|
||||
if (currentPage < 4)
|
||||
$('.next').show();
|
||||
});
|
||||
|
||||
</script>
|
||||
@endcomponent
|
||||
@endsection
|
||||
49
resources/views/themes/loue/elevages/vs_oeufs.blade.php
Normal file
49
resources/views/themes/loue/elevages/vs_oeufs.blade.php
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'elevage')
|
||||
@slot('backUrl', '/infos-elevages')
|
||||
<div class="vs-oeufs">
|
||||
<p class="title">Quelle différence entre un œuf<br>plein air et un œuf fermier IGP<br>Label Rouge de Loué ?</p>
|
||||
<div class="items">
|
||||
<p class="description">Même si les œufs Plein Air et les œufs Label Rouge de Loué bénéficient du même code d’identification (code 1), de grandes différences existent :</p>
|
||||
<div class="tables">
|
||||
<div class="table">
|
||||
<table>
|
||||
<tr>
|
||||
<td></td>
|
||||
<th>Œufs fermiers IGP Label Rouge de Loué de poules élevées en liberté</th>
|
||||
<th>Œufs de poules élevées en Plein Air</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="/loue/img/poule.png" alt="Poule"></td>
|
||||
<td>Limité à 6 000 poules par exploitation</td>
|
||||
<td>Pas de limite</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="/loue/img/main_œuf.png" alt="Oeufs"></td>
|
||||
<td>Œufs ramassés quotidiennement et triés à la main</td>
|
||||
<td>Automatisé</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="/loue/img/ble.png" alt="Céréales"></td>
|
||||
<td>65 % de céréales locales minimu, sans OGM (<0,9%)</td>
|
||||
<td>Aucune garantie sur l’alimentation des poules</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="/loue/img/mail.png" alt="Lettre"></td>
|
||||
<td>Parcours extérieur de 8 m2 par poule</td>
|
||||
<td>Parcours extérieur de 4 m2 par poule</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="/loue/img/tracteur.png" alt="Tracteur"></td>
|
||||
<td>Conditionnement des œufs dans un rayon de 150 km de l’élevage</td>
|
||||
<td>Aucune contrainte géographique entre l’élevage et le centre d’emballage</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
37
resources/views/themes/loue/index.blade.php
Normal file
37
resources/views/themes/loue/index.blade.php
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
<header>
|
||||
<a href="/"><img src="/loue/img/logo.png" alt="Logo" class="logo"></a>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="block-fill">
|
||||
<div class="header">
|
||||
<p><span>Tout connaître</span><br>de l’origine de mes œufs</p>
|
||||
</div>
|
||||
<div class="body">
|
||||
<p class="message blue">Merci de compléter ces indications que<br>vous trouverez sur votre boîte d’œufs :</p>
|
||||
<form action="#">
|
||||
<div class="item">
|
||||
<label>Code du producteur <span>A</span> :</label>
|
||||
<input type="text" name="code" placeholder="Ex. 1FRJBB01" required>
|
||||
</div>
|
||||
<div class="item">
|
||||
<label>Date de consommation<br>recommandée (DCR) <span>B</span> :</label>
|
||||
<input type="text" name="date" placeholder="JJ/MM" pattern="[0-9]{2}/[0-9]{2}" required>
|
||||
</div>
|
||||
<input type="submit" value="Valider">
|
||||
</form>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>Informations sur votre boîte :</p>
|
||||
<div class="box">
|
||||
<p>Pondu le<br><span class="date">14/12</span></p>
|
||||
<p>À cons. de préf. avant le
|
||||
<br><span class="date">11/01</span><span class="step">B</span>
|
||||
<br><span class="prod">1FR0PD01</span><span class="step">A</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
135
resources/views/themes/loue/index_id.blade.php
Normal file
135
resources/views/themes/loue/index_id.blade.php
Normal file
|
|
@ -0,0 +1,135 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
<header>
|
||||
<a href="/"><img src="/loue/img/logo.png" alt="Logo" class="logo"></a>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="block blue">
|
||||
<div class="header">
|
||||
<p>Vous venez de scanner :</p>
|
||||
<p>Œufs fermiers de Loué de <br> poules élevées en liberté</p>
|
||||
<p>6 œufs biologiques IGP</p>
|
||||
</div>
|
||||
<div class="body">
|
||||
<img src="/loue/img/œufs_bio.png" alt="œufs Bio" class="box_img bio">
|
||||
<img src="/loue/img/œufs_lr.png" alt="œufs Bio" class="box_img lr">
|
||||
<div class="date">
|
||||
<p>Ces œufs ont été pondus le :</p>
|
||||
<p>14/10/2019</p>
|
||||
</div>
|
||||
<div class="date">
|
||||
<p>Ils sont à consommer de préférence avant le :</p>
|
||||
<p>11/11/2019</p>
|
||||
</div>
|
||||
<p class="message red"><span>ATTENTION !</span><br>La date de consommation recommandée (DCR) est dépassée. Vos œufs ne doivent plus être consommés.</p>
|
||||
<p class="message blue"><span>BONNE NOUVELLE !</span><br>Vous pouvez toujours connaître toute l'origine de vos œufs en parcourant cette page.</p>
|
||||
<div class="labels">
|
||||
<img src="/loue/img/LR.png" alt="Label Rouge" class="lr">
|
||||
<img src="/loue/img/AB.png" alt="Agriculture Biologique" class="bio">
|
||||
<img src="/loue/img/igp.png" alt="Indication Géographique Protégée">
|
||||
<img src="/loue/img/nutriscore.png" alt="Nutriscore">
|
||||
<img src="/loue/img/fermiers.png" alt="Fermiers">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<a href="/labels-et-certifications">en savoir + sur</a>
|
||||
<p>Les Labels et les Certifications</p>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#content" class="btn-discover"><b><i>Tout connaître de <br> l’origine de mes œufs</i></b></a>
|
||||
<div class="elevage" id="content">
|
||||
<p class="title">Élevage</p>
|
||||
<div class="box">
|
||||
<div class="date">
|
||||
<p>Date de l'arrivée des poules <br> dans le poulailler :</p>
|
||||
<p>14/10/2019</p>
|
||||
</div>
|
||||
<div class="title">
|
||||
<p>Ces poules ont été élevées en liberté</p>
|
||||
<a href="/infos-elevages"><img src="/loue/img/picto_info_elevage.png" alt="Info"></a>
|
||||
</div>
|
||||
<div class="details">
|
||||
<p class="by">
|
||||
<span class="green">PAR : </span> Valérie DELAUNAY <br>
|
||||
<span class="green">À : </span> MARESCHE (72)
|
||||
</p>
|
||||
<img src="/loue/img/elevage.jpg" alt="Élevage">
|
||||
<div class="bottom one">
|
||||
<a href="/portrait-eleveur">en savoir + sur</a>
|
||||
<p>Valérie DELAUNAY</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="elevage" id="content">
|
||||
<p class="title">Élevage</p>
|
||||
<div class="box">
|
||||
<div class="date">
|
||||
<p>Date de l'arrivée des poules <br> dans le poulailler :</p>
|
||||
<p>14/10/2019</p>
|
||||
</div>
|
||||
<div class="title">
|
||||
<p>Ces poules ont été élevées en liberté</p>
|
||||
<a href="/infos-elevages"><img src="/loue/img/picto_info_elevage.png" alt="Info"></a>
|
||||
</div>
|
||||
<div class="details">
|
||||
<p class="by">
|
||||
<span class="green">PAR PLUSIEURS ÉLEVEURS :</span>
|
||||
</p>
|
||||
<img src="/loue/img/elevage_multiple.jpg" alt="Élevage">
|
||||
<div class="bottom multiple">
|
||||
<a href="#">Valérie DELAUNAY <br> <span class="light">MARESCHE (72)</span></a>
|
||||
<a href="#">Valérie DELAUNAY <br> <span class="light">MARESCHE (72)</span></a>
|
||||
<a href="#">Valérie DELAUNAY <br> <span class="light">MARESCHE (72)</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alimentation">
|
||||
<p class="title">Alimentation</p>
|
||||
<div class="box">
|
||||
<div class="title">
|
||||
<p>Poules nourries à base de céréales locales (65% minimum) garanties sans OGM (<0,9%)</p>
|
||||
<a href="/details-alimentation"><img src="/loue/img/picto_info_alimentation.png" alt="Info"></a>
|
||||
</div>
|
||||
<p class="infos"><span class="yellow">Usine d'aliment : </span><br>ALIFEL, 72540 Loué</p>
|
||||
<p class="infos"><span class="yellow">Dernière livraison : </span><br>26/09/2019</p>
|
||||
<img src="/loue/img/ALIFEL.png" alt="Alifel" class="alifel">
|
||||
<div class="bottom">
|
||||
<a href="/details-alimentation">en savoir +</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="emballage">
|
||||
<p class="title">Emballage</p>
|
||||
<div class="box">
|
||||
<p class="date">17/10/2019</p>
|
||||
<p class="lieu"><span class="title">LIEU : </span>LA BAZOGE (72650)</p>
|
||||
<p class="description">Chaque œuf est vérifié et trié individuellement, puis emballé dans des boîtes recyclées et recyclables.</p>
|
||||
<img src="/loue/img/LOGO_LOEUF.png" alt="Logo">
|
||||
<div class="bottom">
|
||||
<a href="/details-emballage">en savoir + sur</a>
|
||||
<p>LŒUF</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="magasin">
|
||||
<p class="title">Magasin</p>
|
||||
<div class="box">
|
||||
<p class="title">Merci pour votre confiance !</p>
|
||||
<p class="description">Les Fermiers de Loué vous offrent<br>un bon de réduction de 0,50 €<br>pour votre prochain achat d'œufs.</p>
|
||||
<img src="/loue/img/bon_reduc.png" alt="Réduction">
|
||||
<div class="bottom">
|
||||
<a href="#">Cliquez ici<br>pour en profiter</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Suivez-nous !</p>
|
||||
<a href="https://www.facebook.com/loue/" target="_blank"><img src="/loue/img/fb.png" alt="Facebook"></a>
|
||||
<a href="https://twitter.com/FermiersdeLoue" target="_blank"><img src="/loue/img/twitter.png" alt="Twitter"></a>
|
||||
<a href="https://www.instagram.com/fermiers_de_loue/" target="_blank"><img src="/loue/img/instagram.png" alt="Instagram"></a>
|
||||
<a href="https://www.loue.fr/" target="_blank">Loué.fr</a>
|
||||
</footer>
|
||||
</div>
|
||||
@endsection
|
||||
26
resources/views/themes/loue/infos_elevages.blade.php
Normal file
26
resources/views/themes/loue/infos_elevages.blade.php
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'elevage')
|
||||
@slot('backUrl', '/123456')
|
||||
<div class="infos-elevages">
|
||||
<p class="title">Infos pratiques</p>
|
||||
<div class="items">
|
||||
<div class="item">
|
||||
<img src="/loue/img/infos-elevages-1.jpg" alt="Élevage en liberté" class="top-img">
|
||||
<div class="text">
|
||||
<p>un mode d'élevage en liberté, qu'est-ce que cela signifie ?</p>
|
||||
<a href="/elevage-liberte"><img src="/loue/img/loupe.png" alt="En savoir +"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/infos-elevages-2.jpg" alt="Différence entre les œufs" class="top-img">
|
||||
<div class="text">
|
||||
<p>Quelle différence entre un œuf plein air et un œuf fermier IGP Label Rouge de Loué ?</p>
|
||||
<a href="/differences-oeufs"><img src="/loue/img/loupe.png" alt="En savoir +"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
38
resources/views/themes/loue/labels/fermiers.blade.php
Normal file
38
resources/views/themes/loue/labels/fermiers.blade.php
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'blue')
|
||||
@slot('backUrl', '/labels-et-certifications')
|
||||
<div class="labels-and-certifs">
|
||||
<div class="label-fermiers">
|
||||
<img src="/loue/img/fermiers.png" alt="Fermiers" class="logo">
|
||||
<p class="title">Qu’est-ce-qu’un œuf «fermier» ?</p>
|
||||
<div class="box">
|
||||
<p>Le terme « fermier » va bien au-delà d’un mot inscrit sur une boîte. C’est un décret délibéré qui doit répondre à un cahier des charges bien précis. Pour en bénéficier, 5 critères sont à respecter :</p>
|
||||
<div class="items">
|
||||
<div class="item">
|
||||
<img src="/loue/img/poule.png" alt="Poule">
|
||||
<p>Élevage limité à 6 000 poules</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/main_œuf.png" alt="Oeufs">
|
||||
<p>Œufs ramassés quotidiennement et triés à la main</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/ble.png" alt="Céréales">
|
||||
<p>Céréales contenues dans l’alimentation issues de l’exploitation ou des exploitations environnantes</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/mail.png" alt="Lettre">
|
||||
<p>Nom et adresse de l’éleveur mentionnés sur la boîte</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/tracteur.png" alt="Tracteur">
|
||||
<p>Élevage intégré dans une activité agricole diversifiée</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
18
resources/views/themes/loue/labels/igp.blade.php
Normal file
18
resources/views/themes/loue/labels/igp.blade.php
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'blue')
|
||||
@slot('backUrl', '/labels-et-certifications')
|
||||
<div class="labels-and-certifs">
|
||||
<div class="label-igp">
|
||||
<img src="/loue/img/igp.png" alt="Indication Géographique Protégée" class="logo">
|
||||
<p class="title">Une filière locale encadrée par l’Indication Géographique Protégée (IGP)</p>
|
||||
<div class="box">
|
||||
<p>Les œufs de Loué sont les seuls à bénéficier d’une Indication Géographique Contrôlée (IGP). Celle-ci détermine une zone d’élevage délimitée.
|
||||
<br><br>
|
||||
Pour les œufs et les volailles de Loué, l’IGP se concentre dans un périmètre de 150 km autour du village de Loué situé en Sarthe (72).</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
23
resources/views/themes/loue/labels/label_bio.blade.php
Normal file
23
resources/views/themes/loue/labels/label_bio.blade.php
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'green')
|
||||
@slot('backUrl', '/labels-et-certifications')
|
||||
<div class="labels-and-certifs">
|
||||
<div class="label-bio">
|
||||
<img src="/loue/img/AB.png" alt="Agriculture Biologique" class="logo">
|
||||
<p class="title">Qu'est-ce qu'un œuf BIO ?</p>
|
||||
<div class="box">
|
||||
<p>Depuis 1994, les Fermiers de Loué ont décidé de s’engager dans l’élevage biologique. Le Label Agriculture Biologique garantit un mode de production fondé sur la non-utilisation de produits chimiques de synthèse et d’OGM.
|
||||
<br>
|
||||
Ce Label permet aux Fermiers de Loué d’aller encore plus loin dans le respect de l’environnement et du bien-être animal.
|
||||
</p>
|
||||
<p>Les œufs de Loué sont exclusivement des œufs de poules élevées en liberté, Label Rouge (code 1) ou Bio (code 0).</p>
|
||||
</div>
|
||||
<div class="embed">
|
||||
<iframe src="https://www.youtube.com/embed/IeTVms72rJw?controls=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
20
resources/views/themes/loue/labels/label_rouge.blade.php
Normal file
20
resources/views/themes/loue/labels/label_rouge.blade.php
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'blue')
|
||||
@slot('backUrl', '/labels-et-certifications')
|
||||
<div class="labels-and-certifs">
|
||||
<div class="label-rouge">
|
||||
<img src="/loue/img/LR.png" alt="Label Rouge" class="logo">
|
||||
<p class="title">Le Label Rouge, un Label de qualité</p>
|
||||
<div class="box">
|
||||
<p>Les produits certifiés Label Rouge répondent à un cahier des charges strict, garantissant un niveau de qualité supérieur. Pour y prétendre, un organisme certificateur indépendant se rend chez les éleveurs pour les auditer.</p>
|
||||
<p>Les œufs de Loué sont exclusivement des œufs de poules élevées en liberté, Label Rouge (code 1) ou Bio (code 0).</p>
|
||||
</div>
|
||||
<div class="embed">
|
||||
<iframe src="https://www.youtube.com/embed/eXyg-eRPpSw?controls=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
19
resources/views/themes/loue/labels/nutriscore.blade.php
Normal file
19
resources/views/themes/loue/labels/nutriscore.blade.php
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'blue')
|
||||
@slot('backUrl', '/labels-et-certifications')
|
||||
<div class="labels-and-certifs">
|
||||
<div class="label-nutriscore">
|
||||
<img src="/loue/img/nutriscore.png" alt="Nutriscore" class="logo">
|
||||
<p class="title">Les œufs de Loué sont notés A au Nutri-Score</p>
|
||||
<div class="box">
|
||||
<p>Conçu dans le cadre du Programme National Nutrition santé, le logo Nutri-Score est le logo officier de l’étiquetage nutritionnel en France. Diététiques, riches en bons nutriments et reconnus meilleure source naturelle de protéines, les œufs fermiers de Loué (Label rouge ou Bio) obtiennent la lettre A : la notation la plus favorable sur le plan nutritionnel.</p>
|
||||
</div>
|
||||
<div class="embed">
|
||||
<iframe src="https://www.youtube.com/embed/D9rFCgZa9zs?controls=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
37
resources/views/themes/loue/labels_and_certifs.blade.php
Normal file
37
resources/views/themes/loue/labels_and_certifs.blade.php
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
@extends('themes.loue.layout')
|
||||
@section('content')
|
||||
@component('themes.loue._sub-page')
|
||||
@slot('subColor', 'blue')
|
||||
@slot('backUrl', '/123456')
|
||||
<div class="labels-and-certifs">
|
||||
<div class="menu">
|
||||
<p class="title">Mieux comprendre les Labels et les Certifications</p>
|
||||
<div class="item bio">
|
||||
<img src="/loue/img/AB.png" alt="Agriculture Biologique">
|
||||
<p>Qu'est-ce qu'un œuf BIO ?</p>
|
||||
<a href="/label-bio"><img src="/loue/img/loupe.png" alt="En savoir +"></a>
|
||||
</div>
|
||||
<div class="item lr">
|
||||
<img src="/loue/img/LR.png" alt="Label Rouge">
|
||||
<p>Le label Rouge, un<br>Label de qualité</p>
|
||||
<a href="/label-rouge"><img src="/loue/img/loupe.png" alt="En savoir +"></a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/igp.png" alt="Indication Géographique Protégée">
|
||||
<p>Une fillière locale<br>encadrée par l'Indication<br>Géographique Protégée<br>(IGP)</p>
|
||||
<a href="/label-igp"><img src="/loue/img/loupe.png" alt="En savoir +"></a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/nutriscore.png" alt="Nutriscore">
|
||||
<p>Les œufs de Loué sont<br>notés A au Nutri-Score</p>
|
||||
<a href="/label-nutriscore"><img src="/loue/img/loupe.png" alt="En savoir +"></a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="/loue/img/fermiers.png" alt="Fermiers">
|
||||
<p>Qu'est-ce-qu'un œuf<br>"fermiers" ?</p>
|
||||
<a href="/label-fermiers"><img src="/loue/img/loupe.png" alt="En savoir +"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endcomponent
|
||||
@endsection
|
||||
16
resources/views/themes/loue/layout.blade.php
Normal file
16
resources/views/themes/loue/layout.blade.php
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
||||
<title>Document</title>
|
||||
<!-- Styles -->
|
||||
<link href="{{ asset('loue/css/app.css') }}" rel="stylesheet">
|
||||
<!-- jQuery -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
@yield('content')
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -27,6 +27,46 @@ Route::group(['prefix' => 'bo'], function () {
|
|||
Route::post('/send-mep-file', 'AjaxController@importMep');
|
||||
Route::post('/send-aliment-file', 'AjaxController@importAliment');
|
||||
|
||||
Route::get('/', function () {
|
||||
return redirect(route('eleveur.index'));
|
||||
|
||||
Route::get('/', function (){
|
||||
return view('themes.loue.index');
|
||||
});
|
||||
Route::get('/labels-et-certifications', function (){
|
||||
return view('themes.loue.labels_and_certifs');
|
||||
});
|
||||
Route::get('/label-rouge', function (){
|
||||
return view('themes.loue.labels.label_rouge');
|
||||
});
|
||||
Route::get('/label-bio', function (){
|
||||
return view('themes.loue.labels.label_bio');
|
||||
});
|
||||
Route::get('/label-igp', function (){
|
||||
return view('themes.loue.labels.igp');
|
||||
});
|
||||
Route::get('/label-nutriscore', function (){
|
||||
return view('themes.loue.labels.nutriscore');
|
||||
});
|
||||
Route::get('/label-fermiers', function (){
|
||||
return view('themes.loue.labels.fermiers');
|
||||
});
|
||||
Route::get('/infos-elevages', function (){
|
||||
return view('themes.loue.infos_elevages');
|
||||
});
|
||||
Route::get('/differences-oeufs', function (){
|
||||
return view('themes.loue.elevages.vs_oeufs');
|
||||
});
|
||||
Route::get('/elevage-liberte', function (){
|
||||
return view('themes.loue.elevages.elevage_liberte');
|
||||
});
|
||||
Route::get('/portrait-eleveur', function (){
|
||||
return view('themes.loue.elevages.portrait');
|
||||
});
|
||||
Route::get('/details-alimentation', function(){
|
||||
return view('themes.loue.details-alimentation');
|
||||
});
|
||||
Route::get('/details-emballage', function(){
|
||||
return view('themes.loue.details-emballage');
|
||||
});
|
||||
Route::get('/{id}', function (){
|
||||
return view('themes.loue.index_id');
|
||||
});
|
||||
|
|
|
|||
10
webpack.mix.js
vendored
10
webpack.mix.js
vendored
|
|
@ -11,5 +11,15 @@ const mix = require('laravel-mix');
|
|||
|
|
||||
*/
|
||||
|
||||
/*
|
||||
BO
|
||||
*/
|
||||
mix.js('resources/js/app.js', 'public/js')
|
||||
.sass('resources/sass/app.scss', 'public/css');
|
||||
|
||||
/*
|
||||
THEME LOUE
|
||||
*/
|
||||
mix.sass('resources/themes/loue/css/app.scss', 'public/loue/css');
|
||||
mix.copy('resources/themes/loue/img', 'public/loue/img');
|
||||
mix.copy('resources/themes/loue/fonts', 'public/loue/fonts');
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue