<div class="logo"> | <div class="logo"> | ||||
<img src="../img/laboulange4.png" alt="Logo" /> | <img src="../img/laboulange4.png" alt="Logo" /> | ||||
</div> | </div> | ||||
<h1>La boîte à pain</h1> | |||||
<h2>Plateforme de réservation de pain</h2> | |||||
<h1>distrib</h1> | |||||
<h2>Plateforme de gestion de commandes</h2> | |||||
</div> | </div> | ||||
<div class="clr"></div> | <div class="clr"></div> | ||||
<h3>Pour réserver votre pain en ligne</h3> | |||||
<h3>Pour réserver vos produits en ligne</h3> | |||||
<ol> | <ol> | ||||
<li>Inscrivez-vous sur <strong>www.laboiteapain.net</strong></li> | |||||
<li>Inscrivez-vous sur <strong>www.opendistrib.net</strong> en choisisant le producteur <strong><?= Html::encode($producer->name); ?></strong></li> | |||||
<?php if(strlen($producer->code)): ?> | <?php if(strlen($producer->code)): ?> | ||||
<li>Ajoutez le producteur <strong><?= Html::encode($producer->name); ?></strong><br />grâce au code : <span class="code"><strong><?= Html::encode($producer->code) ?></strong> <?php if(!isset($pdf)): echo Html::a('<span class="glyphicon glyphicon-pencil"></span>', ['producer/update'], ['class'=> 'btn btn-default btn-xs']); endif; ?></span></li> | |||||
<?php else: ?> | |||||
<li>Ajoutez le producteur <strong><?= Html::encode($producer->name); ?></strong></li> | |||||
<li>Utilisez le code : <span class="code"><strong><?= Html::encode($producer->code) ?></strong> <?php if(!isset($pdf)): echo Html::a('<span class="glyphicon glyphicon-pencil"></span>', ['producer/update'], ['class'=> 'btn btn-default btn-xs']); endif; ?></span></li> | |||||
<?php endif; ?> | <?php endif; ?> | ||||
<li>Passez votre commande</li> | <li>Passez votre commande</li> | ||||
</ol> | </ol> |
<header class="main-header"> | <header class="main-header"> | ||||
<?= Html::a('<span class="logo-mini"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/laboulange3.png" /></span><span class="logo-lg"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/laboulange3.png" /></span>', Yii::$app->homeUrl, ['class' => 'logo']) ?> | |||||
<?= Html::a('<span class="logo-mini"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/logo-distrib.png" /></span><span class="logo-lg"><img src="'.Yii::$app->urlManagerBackend->getBaseUrl().'/img/logo-distrib.png" /></span>', Yii::$app->homeUrl, ['class' => 'logo']) ?> | |||||
<nav class="navbar navbar-static-top" role="navigation"> | <nav class="navbar navbar-static-top" role="navigation"> | ||||
attrs: [], | attrs: [], | ||||
themeStyles: { | themeStyles: { | ||||
wrapper: { | wrapper: { | ||||
background: '#BB8757', | |||||
color: '#fafafa', | |||||
background: '#F7F7F7', | |||||
color: '#333', | |||||
border: 'solid 1px #e0e0e0' | |||||
}, | }, | ||||
header: { | header: { | ||||
padding: '10px 10px', | padding: '10px 10px', | ||||
width: '80%', | width: '80%', | ||||
}, | }, | ||||
weekdays: { | weekdays: { | ||||
color: 'white', | |||||
color: '#e0e0e0', | |||||
fontWeight: '600', | fontWeight: '600', | ||||
padding: '10px 10px', | padding: '10px 10px', | ||||
fontSize: '2rem' | fontSize: '2rem' | ||||
for(var i= 0; i < distributions.length; i++) { | for(var i= 0; i < distributions.length; i++) { | ||||
this.calendar.attrs.push({ | this.calendar.attrs.push({ | ||||
highlight: { | highlight: { | ||||
backgroundColor: '#00A65A', | |||||
backgroundColor: '#5cb85c', | |||||
}, | |||||
contentStyle: { | |||||
color: 'white', | |||||
}, | }, | ||||
dates: distributions[i].date, | dates: distributions[i].date, | ||||
}) ; | }) ; |
body.skin-black { | body.skin-black { | ||||
.main-header { | .main-header { | ||||
.logo { | .logo { | ||||
background-color: darken($color1,5) ; | |||||
background-color: white ; | |||||
&:hover { | &:hover { | ||||
background-color: $color1 ; | |||||
background-color: white ; | |||||
} | } | ||||
.logo-lg { | .logo-lg { | ||||
img { | img { | ||||
} | } | ||||
} | } | ||||
.navbar { | .navbar { | ||||
background-color: $color1 ; | |||||
background-color: white ; | |||||
.sidebar-toggle { | .sidebar-toggle { | ||||
color: white ; | |||||
color: #333 ; | |||||
} | } | ||||
.navbar-custom-menu .navbar-nav > li > a, | .navbar-custom-menu .navbar-nav > li > a, | ||||
.navbar-right > li > a { | .navbar-right > li > a { | ||||
border-left: solid 1px lighten($color1, 15) ; | |||||
color: white ; | |||||
border-left: solid 1px #e0e0e0 ; | |||||
color: #333 ; | |||||
} | } | ||||
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, | .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, | ||||
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus, | .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, | ||||
.nav > .active > a { | .nav > .active > a { | ||||
color: white ; | |||||
background-color: darken($color1, 4) ; | |||||
color: #FF7F00 ; | |||||
} | } | ||||
.dropdown-menu { | .dropdown-menu { | ||||
} | } | ||||
.logo, .navbar .sidebar-toggle { | .logo, .navbar .sidebar-toggle { | ||||
border-right: solid 1px lighten($color1, 15) ; | |||||
border-right: solid 1px #e0e0e0 ; | |||||
} | } | ||||
.link-control-sidebar { | .link-control-sidebar { | ||||
background-color: #f5f5f5 ; | background-color: #f5f5f5 ; | ||||
.content-header { | .content-header { | ||||
//background-color: $color2 ; | |||||
background-color: #eeeeee ; | |||||
background-color: #F5F5F5 ; | |||||
padding-bottom: 15px ; | padding-bottom: 15px ; | ||||
border-bottom: solid 1px #e0e0e0 ; | border-bottom: solid 1px #e0e0e0 ; | ||||
border-top: solid 1px #e0e0e0 ; | |||||
.btn { | .btn { | ||||
padding: 3px 6px ; | padding: 3px 6px ; | ||||
font-size: 13px ; | font-size: 13px ; | ||||
} | } | ||||
h1 { | |||||
font-family: 'highvoltageregular' ; | |||||
} | |||||
} | } | ||||
a { | a { | ||||
color: $color1 ; | color: $color1 ; | ||||
} | } |
.c-day-popover-content { | .c-day-popover-content { | ||||
font-size: 1.3rem ; | font-size: 1.3rem ; | ||||
} | } | ||||
.c-title { | |||||
text-transform: uppercase ; | |||||
font-family: 'capsuularegular' ; | |||||
} | |||||
} | } | ||||
#products { | #products { |
$dir-fonts: '../fonts/' ; | $dir-fonts: '../fonts/' ; | ||||
@import "_fonts.scss" ; | @import "_fonts.scss" ; | ||||
$color1: #BB8757 ; | |||||
$color2: #F8F1DD ; | |||||
$color1: #FF7F00 ; | |||||
$color2: white ; | |||||
.clr { | .clr { | ||||
clear: both ; | clear: both ; | ||||
} | } | ||||
h1 { | h1 { | ||||
font-family: 'comfortaaregular' ; | |||||
font-family: 'highvoltageregular' ; | |||||
font-size: 40px ; | font-size: 40px ; | ||||
margin-top: 0px ; | margin-top: 0px ; | ||||
margin-bottom: 0px ; | margin-bottom: 0px ; | ||||
h2 { | h2 { | ||||
margin-top: 0px ; | margin-top: 0px ; | ||||
font-family: 'myriadpro-regular' ; | |||||
font-family: 'capsuularegular' ; | |||||
font-size: 20px ; | font-size: 20px ; | ||||
margin-top: 0px ; | margin-top: 0px ; | ||||
position: relative ; | position: relative ; | ||||
} | } | ||||
h3 { | h3 { | ||||
font-family: 'comfortaalight' ; | |||||
font-family: 'myriadpro-regular' ; | |||||
font-size: 20px ; | font-size: 20px ; | ||||
color: $color1 ; | color: $color1 ; | ||||
margin-top: 0px ; | margin-top: 0px ; |