Update css for header and footer
This commit is contained in:
thibault173
parent
c72ca9e5ed
commit
ec70f39201
1
app/assets/stylesheets/config_public/_fonts.scss
Normal file
1
app/assets/stylesheets/config_public/_fonts.scss
Normal file
@ -0,0 +1 @@
|
|||||||
|
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i,500,500i,600,600i,700,700i|Fugaz+One|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Russo+One');
|
||||||
28
app/assets/stylesheets/config_public/_general_rules.scss
Normal file
28
app/assets/stylesheets/config_public/_general_rules.scss
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
body {
|
||||||
|
font-family: 'Montserrat', sans-serif;
|
||||||
|
color: #000;
|
||||||
|
font-size: 15px;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none !important;
|
||||||
|
color: #CC4B14;
|
||||||
|
&:hover {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
&:focus {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
26
app/assets/stylesheets/shared/_flashs.scss
Normal file
26
app/assets/stylesheets/shared/_flashs.scss
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
.flashs{
|
||||||
|
background: #F9F1E4;
|
||||||
|
color: #333f48;
|
||||||
|
padding: 30px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
|
||||||
|
.notice, .error, .alert{
|
||||||
|
margin:0;
|
||||||
|
padding:0;
|
||||||
|
max-width:1000px;
|
||||||
|
margin:auto;
|
||||||
|
}
|
||||||
|
.error{
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.remove{
|
||||||
|
position:absolute;
|
||||||
|
top:6px;
|
||||||
|
right:8px;
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
120
app/assets/stylesheets/shared/_footer.scss
Normal file
120
app/assets/stylesheets/shared/_footer.scss
Normal file
@ -0,0 +1,120 @@
|
|||||||
|
#footer {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
padding: 50px 0px;
|
||||||
|
background: url(/images/interface/bg-footer.jpg);
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
opacity: .9;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
content: '';
|
||||||
|
background-color: #0d0d0d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-section {
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.fa-facebook-f {
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
font-size: 14px;
|
||||||
|
a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
margin-top: 28px;
|
||||||
|
margin-bottom: 27px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: white;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: "Roboto Condensed", sans-serif;
|
||||||
|
&:before {
|
||||||
|
display: inline-block;
|
||||||
|
width: 10px;
|
||||||
|
height: 3px;
|
||||||
|
margin-right: 15px;
|
||||||
|
content: '';
|
||||||
|
vertical-align: middle;
|
||||||
|
background-color: #ffe500;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer-list_columns {
|
||||||
|
a {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 20px;
|
||||||
|
&:after {
|
||||||
|
position: absolute;
|
||||||
|
top: 7px;
|
||||||
|
left: 0;
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
content: '';
|
||||||
|
-webkit-transform: rotate(45deg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
border-top: 2px solid #ccc;
|
||||||
|
border-right: 2px solid #ccc;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-contact {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 9px;
|
||||||
|
padding-left: 38px;
|
||||||
|
letter-spacing: .02em;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
a {
|
||||||
|
&:hover {
|
||||||
|
color: #CC4B14 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
margin-right: 10px;
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: #ccc;
|
||||||
|
}
|
||||||
|
.icon-xs {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
.icon-lg {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-contact_lg {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.1;
|
||||||
|
letter-spacing: 0;
|
||||||
|
}
|
||||||
|
.footer__info {
|
||||||
|
margin: 30px 0px;
|
||||||
|
line-height: 1.86;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #bbb;
|
||||||
|
}
|
||||||
|
.footer__logo {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 27px;
|
||||||
|
}
|
||||||
|
}
|
||||||
153
app/assets/stylesheets/shared/_header.scss
Normal file
153
app/assets/stylesheets/shared/_header.scss
Normal file
@ -0,0 +1,153 @@
|
|||||||
|
#header {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #000;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 10px 0px;
|
||||||
|
-webkit-transition: all 0.5s ease;
|
||||||
|
-moz-transition: all 0.5s ease;
|
||||||
|
-ms-transition: all 0.5s ease;
|
||||||
|
-o-transition: all 0.5s ease;
|
||||||
|
transition: all 0.5s ease;
|
||||||
|
#logo {
|
||||||
|
z-index: 2;
|
||||||
|
margin: 0px;
|
||||||
|
display: inline-block;
|
||||||
|
width: 30%;
|
||||||
|
margin-bottom: -25px;
|
||||||
|
vertical-align: bottom;
|
||||||
|
text-align: left;
|
||||||
|
img {
|
||||||
|
z-index: 39;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0px;
|
||||||
|
font-size: 1.65em;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .top-bar {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
background-color: #000;
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 10px;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
font-family: "Roboto Condensed", sans-serif;
|
||||||
|
-webkit-transition: all 0.5s;
|
||||||
|
-moz-transition: all 0.5s;
|
||||||
|
-ms-transition: all 0.5s;
|
||||||
|
-o-transition: all 0.5s;
|
||||||
|
transition: all 0.5s;
|
||||||
|
height: 27px;
|
||||||
|
overflow: hidden;
|
||||||
|
i {
|
||||||
|
color: #fff;
|
||||||
|
opacity: 0.6;
|
||||||
|
padding: 0px 10px;
|
||||||
|
font-size: 15px;
|
||||||
|
padding-right:0px;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: rgba(255, 255, 255, 0.7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#header .main-content {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-end;
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-family: "Roboto Condensed", sans-serif;
|
||||||
|
padding: 3px 15px;
|
||||||
|
}
|
||||||
|
li a:hover, li a.active {
|
||||||
|
border-bottom: 1px solid #fd0;
|
||||||
|
}
|
||||||
|
li a {
|
||||||
|
padding-bottom: 5px;
|
||||||
|
color: rgba(255,255,255,0.7);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#mobile_menu{
|
||||||
|
z-index:900;
|
||||||
|
position:fixed;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
right:0;
|
||||||
|
bottom:0;
|
||||||
|
background:rgba(0,0,0,0.9);
|
||||||
|
color:white;
|
||||||
|
padding:20px;
|
||||||
|
display:none;
|
||||||
|
|
||||||
|
.mobile_second_menu{
|
||||||
|
padding:10px 0;
|
||||||
|
ul{
|
||||||
|
margin:0;
|
||||||
|
list-style:none;
|
||||||
|
li{display:inline-block;
|
||||||
|
margin:4px 10px;
|
||||||
|
margin-left:0;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
a{color:white;}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mobile_first_menu{
|
||||||
|
margin-top:20px;
|
||||||
|
font-family: "Roboto Condensed", sans-serif;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color:white;
|
||||||
|
|
||||||
|
ul{
|
||||||
|
margin:0;
|
||||||
|
list-style:none;
|
||||||
|
li{display:block;
|
||||||
|
|
||||||
|
padding:5px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{color:white;}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#burger_menu{
|
||||||
|
z-index:1000;
|
||||||
|
top:5px;
|
||||||
|
right:5px;
|
||||||
|
bottom:inherit;
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media screen and (max-width: 1170px) {
|
||||||
|
#header .top-bar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 740px) {
|
||||||
|
#header #burger_menu {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
#header .menus {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -11,7 +11,6 @@ class Public::MenuItemsController < ApplicationController
|
|||||||
@menu_item= MenuItem.archived.find(params[:id])
|
@menu_item= MenuItem.archived.find(params[:id])
|
||||||
end
|
end
|
||||||
|
|
||||||
|
|
||||||
def show
|
def show
|
||||||
|
|
||||||
if params[:lang]
|
if params[:lang]
|
||||||
|
|||||||
@ -72,205 +72,8 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
%body.pageAccueil
|
%body
|
||||||
#mobile_menu
|
=render partial: 'public/shared/header'
|
||||||
.mobile_second_menu
|
=render partial: 'public/shared/flashes'
|
||||||
|
=yield
|
||||||
%ul.social-links
|
=render partial: 'public/shared/footer'
|
||||||
|
|
||||||
|
|
||||||
%li
|
|
||||||
-if current_p_customer
|
|
||||||
=link_to public_my_account_path do
|
|
||||||
=ic(:user)
|
|
||||||
Mon compte :
|
|
||||||
=current_p_customer.particular.firstname
|
|
||||||
=current_p_customer.particular.name
|
|
||||||
|
|
||||||
-else
|
|
||||||
=link_to ic(:user)+" Mon compte", public_my_account_path
|
|
||||||
|
|
||||||
|
|
||||||
%li
|
|
||||||
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
|
||||||
=ic :"facebook-f"
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.mobile_first_menu
|
|
||||||
%ul
|
|
||||||
|
|
||||||
|
|
||||||
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
|
||||||
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
|
||||||
%li
|
|
||||||
=menu_item_link(menu_item)
|
|
||||||
|
|
||||||
|
|
||||||
-if false
|
|
||||||
%li.PGS_ROULAGE
|
|
||||||
=link_to "Trouvez votre journée", public_m_events_path
|
|
||||||
|
|
||||||
|
|
||||||
%li.PGS_ANNUAIRE_CIRCUIT
|
|
||||||
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
|
||||||
%li.PGS_ANNUAIRE_ORGA
|
|
||||||
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
|
||||||
|
|
||||||
%li.PGS_DISTRIBUTEUR
|
|
||||||
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
|
||||||
%span Distributeurs
|
|
||||||
|
|
||||||
|
|
||||||
.mobile_second_menu
|
|
||||||
%br
|
|
||||||
%br
|
|
||||||
%ul
|
|
||||||
-if current_p_customer
|
|
||||||
%li=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
%button.navbar-toggle.collapsed.btn-menu#burger_menu{:onclick => "$('#mobile_menu').toggle();"}
|
|
||||||
%span.sr-only Toggle navigation
|
|
||||||
%span.icon-bar
|
|
||||||
%span.icon-bar
|
|
||||||
%span.icon-bar
|
|
||||||
|
|
||||||
%span.fond_body_1
|
|
||||||
%span.fond_body_2
|
|
||||||
#conteneur
|
|
||||||
#conteneur_contenu
|
|
||||||
#header.WithCarousel
|
|
||||||
.top-bar
|
|
||||||
.container
|
|
||||||
.header-topbarbox-1
|
|
||||||
.header-topbarbox-2
|
|
||||||
%ul.social-links
|
|
||||||
|
|
||||||
-if current_p_customer
|
|
||||||
=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
|
||||||
|
|
||||||
|
|
||||||
%li
|
|
||||||
-if current_p_customer
|
|
||||||
=link_to public_my_account_path do
|
|
||||||
=ic(:user)
|
|
||||||
Mon compte :
|
|
||||||
=current_p_customer.particular.firstname
|
|
||||||
=current_p_customer.particular.name
|
|
||||||
|
|
||||||
-else
|
|
||||||
=link_to ic(:user)+" Mon compte", public_my_account_path
|
|
||||||
|
|
||||||
|
|
||||||
%li
|
|
||||||
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
|
||||||
=ic :"facebook-f"
|
|
||||||
|
|
||||||
#conteneur_header
|
|
||||||
#logo
|
|
||||||
%h1
|
|
||||||
%a{:href => "/"}
|
|
||||||
%img.logo_top{:alt => "Ma moto sur circuit", :src => "/images/interface/Logo-DMD.png", :title => "Ma moto sur circuit"}/
|
|
||||||
%img.logo_scroll{:alt => "Ma moto sur circuit", :src => "/images/interface/logo_petit.png", :title => "Ma moto sur circuit"}/
|
|
||||||
#position-menu
|
|
||||||
#menu_haut.WithCarousel
|
|
||||||
%ul
|
|
||||||
|
|
||||||
|
|
||||||
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
|
||||||
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
|
||||||
%li
|
|
||||||
=menu_item_link(menu_item)
|
|
||||||
|
|
||||||
|
|
||||||
-if false
|
|
||||||
%li.PGS_ROULAGE
|
|
||||||
=link_to "Trouvez votre journée", public_m_events_path
|
|
||||||
|
|
||||||
|
|
||||||
%li.PGS_ANNUAIRE_CIRCUIT
|
|
||||||
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
|
||||||
%li.PGS_ANNUAIRE_ORGA
|
|
||||||
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
|
||||||
|
|
||||||
%li.PGS_DISTRIBUTEUR
|
|
||||||
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
|
||||||
%span Distributeurs
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#contenu
|
|
||||||
|
|
||||||
-if flash[:error] or flash[:notice] or flash[:alert]
|
|
||||||
.flashs
|
|
||||||
-if flash[:error]
|
|
||||||
.error
|
|
||||||
%span.remove=ic :times
|
|
||||||
=flash[:error]
|
|
||||||
-if flash[:notice]
|
|
||||||
.notice
|
|
||||||
%span.remove=ic :times
|
|
||||||
=flash[:notice]
|
|
||||||
-if flash[:alert]
|
|
||||||
.alert
|
|
||||||
%span.remove=ic :times
|
|
||||||
=flash[:alert]
|
|
||||||
|
|
||||||
|
|
||||||
#centreetdroite
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
=yield
|
|
||||||
|
|
||||||
#pied
|
|
||||||
#conteneur_pied
|
|
||||||
.row
|
|
||||||
.col-md-4
|
|
||||||
.footer-section
|
|
||||||
%a.footer__logo{:href => "#"}
|
|
||||||
%img.img-responsive{:src => "/images/interface/Logo-DMD.png"}/
|
|
||||||
.footer__info Devenez membre de la communauté pour accéder aux avantages exclusifs.
|
|
||||||
%ul.social-net.list-inline
|
|
||||||
%li.social-net__item
|
|
||||||
%a.social-net__link.text-primary_h{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
|
||||||
=ic(:"facebook-f")
|
|
||||||
|
|
||||||
.col-md-4
|
|
||||||
%section.footer-section.footer-section_list-columns
|
|
||||||
%h3.footer-section__title.ui-title-inner Liens utiles
|
|
||||||
%ul.footer-list.footer-list_columns.list-unstyled
|
|
||||||
%li
|
|
||||||
%a{:accesskey => "3", :href => "/fr/plan-site.html", :title => "Plan du site"} Plan du site
|
|
||||||
%li
|
|
||||||
%a{:accesskey => "8", :href => "/fr/mentions-legales.html", :title => "Mentions légales"} Mentions légales
|
|
||||||
%li
|
|
||||||
%a{:accesskey => "8", :href => "/fr/conditions-generales-utilisation.html", :title => "Conditions générales d'utilisation"} Conditions générales d'utilisation
|
|
||||||
.col-md-4
|
|
||||||
%section.footer-section
|
|
||||||
%h3.footer-section__title.ui-title-inner Nous contacter
|
|
||||||
.footer-contact
|
|
||||||
%i.icon.icon-xs.fa.fa-envelope-o
|
|
||||||
%a{:href => "mailto:contact@mamotosurcircuit.com"} contact@mamotosurcircuit.com
|
|
||||||
.footer-contact
|
|
||||||
%i.icon.icon-lg.fa.fa-map-marker>
|
|
||||||
8 route des bois 38500 VOIRON
|
|
||||||
.footer-contact
|
|
||||||
%i.icon.icon-lg.fa.fa-phone>
|
|
||||||
04 76 31 38 38
|
|
||||||
/ conteneur_contenu //
|
|
||||||
/ conteneur//
|
|
||||||
|
|
||||||
|
|
||||||
:javascript
|
|
||||||
resize()
|
|
||||||
|
|
||||||
|
|||||||
14
app/views/public/shared/_flashes.html.haml
Normal file
14
app/views/public/shared/_flashes.html.haml
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
-if flash[:error] or flash[:notice] or flash[:alert]
|
||||||
|
.flashs
|
||||||
|
-if flash[:error]
|
||||||
|
.error
|
||||||
|
%span.remove=ic :times
|
||||||
|
=flash[:error]
|
||||||
|
-if flash[:notice]
|
||||||
|
.notice
|
||||||
|
%span.remove=ic :times
|
||||||
|
=flash[:notice]
|
||||||
|
-if flash[:alert]
|
||||||
|
.alert
|
||||||
|
%span.remove=ic :times
|
||||||
|
=flash[:alert]
|
||||||
29
app/views/public/shared/_footer.html.haml
Normal file
29
app/views/public/shared/_footer.html.haml
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
#footer
|
||||||
|
.container
|
||||||
|
.row
|
||||||
|
.col-md-4.footer-section
|
||||||
|
=image_tag '/images/interface/Logo-DMD.png'
|
||||||
|
.footer__info Devenez membre de la communauté pour accéder aux avantages exclusifs.
|
||||||
|
=link_to "https://www.facebook.com/mamotosurcircuit/", target: '_blank' do
|
||||||
|
=ic(:"facebook-f")
|
||||||
|
|
||||||
|
.col-md-4.footer-section
|
||||||
|
%h3 Liens utiles
|
||||||
|
%ul.footer-list_columns.list-unstyled
|
||||||
|
%li
|
||||||
|
%a{:accesskey => "3", :href => "/fr/plan-site.html", :title => "Plan du site"} Plan du site
|
||||||
|
%li
|
||||||
|
%a{:accesskey => "8", :href => "/fr/mentions-legales.html", :title => "Mentions légales"} Mentions légales
|
||||||
|
%li
|
||||||
|
%a{:accesskey => "8", :href => "/fr/conditions-generales-utilisation.html", :title => "Conditions générales d'utilisation"} Conditions générales d'utilisation
|
||||||
|
.col-md-4.footer-section
|
||||||
|
%h3 Nous contacter
|
||||||
|
.footer-contact
|
||||||
|
%i.icon.icon-xs.fa.fa-envelope-o
|
||||||
|
%a{:href => "mailto:contact@mamotosurcircuit.com"} contact@mamotosurcircuit.com
|
||||||
|
.footer-contact
|
||||||
|
%i.icon.icon-lg.fa.fa-map-marker>
|
||||||
|
8 route des bois 38500 VOIRON
|
||||||
|
.footer-contact
|
||||||
|
%i.icon.icon-lg.fa.fa-phone>
|
||||||
|
04 76 31 38 38
|
||||||
40
app/views/public/shared/_header.html.haml
Normal file
40
app/views/public/shared/_header.html.haml
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
#header
|
||||||
|
=render partial: 'public/shared/mobile_menu'
|
||||||
|
.container
|
||||||
|
.top-bar
|
||||||
|
-if current_p_customer
|
||||||
|
=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
||||||
|
|
||||||
|
-if current_p_customer
|
||||||
|
=link_to public_my_account_path do
|
||||||
|
=ic(:user)
|
||||||
|
Mon compte :
|
||||||
|
=current_p_customer.particular.firstname
|
||||||
|
=current_p_customer.particular.name
|
||||||
|
-else
|
||||||
|
=link_to ic(:user)+" Mon compte", public_my_account_path
|
||||||
|
|
||||||
|
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
||||||
|
=ic :"facebook-f"
|
||||||
|
.main-content
|
||||||
|
#logo
|
||||||
|
%a{:href => "/"}
|
||||||
|
%img.logo_top{:alt => "Ma moto sur circuit", :src => "/images/interface/Logo-DMD.png", :title => "Ma moto sur circuit"}/
|
||||||
|
%img.logo_scroll{:alt => "Ma moto sur circuit", :src => "/images/interface/logo_petit.png", :title => "Ma moto sur circuit"}/
|
||||||
|
%ul.menus
|
||||||
|
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
||||||
|
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
||||||
|
%li
|
||||||
|
=menu_item_link(menu_item)
|
||||||
|
|
||||||
|
-if false
|
||||||
|
%li.PGS_ROULAGE
|
||||||
|
=link_to "Trouvez votre journée", public_m_events_path
|
||||||
|
|
||||||
|
%li.PGS_ANNUAIRE_CIRCUIT
|
||||||
|
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
||||||
|
%li.PGS_ANNUAIRE_ORGA
|
||||||
|
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
||||||
|
%li.PGS_DISTRIBUTEUR
|
||||||
|
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
||||||
|
%span Distributeurs
|
||||||
62
app/views/public/shared/_mobile_menu.html.haml
Normal file
62
app/views/public/shared/_mobile_menu.html.haml
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
#mobile_menu
|
||||||
|
.mobile_second_menu
|
||||||
|
|
||||||
|
%ul.social-links
|
||||||
|
|
||||||
|
|
||||||
|
%li
|
||||||
|
-if current_p_customer
|
||||||
|
=link_to public_my_account_path do
|
||||||
|
=ic(:user)
|
||||||
|
Mon compte :
|
||||||
|
=current_p_customer.particular.firstname
|
||||||
|
=current_p_customer.particular.name
|
||||||
|
|
||||||
|
-else
|
||||||
|
=link_to ic(:user)+" Mon compte", public_my_account_path
|
||||||
|
|
||||||
|
|
||||||
|
%li
|
||||||
|
%a{:href => "https://www.facebook.com/mamotosurcircuit/", :target => "_blank"}
|
||||||
|
=ic :"facebook-f"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.mobile_first_menu
|
||||||
|
%ul
|
||||||
|
|
||||||
|
|
||||||
|
-MenuItem.where(:parent_id => nil, :menu_id => 1).order(:position).each do |menu_item|
|
||||||
|
-if menu_item_link(menu_item) and menu_item_link(menu_item) != ""
|
||||||
|
%li
|
||||||
|
=menu_item_link(menu_item)
|
||||||
|
|
||||||
|
|
||||||
|
-if false
|
||||||
|
%li.PGS_ROULAGE
|
||||||
|
=link_to "Trouvez votre journée", public_m_events_path
|
||||||
|
|
||||||
|
|
||||||
|
%li.PGS_ANNUAIRE_CIRCUIT
|
||||||
|
=link_to "Circuits", public_circuits_path, :class => ("active" if @circuits_active)
|
||||||
|
%li.PGS_ANNUAIRE_ORGA
|
||||||
|
=link_to "Organisateurs", public_organisateurs_path, :class => ("active" if @organisateurs_active)
|
||||||
|
|
||||||
|
%li.PGS_DISTRIBUTEUR
|
||||||
|
%a{:href => "https://www.dunlop.eu/fr_fr/motorcycle/dealers/find-a-dealer.html", :target => "_blank", :title => "Distributeurs"}
|
||||||
|
%span Distributeurs
|
||||||
|
|
||||||
|
|
||||||
|
.mobile_second_menu
|
||||||
|
%br
|
||||||
|
%br
|
||||||
|
%ul
|
||||||
|
-if current_p_customer
|
||||||
|
%li=link_to ic(:"power-off")+" Déconnexion", logout_public_p_customer_auths_path()
|
||||||
|
|
||||||
|
|
||||||
|
%button.navbar-toggle.collapsed.btn-menu#burger_menu{:onclick => "$('#mobile_menu').toggle();"}
|
||||||
|
%span.sr-only Toggle navigation
|
||||||
|
%span.icon-bar
|
||||||
|
%span.icon-bar
|
||||||
|
%span.icon-bar
|
||||||
Loading…
x
Reference in New Issue
Block a user