menu update
This commit is contained in:
parent
e43dee3ac3
commit
c3520a8ea7
|
@ -22,6 +22,20 @@
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Inter;
|
||||||
|
src: url("../fonts/inter/Inter-LightItalic.woff");
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: Inter;
|
||||||
|
src: url("../fonts/inter/Inter-Italic.woff");
|
||||||
|
font-style: italic;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Inter;
|
font-family: Inter;
|
||||||
src: url("../fonts/inter/Inter-SemiBold.woff");
|
src: url("../fonts/inter/Inter-SemiBold.woff");
|
||||||
|
|
|
@ -265,7 +265,7 @@ div.timetable p {
|
||||||
}
|
}
|
||||||
|
|
||||||
section.restomenu {
|
section.restomenu {
|
||||||
margin-top: 50px;
|
/*! margin-top: 50px; */
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
|
@ -273,11 +273,37 @@ section.restomenu {
|
||||||
scrollbar-width: none; /* Firefox */
|
scrollbar-width: none; /* Firefox */
|
||||||
}
|
}
|
||||||
|
|
||||||
section.restomenu div.dish h3 {
|
section.restomenu section.top {
|
||||||
margin-bottom: 10px;
|
margin-top: 20px;
|
||||||
margin-top: 10px;
|
margin-bottom: 20px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section.restomenu section.top p.drinks {
|
||||||
|
font-style: italic;
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.restomenu section.top p{
|
||||||
|
margin-bottom: 0px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.restomenu div.dish h3 {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
margin-top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.restomenu div.dish p {
|
||||||
|
margin-top: 3px;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
section.restomenu div.dish p {
|
||||||
|
line-height: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
Binary file not shown.
|
@ -9,6 +9,11 @@ let ingredients = {
|
||||||
en: "mozzarella",
|
en: "mozzarella",
|
||||||
it: "mozzarella",
|
it: "mozzarella",
|
||||||
},
|
},
|
||||||
|
mozzarellaBufala: {
|
||||||
|
fr: "mozzarella de bufflonne",
|
||||||
|
en: "buffalo's mozzarella",
|
||||||
|
it: "mozzarella di bufala",
|
||||||
|
},
|
||||||
saucissecalabraisepiquante : {
|
saucissecalabraisepiquante : {
|
||||||
fr: "saucisse calabraise piquante",
|
fr: "saucisse calabraise piquante",
|
||||||
en: "spicy sausage",
|
en: "spicy sausage",
|
||||||
|
@ -23,7 +28,137 @@ let ingredients = {
|
||||||
fr: "champignons",
|
fr: "champignons",
|
||||||
en: "mushrooms",
|
en: "mushrooms",
|
||||||
it: "funghi",
|
it: "funghi",
|
||||||
}
|
},
|
||||||
|
provoletta : {
|
||||||
|
fr : "provoletta",
|
||||||
|
en : "provoletta",
|
||||||
|
it : "provoletta",
|
||||||
|
},
|
||||||
|
salsiccia :{
|
||||||
|
fr : "chaire à saucisse",
|
||||||
|
en : "sausage",
|
||||||
|
it : "salsiccia",
|
||||||
|
},
|
||||||
|
chimichurri : {
|
||||||
|
fr : "chimichurri",
|
||||||
|
en : "chimichurri",
|
||||||
|
it : "chimichurri",
|
||||||
|
},
|
||||||
|
gorgonzola : {
|
||||||
|
fr : "gorgonzola",
|
||||||
|
en : "gorgonzola",
|
||||||
|
it : "gorgonzola",
|
||||||
|
},
|
||||||
|
parma : {
|
||||||
|
fr : "parma",
|
||||||
|
en : "jambon de Parme",
|
||||||
|
it : "Parma ham",
|
||||||
|
},
|
||||||
|
noix : {
|
||||||
|
fr : "noix",
|
||||||
|
en : "nuts",
|
||||||
|
it : "noci",
|
||||||
|
},
|
||||||
|
caprino : {
|
||||||
|
fr : "fromage de chèvre",
|
||||||
|
en : "goat cheese",
|
||||||
|
it : "caprino",
|
||||||
|
},
|
||||||
|
honey : {
|
||||||
|
fr : "miel",
|
||||||
|
en : "honey",
|
||||||
|
it : "miele",
|
||||||
|
},
|
||||||
|
bresaola : {
|
||||||
|
fr : "bresaola",
|
||||||
|
en : "bresaola",
|
||||||
|
it : "bresaola",
|
||||||
|
},
|
||||||
|
roquette : {
|
||||||
|
fr : "roquette",
|
||||||
|
en : "aragula salad",
|
||||||
|
it : "rucola",
|
||||||
|
},
|
||||||
|
crudaioladipomodoro : {
|
||||||
|
fr : "tomates fraîches concassées",
|
||||||
|
en : "fresh tomatoes",
|
||||||
|
it : "crudaiola di pomodoro",
|
||||||
|
},
|
||||||
|
burrata : {
|
||||||
|
fr : "burrata",
|
||||||
|
en : "burrata",
|
||||||
|
it : "burrata",
|
||||||
|
},
|
||||||
|
basilic : {
|
||||||
|
fr : "basilic",
|
||||||
|
en : "basil",
|
||||||
|
it : "basilico",
|
||||||
|
},
|
||||||
|
thon : {
|
||||||
|
fr : "thon",
|
||||||
|
en : "tuna",
|
||||||
|
it : "tono",
|
||||||
|
},
|
||||||
|
cipollaTropea : {
|
||||||
|
fr : "oignons rouges de Tropea",
|
||||||
|
en : "red onions from Tropea",
|
||||||
|
it : "cipolla rossa di Tropea",
|
||||||
|
},
|
||||||
|
aubergines : {
|
||||||
|
fr : "aubergines",
|
||||||
|
en : "eggplants",
|
||||||
|
it : "melanzane",
|
||||||
|
},
|
||||||
|
anchois : {
|
||||||
|
fr : "anchois",
|
||||||
|
en : "anchovies",
|
||||||
|
it : "acciughe",
|
||||||
|
},
|
||||||
|
capres : {
|
||||||
|
fr : "câpres",
|
||||||
|
en : "capers",
|
||||||
|
it : "capperi",
|
||||||
|
},
|
||||||
|
huileextravierge : {
|
||||||
|
fr : "huile extra vierge",
|
||||||
|
en : "extra olive oil",
|
||||||
|
it : "olio extra vergine",
|
||||||
|
},
|
||||||
|
name : {
|
||||||
|
fr : "",
|
||||||
|
en : "",
|
||||||
|
it : "",
|
||||||
|
},
|
||||||
|
name : {
|
||||||
|
fr : "",
|
||||||
|
en : "",
|
||||||
|
it : "",
|
||||||
|
},
|
||||||
|
name : {
|
||||||
|
fr : "",
|
||||||
|
en : "",
|
||||||
|
it : "",
|
||||||
|
},
|
||||||
|
name : {
|
||||||
|
fr : "",
|
||||||
|
en : "",
|
||||||
|
it : "",
|
||||||
|
},
|
||||||
|
name : {
|
||||||
|
fr : "",
|
||||||
|
en : "",
|
||||||
|
it : "",
|
||||||
|
},
|
||||||
|
name : {
|
||||||
|
fr : "",
|
||||||
|
en : "",
|
||||||
|
it : "",
|
||||||
|
},
|
||||||
|
name : {
|
||||||
|
fr : "",
|
||||||
|
en : "",
|
||||||
|
it : "",
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
let SanTelmo = {
|
let SanTelmo = {
|
||||||
|
@ -43,18 +178,65 @@ let SanTelmo = {
|
||||||
tabs : {
|
tabs : {
|
||||||
menu : {
|
menu : {
|
||||||
tabtype : "menu",
|
tabtype : "menu",
|
||||||
priceRange : "18-32€",
|
priceRange : "17-25€",
|
||||||
dishes : {
|
dishes : {
|
||||||
divola : {
|
diavolo : {
|
||||||
name : "Pizza Divola",
|
name : "Pizza Diavolo",
|
||||||
ing : [
|
ing : [
|
||||||
ingredients.tomate,
|
ingredients.tomate,
|
||||||
ingredients.mozzarella,
|
ingredients.mozzarella,
|
||||||
ingredients.saucissecalabraisepiquante
|
ingredients.saucissecalabraisepiquante
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
reg : {
|
d10s : {
|
||||||
name : "Pizza Regina nanana",
|
name : "Pizza D10S",
|
||||||
|
ing : [
|
||||||
|
ingredients.tomate,
|
||||||
|
ingredients.mozzarella,
|
||||||
|
ingredients.provoletta,
|
||||||
|
ingredients.salsiccia,
|
||||||
|
ingredients.chimichurri
|
||||||
|
]
|
||||||
|
},
|
||||||
|
navigli : {
|
||||||
|
name : "Pizza Navigli",
|
||||||
|
ing : [
|
||||||
|
ingredients.tomate,
|
||||||
|
ingredients.mozzarella,
|
||||||
|
ingredients.gorgonzola,
|
||||||
|
ingredients.parma
|
||||||
|
]
|
||||||
|
},
|
||||||
|
brachet : {
|
||||||
|
name : "Pizza Brachet (bianca - blanche - white)",
|
||||||
|
ing : [
|
||||||
|
ingredients.mozzarella,
|
||||||
|
ingredients.caprino,
|
||||||
|
ingredients.noix,
|
||||||
|
ingredients.honey
|
||||||
|
]
|
||||||
|
},
|
||||||
|
superibricchi : {
|
||||||
|
name : "Pizza Sù Per I Bricchi",
|
||||||
|
ing : [
|
||||||
|
ingredients.tomate,
|
||||||
|
ingredients.mozzarella,
|
||||||
|
ingredients.caprino,
|
||||||
|
ingredients.bresaola,
|
||||||
|
ingredients.roquette
|
||||||
|
]
|
||||||
|
},
|
||||||
|
superibricchi : {
|
||||||
|
name : "Pizza Sù Per I Bricchi",
|
||||||
|
ing : [
|
||||||
|
ingredients.tomate,
|
||||||
|
ingredients.mozzarella,
|
||||||
|
ingredients.thon,
|
||||||
|
ingredients.cipollaTropea
|
||||||
|
]
|
||||||
|
},
|
||||||
|
reine : {
|
||||||
|
name : "Pizza Cotto e Funghi / Reine",
|
||||||
ing : [
|
ing : [
|
||||||
ingredients.tomate,
|
ingredients.tomate,
|
||||||
ingredients.mozzarella,
|
ingredients.mozzarella,
|
||||||
|
@ -62,24 +244,53 @@ let SanTelmo = {
|
||||||
ingredients.champignons
|
ingredients.champignons
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
regina : {
|
margherita : {
|
||||||
name : "Pizza Regina",
|
name : "Pizza Margherita",
|
||||||
ing : [
|
ing : [
|
||||||
ingredients.tomate,
|
ingredients.tomate,
|
||||||
ingredients.mozzarella,
|
ingredients.mozzarella
|
||||||
ingredients.jambonblanc,
|
|
||||||
ingredients.champignons
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
regina2 : {
|
buffemel : {
|
||||||
name : "Pizza Regina due",
|
name : "Pizza Bufala e Melanzane",
|
||||||
|
ing : [
|
||||||
|
ingredients.tomate,
|
||||||
|
ingredients.mozzarellaBufala,
|
||||||
|
ingredients.aubergines
|
||||||
|
]
|
||||||
|
},
|
||||||
|
romana : {
|
||||||
|
name : "Pizza Romana",
|
||||||
ing : [
|
ing : [
|
||||||
ingredients.tomate,
|
ingredients.tomate,
|
||||||
ingredients.mozzarella,
|
ingredients.mozzarella,
|
||||||
ingredients.jambonblanc,
|
ingredients.anchois,
|
||||||
ingredients.champignons
|
ingredients.capres,
|
||||||
|
ingredients.huileextravierge
|
||||||
]
|
]
|
||||||
}
|
},
|
||||||
|
/*
|
||||||
|
pizza : {
|
||||||
|
name : "Pizza",
|
||||||
|
ing : [
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
]
|
||||||
|
},
|
||||||
|
pizza : {
|
||||||
|
name : "Pizza",
|
||||||
|
ing : [
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
ingredients. ,
|
||||||
|
]
|
||||||
|
},
|
||||||
|
*/
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
time : {
|
time : {
|
||||||
|
|
|
@ -1,14 +1,21 @@
|
||||||
Vue.component('Menu',{
|
Vue.component('Menu',{
|
||||||
template: `
|
template: `
|
||||||
<section class="restomenu">
|
<section class="restomenu">
|
||||||
|
<section v-if="this.obj.priceRange" class="top">
|
||||||
|
<p class="b9h-lang-fr range">{{ fourchette.fr }}</p>
|
||||||
|
<p class="b9h-lang-en range">{{ fourchette.en }}</p>
|
||||||
|
<p class="b9h-lang-it range">{{ fourchette.it }}</p>
|
||||||
|
<p class="price"> {{ this.obj.priceRange }}</p>
|
||||||
|
<p class="b9h-lang-fr drinks">{{ horsboissons.fr }}</p>
|
||||||
|
<p class="b9h-lang-en drinks">{{ horsboissons.en }}</p>
|
||||||
|
<p class="b9h-lang-it drinks">{{ horsboissons.it }}</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<div class="dish" v-for="d in this.obj.dishes">
|
<div class="dish" v-for="d in this.obj.dishes">
|
||||||
<h3>{{ d.name }}</h3>
|
<h3>{{ d.name }}</h3>
|
||||||
<p class="b9h-lang-fr" > {{ l2s(ings2ls(d.ing,"fr"), "fr") }}</p>
|
<p class="b9h-lang-fr" > {{ l2s(ings2ls(d.ing,"fr"), "fr") }}</p>
|
||||||
<p class="b9h-lang-en" > {{ l2s(ings2ls(d.ing,"en"), "en") }}</p>
|
<p class="b9h-lang-en" > {{ l2s(ings2ls(d.ing,"en"), "en") }}</p>
|
||||||
<p class="b9h-lang-it" > {{ l2s(ings2ls(d.ing,"it"), "it") }}</p>
|
<p class="b9h-lang-it" > {{ l2s(ings2ls(d.ing,"it"), "it") }}</p>
|
||||||
|
|
||||||
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
`,
|
`,
|
||||||
|
@ -29,9 +36,9 @@ Vue.component('Menu',{
|
||||||
it : "Fascia di prezzo per persona:",
|
it : "Fascia di prezzo per persona:",
|
||||||
},
|
},
|
||||||
horsboissons : {
|
horsboissons : {
|
||||||
fr : "hors boissons",
|
fr : "(hors boissons)",
|
||||||
en : "excluding drinks",
|
en : "(excluding drinks)",
|
||||||
it : "bevande escluse",
|
it : "(bevande escluse)",
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -70,7 +77,16 @@ Vue.component('Time', {
|
||||||
<span class="b9h-lang-fr">{{ days[i].fr }}</span>
|
<span class="b9h-lang-fr">{{ days[i].fr }}</span>
|
||||||
<span class="b9h-lang-en">{{ days[i].en }}</span>
|
<span class="b9h-lang-en">{{ days[i].en }}</span>
|
||||||
<span class="b9h-lang-it">{{ days[i].it }}</span>
|
<span class="b9h-lang-it">{{ days[i].it }}</span>
|
||||||
<span class="hour">{{ d }}</span>
|
<span v-if="d != ''" class="hour">{{ d }}</span>
|
||||||
|
<span v-if="d ==''" class="hour b9h-lang-fr">
|
||||||
|
{{ closed.fr }}
|
||||||
|
</span>
|
||||||
|
<span v-if="d ==''" class="hour b9h-lang-en">
|
||||||
|
{{ closed.en }}
|
||||||
|
</span>
|
||||||
|
<span v-if="d ==''" class="hour b9h-lang-it">
|
||||||
|
{{ closed.it }}
|
||||||
|
</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
`,
|
`,
|
||||||
|
@ -81,9 +97,9 @@ Vue.component('Time', {
|
||||||
return {
|
return {
|
||||||
message : "hello from time",
|
message : "hello from time",
|
||||||
closed : {
|
closed : {
|
||||||
fr : "fermé",
|
fr : "Fermé",
|
||||||
fr : "closed",
|
en : "Closed",
|
||||||
it : "chiuso",
|
it : "Chiuso",
|
||||||
},
|
},
|
||||||
days : {
|
days : {
|
||||||
mon : {
|
mon : {
|
||||||
|
|
|
@ -23,9 +23,9 @@
|
||||||
borderopacity="1.0"
|
borderopacity="1.0"
|
||||||
inkscape:pageopacity="0.0"
|
inkscape:pageopacity="0.0"
|
||||||
inkscape:pageshadow="2"
|
inkscape:pageshadow="2"
|
||||||
inkscape:zoom="0.20296809"
|
inkscape:zoom="0.30106958"
|
||||||
inkscape:cx="2214.5142"
|
inkscape:cx="5547.9727"
|
||||||
inkscape:cy="-7879.0027"
|
inkscape:cy="-8955.9688"
|
||||||
inkscape:document-units="mm"
|
inkscape:document-units="mm"
|
||||||
inkscape:current-layer="g5160"
|
inkscape:current-layer="g5160"
|
||||||
inkscape:document-rotation="0"
|
inkscape:document-rotation="0"
|
||||||
|
@ -375,6 +375,41 @@
|
||||||
d="m 3370.0581,-2099.8304 h 228.3351 l -38.0558,247.3632 -57.0838,-10e-5 v 76.1117 l 57.0838,19.028 0,19.0279 H 3408.114 l 0,-19.0279 57.0837,-19.028 v -76.1117 l -57.0837,10e-5 z"
|
d="m 3370.0581,-2099.8304 h 228.3351 l -38.0558,247.3632 -57.0838,-10e-5 v 76.1117 l 57.0838,19.028 0,19.0279 H 3408.114 l 0,-19.0279 57.0837,-19.028 v -76.1117 l -57.0837,10e-5 z"
|
||||||
id="path7887"
|
id="path7887"
|
||||||
sodipodi:nodetypes="ccccccccccccc" />
|
sodipodi:nodetypes="ccccccccccccc" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#1c2729;stroke-width:23.78491036;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
|
||||||
|
d="m 3921.8681,-2366.2213 -152.2234,152.2235"
|
||||||
|
id="path7889"
|
||||||
|
sodipodi:nodetypes="cc" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#1c2729;stroke-width:23.78491036;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
|
||||||
|
d="m 4112.1474,-2366.2213 152.2234,152.2234"
|
||||||
|
id="path7891" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#1c2729;stroke-width:23.78491036;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
|
||||||
|
d="m 3845.7564,-2328.1655 h 342.5027"
|
||||||
|
id="path7893" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#1c2729;stroke-width:23.78491036;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
|
||||||
|
d="m 3769.6447,-2252.0537 h 494.7261"
|
||||||
|
id="path7895" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#1c2729;stroke-width:23.78491036;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
|
||||||
|
d="m 3883.8123,-2366.2213 h 266.391 v -266.391"
|
||||||
|
id="path7899" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:0.475698px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 4473.678,-2213.9979 h 38.0558 l 152.2234,-190.2793 h -38.0558 z"
|
||||||
|
id="path7901" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:0.475698px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 4759.0968,-2442.3331 228.3352,-228.3352 38.0559,2e-4 v 76.1117 l -228.3351,228.3351 -38.0559,0 z"
|
||||||
|
id="path7903"
|
||||||
|
sodipodi:nodetypes="ccccccc" />
|
||||||
|
<path
|
||||||
|
style="fill:none;stroke:#000000;stroke-width:0.439423px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 5405.607,-2442.7225 -195.3392,-227.7509 -32.5565,2e-4 v 75.9168 l 195.339,227.7508 h 32.5566 z"
|
||||||
|
id="path7905"
|
||||||
|
sodipodi:nodetypes="ccccccc" />
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 26 KiB |
Loading…
Reference in New Issue