menu update

This commit is contained in:
ed barz 2022-05-20 23:23:00 +02:00
parent e43dee3ac3
commit c3520a8ea7
6 changed files with 336 additions and 34 deletions

View File

@ -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");
@ -30,4 +44,4 @@
html { html {
font-family: Inter; font-family: Inter;
} }

View File

@ -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.

View File

@ -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 : {

View File

@ -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 : {

View File

@ -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