Compare commits
8
Commits
5aa8a3d250
...
1444a0f5d8
| Author | SHA1 | Date | |
|---|---|---|---|
 iva
|
1444a0f5d8 | ||
|
iva
|
b4516210fd | ||
|
iva
|
ff6ecbd7a8 | ||
|
iva
|
fe4b595989 | ||
|
iva
|
1e25ed301f | ||
|
iva
|
55aab8fbcb | ||
|
iva
|
a2c2f97a37 | ||
|
iva
|
7d760c59eb |
+8
-246
@@ -31,253 +31,15 @@
|
|||||||
<h1>Jedilnik</h1>
|
<h1>Jedilnik</h1>
|
||||||
<p>Z navdihom z različnih koncev sveta, spoštovanjem do kulinaričnih tradicij in ljubeznjo do dobre hrane se trudimo na naše krožnike prinesti čim bolj pristne okuse.</p> <br>
|
<p>Z navdihom z različnih koncev sveta, spoštovanjem do kulinaričnih tradicij in ljubeznjo do dobre hrane se trudimo na naše krožnike prinesti čim bolj pristne okuse.</p> <br>
|
||||||
</section>
|
</section>
|
||||||
<section class="jedilnik_kategorija">
|
<div class="filtri_jedilnika">
|
||||||
<h2>Predjedi</h2>
|
<button type="button" class="filter_gumb aktiven" data-kategorija="Vse">Vse</button>
|
||||||
<div class="tabela_scroll">
|
<button type="button" class="filter_gumb" data-kategorija="Predjedi">Predjedi</button>
|
||||||
<table>
|
<button type="button" class="filter_gumb" data-kategorija="Glavne jedi">Glavne jedi</button>
|
||||||
<caption>Predjedi</caption>
|
<button type="button" class="filter_gumb" data-kategorija="Priloge">Priloge</button>
|
||||||
<thead>
|
<button type="button" class="filter_gumb" data-kategorija="Sladice">Sladice</button>
|
||||||
<tr>
|
|
||||||
<th>Jed</th>
|
|
||||||
<th>Opis</th>
|
|
||||||
<th>Alergeni</th>
|
|
||||||
<th>Cena</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Italjanske bruschette</td>
|
|
||||||
<td>Hrustljavo pečen kruh s svežim paradižnikom, baziliko, česnom in olivnim oljem.</td>
|
|
||||||
<td>gluten</td>
|
|
||||||
<td>5,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Patatas bravas</td>
|
|
||||||
<td>Hrustljav pečen krompir s pikantno paradižnikovo omako in nežnim česnovim aiolijem.</td>
|
|
||||||
<td>/</td>
|
|
||||||
<td>5,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Mediteranski mezze</td>
|
|
||||||
<td>Izbor humosa, tzatzikija, oliv in sveže zelenjave s toplim pita kruhom.</td>
|
|
||||||
<td>gluten</td>
|
|
||||||
<td>7,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Vietnamski poletni zavitki</td>
|
|
||||||
<td>Riževi zavitki s kozicami, svežo zelenjavo in zelišči, postreženi z arašidovo omako.</td>
|
|
||||||
<td>morski sadeži, oreščki, soja</td>
|
|
||||||
<td>7,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Gyoze</td>
|
|
||||||
<td>Japonski polnjeni žepki s hrustljavo zapečenim dnom, postreženi s sojimo omako za pomakanje.</td>
|
|
||||||
<td>gluten, jajca, soja</td>
|
|
||||||
<td>6,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Nachosi za deljenje</td>
|
|
||||||
<td>Tortilja čips s toplim sirom, jalapeni, salso, guacamolejem in kislo smetano.</td>
|
|
||||||
<td>jajca, gluten, laktoza</td>
|
|
||||||
<td>7,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Sigara boregui</td>
|
|
||||||
<td>Hrustljavi zavitki iz tankega testa s slanim sirom in zelišči, postreženi z jogortovo omako.</td>
|
|
||||||
<td>gluten, laktoza</td>
|
|
||||||
<td>6,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Indijske samose</td>
|
|
||||||
<td>Zlato zapečeni žepki, polnjeni z začinjenim krompirjem in grahom, z metino omako.</td>
|
|
||||||
<td>gluten, jajca</td>
|
|
||||||
<td>5,90€</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
|
||||||
<section class="jedilnik_kategorija">
|
<div id="jedilnik"></div>
|
||||||
<h2>Glavne jedi</h2>
|
|
||||||
<div class="tabela_scroll">
|
|
||||||
<table>
|
|
||||||
<caption>Glavne jedi</caption>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Jed</th>
|
|
||||||
<th>Opis</th>
|
|
||||||
<th>Alergeni</th>
|
|
||||||
<th>Cena</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Mučkalica</td>
|
|
||||||
<td>Sočni koščki mesa v bogati paradižnikovi omaki s papriko in čebulo, postreženi s pečenim krompirjem, ali prilogo po izbiri.</td>
|
|
||||||
<td>gluten</td>
|
|
||||||
<td>13,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Chicken curry</td>
|
|
||||||
<td>Nežno piščančje meso v kremni paradižnikovi omaki z aromatičnii indijskimi začimbami, postreženo z basmatim rižem, ali drugo prilogo po izbiri.</td>
|
|
||||||
<td>oreščki, laktoza</td>
|
|
||||||
<td>14,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Lasagna al forno</td>
|
|
||||||
<td>Plasti testenin z bogatim mesnatim ragujem, nežnim bešamelom in zapečeno skorijco iz parmezana.</td>
|
|
||||||
<td>gluten, laktoza</td>
|
|
||||||
<td>13,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Pizza Diavola</td>
|
|
||||||
<td>Napolitansko testo z bogato paradižnikovo omako, mozzarelo, pikantno salamo in ščepcem čilija, pečeno do popolno hrustljavega roba.</td>
|
|
||||||
<td>gluten, laktoza</td>
|
|
||||||
<td>14,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Paella</td>
|
|
||||||
<td>Žafranov riž z morskimi sadeži, česnom in svežimi zelišči, ki v vsak grižljaj prinesejo okus Sredozemlja.</td>
|
|
||||||
<td>morski sadeži</td>
|
|
||||||
<td>17,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Dunajski zrezek</td>
|
|
||||||
<td>Zalato pečen paniran zrezek z limono in krompirejvo ali drugo prilogo po izbiri.</td>
|
|
||||||
<td>jajaca, gluten</td>
|
|
||||||
<td>14,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Piščanec teriyaki</td>
|
|
||||||
<td>Zapečen piščanec v sladko-slani omaki z rižem, hrustljavo zelenjavo in sezamom.</td>
|
|
||||||
<td>oreščki, jajca</td>
|
|
||||||
<td>14,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Grška mussaka</td>
|
|
||||||
<td>Plasti krompirja, jajčevcev in začinjenega mletega mesa, prekrite s kremnim bešamelom in zapečene do zlate rjave barve.</td>
|
|
||||||
<td>gluten, laktoza</td>
|
|
||||||
<td>13,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Piščančji fajitas</td>
|
|
||||||
<td>Začinjeni koščki piščanca s papriko in čebulo, postreženi s toplimi tortiljami, salso in guacamolejem.</td>
|
|
||||||
<td>gluten</td>
|
|
||||||
<td>15,50€</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="jedilnik_kategorija">
|
|
||||||
<h2>Priloge</h2>
|
|
||||||
<p><b>Prilagodi si svoj krožnik! </b>Prilogo ob glavni jedi lahko zamenjate brez doplačila. Za dodatne priloge pa veljajo cene po ceniku.</p>
|
|
||||||
<div class="tabela_scroll">
|
|
||||||
<table>
|
|
||||||
<caption>Priloge</caption>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Jed</th>
|
|
||||||
<th>Opis</th>
|
|
||||||
<th>Alergeni</th>
|
|
||||||
<th>Cena</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Basmati riž</td>
|
|
||||||
<td>Rahla, dišeča riževa priloga, odlična za curry in azijske jedi.</td>
|
|
||||||
<td>/</td>
|
|
||||||
<td>2,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Pečen krompir</td>
|
|
||||||
<td>Zlato zapečen krompir z rožmarinom, česnom in izbranimi začimbami.</td>
|
|
||||||
<td>/</td>
|
|
||||||
<td>3,00€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Hrustljav pomfri</td>
|
|
||||||
<td>Zlato pečen krompirček s hrustljavo skorjico in mehko sredico.</td>
|
|
||||||
<td>/</td>
|
|
||||||
<td>3,00€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Domač kruh</td>
|
|
||||||
<td>Sveže pečen kruh s hrustljavo skorjico, idealen za pomakanje v omake.</td>
|
|
||||||
<td>gluten</td>
|
|
||||||
<td>2,00€</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="jedilnik_kategorija">
|
|
||||||
<h2>Sladice</h2>
|
|
||||||
<div class="tabela_scroll">
|
|
||||||
<table>
|
|
||||||
<caption>Sladice</caption>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Jed</th>
|
|
||||||
<th>Opis</th>
|
|
||||||
<th>Alergeni</th>
|
|
||||||
<th>Cena</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>Panna cotta</td>
|
|
||||||
<td>Nežna vaniljeva smetana z osvežilnim prelivom iz gozdnih sadežev.</td>
|
|
||||||
<td>laktoza</td>
|
|
||||||
<td>5,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Baklava</td>
|
|
||||||
<td>Plasti tankega hrustljavega testa z oreščki, prelite s sladkim sirupom.</td>
|
|
||||||
<td>oreščki, gluten</td>
|
|
||||||
<td>4,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Tiramisu</td>
|
|
||||||
<td>Klasična kombinacija kave, rahlemascarponejeve kreme in kakava.</td>
|
|
||||||
<td>laktoza, gluten, oreščki</td>
|
|
||||||
<td>5,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Pohan sladoled</td>
|
|
||||||
<td>Hrustljava zlata skorjica, ki skriva hladno vaniljevo sredjico, s čokoladnim prelivom.</td>
|
|
||||||
<td>gluten, jajce, laktoza</td>
|
|
||||||
<td>6,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Crepes</td>
|
|
||||||
<td>Tanke francoske palačinke po izbiri s čokoladnim namazom, marmelado ali limono in sladkorjem.</td>
|
|
||||||
<td>gluten, jajca, laktoza</td>
|
|
||||||
<td>4,90€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Jabolčni zavitek</td>
|
|
||||||
<td>Dišeč zvitek z jabolkami, cimetom in rozinami, postrežen topel z vaniljevim sladoledom.</td>
|
|
||||||
<td>gluten, jajca, laktoza</td>
|
|
||||||
<td>5,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Čokoladni suffle</td>
|
|
||||||
<td>Topel čokoladni kolač s tekočo sredjico in kepico vaniljeva sladoleda.</td>
|
|
||||||
<td>gluten, jajca, laktoza, oreščki</td>
|
|
||||||
<td>6,50€</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>Loukoumades</td>
|
|
||||||
<td>Majhni zlato ocvrti grški miškasti gižljaji, prelit z medom in posuti s cimetom.</td>
|
|
||||||
<td>jajca, gluten</td>
|
|
||||||
<td>5,90€</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<br><br>
|
<br><br>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
|
|||||||
+328
@@ -0,0 +1,328 @@
|
|||||||
|
|
||||||
|
const jedi = [ //const jedi - ustvari spremenljivko jedi, z [] pa označimo polje z več jedmi
|
||||||
|
// PREDJEDI
|
||||||
|
{ //z {} pa označimo posamezno jed
|
||||||
|
naziv: "Italjanske bruschette", //dodamo ji lastnosti (naziv:) in vrednost ("mučkalica")
|
||||||
|
opis: "Hrustljavo pečen kruh s svežim paradižnikom, baziliko, česnom in olivnim oljem.",
|
||||||
|
kategorija: "Predjedi", // to je kategorija po kateri se bodo jedi filtirale
|
||||||
|
alergeni: "gluten",
|
||||||
|
cena: 5.50 //številko ni treba napisat v "", decimalno vejico zamenja pika
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Patatas bravas",
|
||||||
|
opis: "Hrustljav pečen krompir s pikantno paradižnikovo omako in nežnim česnovim aiolijem.",
|
||||||
|
kategorija: "Predjedi",
|
||||||
|
alergeni: "/",
|
||||||
|
cena: 5.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Mediteranski mezze",
|
||||||
|
opis: "Izbor humosa, tzatzikija, oliv in sveže zelenjave s toplim pita kruhom.",
|
||||||
|
kategorija: "Predjedi",
|
||||||
|
alergeni: "gluten",
|
||||||
|
cena: 7.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Vietnamski poletni zavitki",
|
||||||
|
opis: "Riževi zavitki s kozicami, svežo zelenjavo in zelišči, postreženi z arašidovo omako.",
|
||||||
|
kategorija: "Predjedi",
|
||||||
|
alergeni: "morski sadeži, oreščki, soja",
|
||||||
|
cena: 7.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Gyoze",
|
||||||
|
opis: "Japonski polnjeni žepki s hrustljavo zapečenim dnom, postreženi s sojino omako za pomakanje.",
|
||||||
|
kategorija: "Predjedi",
|
||||||
|
alergeni: "gluten, jajca, soja",
|
||||||
|
cena: 6.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Nachosi za deljenje",
|
||||||
|
opis: "Tortilja čips s toplim sirom, jalapeni, salso, guacamolejem in kislo smetano.",
|
||||||
|
kategorija: "Predjedi",
|
||||||
|
alergeni: "jajca, gluten, laktoza",
|
||||||
|
cena: 7.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Sigara boregui",
|
||||||
|
opis: "Hrustljavi zavitki iz tankega testa s slanim sirom in zelišči, postreženi z jogurtovo omako.",
|
||||||
|
kategorija: "Predjedi",
|
||||||
|
alergeni: "gluten, laktoza",
|
||||||
|
cena: 6.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Indijske samose",
|
||||||
|
opis: "Zlato zapečeni žepki, polnjeni z začinjenim krompirjem in grahom, z metino omako.",
|
||||||
|
kategorija: "Predjedi",
|
||||||
|
alergeni: "gluten, jajca",
|
||||||
|
cena: 5.90
|
||||||
|
},
|
||||||
|
|
||||||
|
// GLAVNE JEDI
|
||||||
|
{
|
||||||
|
naziv: "Mučkalica",
|
||||||
|
opis: "Sočni koščki mesa v bogati paradižnikovi omaki s papriko in čebulo, postreženi s pečenim krompirjem ali prilogo po izbiri.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "gluten",
|
||||||
|
cena: 13.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Chicken curry",
|
||||||
|
opis: "Nežno piščančje meso v kremni paradižnikovi omaki z aromatičnimi indijskimi začimbami, postreženo z basmatim rižem ali drugo prilogo po izbiri.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "oreščki, laktoza",
|
||||||
|
cena: 14.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Lasagna al forno",
|
||||||
|
opis: "Plasti testenin z bogatim mesnatim ragujem, nežnim bešamelom in zapečeno skorjico iz parmezana.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "gluten, laktoza",
|
||||||
|
cena: 13.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Pizza Diavola",
|
||||||
|
opis: "Napolitansko testo z bogato paradižnikovo omako, mozzarelo, pikantno salamo in ščepcem čilija, pečeno do popolno hrustljavega roba.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "gluten, laktoza",
|
||||||
|
cena: 14.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Paella",
|
||||||
|
opis: "Žafranov riž z morskimi sadeži, česnom in svežimi zelišči, ki v vsak grižljaj prinesejo okus Sredozemlja.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "morski sadeži",
|
||||||
|
cena: 17.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Dunajski zrezek",
|
||||||
|
opis: "Zlato pečen paniran zrezek z limono in krompirjevo ali drugo prilogo po izbiri.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "jajca, gluten",
|
||||||
|
cena: 14.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Piščanec teriyaki",
|
||||||
|
opis: "Zapečen piščanec v sladko-slani omaki z rižem, hrustljavo zelenjavo in sezamom.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "oreščki, jajca",
|
||||||
|
cena: 14.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Grška mussaka",
|
||||||
|
opis: "Plasti krompirja, jajčevcev in začinjenega mletega mesa, prekrite s kremnim bešamelom in zapečene do zlato rjave barve.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "gluten, laktoza",
|
||||||
|
cena: 13.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Piščančji fajitas",
|
||||||
|
opis: "Začinjeni koščki piščanca s papriko in čebulo, postreženi s toplimi tortiljami, salso in guacamolejem.",
|
||||||
|
kategorija: "Glavne jedi",
|
||||||
|
alergeni: "gluten",
|
||||||
|
cena: 15.50
|
||||||
|
},
|
||||||
|
|
||||||
|
// PRILOGE
|
||||||
|
{
|
||||||
|
naziv: "Basmati riž",
|
||||||
|
opis: "Rahla, dišeča riževa priloga, odlična za curry in azijske jedi.",
|
||||||
|
kategorija: "Priloge",
|
||||||
|
alergeni: "/",
|
||||||
|
cena: 2.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Pečen krompir",
|
||||||
|
opis: "Zlato zapečen krompir z rožmarinom, česnom in izbranimi začimbami.",
|
||||||
|
kategorija: "Priloge",
|
||||||
|
alergeni: "/",
|
||||||
|
cena: 3.00
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Hrustljav pomfri",
|
||||||
|
opis: "Zlato pečen krompirček s hrustljavo skorjico in mehko sredico.",
|
||||||
|
kategorija: "Priloge",
|
||||||
|
alergeni: "/",
|
||||||
|
cena: 3.00
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Domač kruh",
|
||||||
|
opis: "Sveže pečen kruh s hrustljavo skorjico, idealen za pomakanje v omake.",
|
||||||
|
kategorija: "Priloge",
|
||||||
|
alergeni: "gluten",
|
||||||
|
cena: 2.00
|
||||||
|
},
|
||||||
|
|
||||||
|
// SLADICE
|
||||||
|
{
|
||||||
|
naziv: "Panna cotta",
|
||||||
|
opis: "Nežna vaniljeva smetana z osvežilnim prelivom iz gozdnih sadežev.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "laktoza",
|
||||||
|
cena: 5.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Baklava",
|
||||||
|
opis: "Plasti tankega hrustljavega testa z oreščki, prelite s sladkim sirupom.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "oreščki, gluten",
|
||||||
|
cena: 4.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Tiramisu",
|
||||||
|
opis: "Klasična kombinacija kave, rahle mascarponejeve kreme in kakava.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "laktoza, gluten, oreščki",
|
||||||
|
cena: 5.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Pohan sladoled",
|
||||||
|
opis: "Hrustljava zlata skorjica, ki skriva hladno vaniljevo sredico, s čokoladnim prelivom.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "gluten, jajce, laktoza",
|
||||||
|
cena: 6.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Crepes",
|
||||||
|
opis: "Tanke francoske palačinke po izbiri s čokoladnim namazom, marmelado ali limono in sladkorjem.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "gluten, jajca, laktoza",
|
||||||
|
cena: 4.90
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Jabolčni zavitek",
|
||||||
|
opis: "Dišeč zvitek z jabolki, cimetom in rozinami, postrežen topel z vaniljevim sladoledom.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "gluten, jajca, laktoza",
|
||||||
|
cena: 5.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Čokoladni souffle",
|
||||||
|
opis: "Topel čokoladni kolač s tekočo sredico in kepico vaniljevega sladoleda.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "gluten, jajca, laktoza, oreščki",
|
||||||
|
cena: 6.50
|
||||||
|
},
|
||||||
|
{
|
||||||
|
naziv: "Loukoumades",
|
||||||
|
opis: "Majhni zlato ocvrti grški miškasti grižljaji, preliti z medom in posuti s cimetom.",
|
||||||
|
kategorija: "Sladice",
|
||||||
|
alergeni: "jajca, gluten",
|
||||||
|
cena: 5.90
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
function izrisiJedilnik(kategorija) { //dodala kategorijo kot parameter funkcije
|
||||||
|
const jedilnik = document.querySelector("#jedilnik"); //poisce nas prazen div jedilnik
|
||||||
|
|
||||||
|
const sekcija = document.createElement("section"); //ustvari nov element <section>
|
||||||
|
sekcija.classList.add("jedilnik_kategorija"); //sectionu dodam ze obstojec razred - za CSS oblikovanje
|
||||||
|
|
||||||
|
const naslov = document.createElement("h2"); //spet naredimo element <h2>
|
||||||
|
naslov.textContent = kategorija; //v ta element h2 izpisemo "Predjedi"
|
||||||
|
|
||||||
|
sekcija.appendChild(naslov); //vstavi naslov (h2) v sekcijo
|
||||||
|
|
||||||
|
// Ustvarimo div za vodoravno pomikanje tabele.
|
||||||
|
const tabelaScroll = document.createElement("div");
|
||||||
|
tabelaScroll.classList.add("tabela_scroll");
|
||||||
|
|
||||||
|
// Ustvarimo tabelo.
|
||||||
|
const tabela = document.createElement("table");
|
||||||
|
|
||||||
|
// Ustvarimo naslov tabele.
|
||||||
|
const caption = document.createElement("caption");
|
||||||
|
caption.textContent = kategorija;
|
||||||
|
tabela.appendChild(caption); //dodamo caption v tabelo
|
||||||
|
|
||||||
|
// Ustvarimo glavo tabele.
|
||||||
|
const thead = document.createElement("thead");
|
||||||
|
const vrsticaGlave = document.createElement("tr");
|
||||||
|
|
||||||
|
const stolpci = ["Jed", "Opis", "Alergeni", "Cena"];
|
||||||
|
|
||||||
|
for (const stolpec of stolpci) { //namesto da bi pisala vsak th posebaj gre cez vse elemente stolpci, in za vsak element ustvari th (stolpec je spremenjlivka ki gre cez zapis stolpcii)
|
||||||
|
const th = document.createElement("th");
|
||||||
|
th.textContent = stolpec;
|
||||||
|
vrsticaGlave.appendChild(th);
|
||||||
|
}
|
||||||
|
|
||||||
|
thead.appendChild(vrsticaGlave);
|
||||||
|
tabela.appendChild(thead);
|
||||||
|
|
||||||
|
// Ustvarimo prazno telo tabele.
|
||||||
|
const tbody = document.createElement("tbody");
|
||||||
|
// Za vsako predjed ustvari novo vrstico tabele.
|
||||||
|
for (const jed of jedi) { //se premikamo po jedeh
|
||||||
|
if (jed.kategorija === kategorija) { //ce je kategorija predjed true potem
|
||||||
|
const vrstica = document.createElement("tr"); //vstavimo vrstico (tr)
|
||||||
|
|
||||||
|
const podatki = [ //naredimo polje podatkiu (spet polje z vec elementi) ki vsebuje lastnosti posamezde jedi (npr muckalica)
|
||||||
|
jed.naziv,
|
||||||
|
jed.opis,
|
||||||
|
jed.alergeni,
|
||||||
|
jed.cena.toLocaleString("sl-SI", { //posebaj izpis z min/mac dvema decimalkama v slo jeziku, na koncu pa dodan €
|
||||||
|
minimumFractionDigits: 2,
|
||||||
|
maximumFractionDigits: 2
|
||||||
|
}) + " €"
|
||||||
|
];
|
||||||
|
|
||||||
|
for (const podatek of podatki) { //s podatkom gremo cez "podatki" in vsak element/lastnost posabej izpisemo v td
|
||||||
|
const td = document.createElement("td");
|
||||||
|
td.textContent = podatek;
|
||||||
|
vrstica.appendChild(td); //td nato vstavimo v vrstico
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody.appendChild(vrstica);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
tabela.appendChild(tbody);
|
||||||
|
|
||||||
|
tabelaScroll.appendChild(tabela);
|
||||||
|
sekcija.appendChild(tabelaScroll);
|
||||||
|
jedilnik.appendChild(sekcija);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const gumbi = document.querySelectorAll(".filter_gumb"); //element gumb za vsak button za pac izbiranje kategorije
|
||||||
|
|
||||||
|
// Ob kliku spremeni aktivni gumb.
|
||||||
|
for (const gumb of gumbi) {
|
||||||
|
|
||||||
|
gumb.addEventListener("click", function () { //ko kliknem na gumb za izbiro prikaza menija
|
||||||
|
|
||||||
|
|
||||||
|
for (const posamezenGumb of gumbi) { //najprej vsem gumbom odstranim aktivno
|
||||||
|
posamezenGumb.classList.remove("aktiven");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
gumb.classList.add("aktiven"); //dodam aktiven SAMO kliknjenemu gumbu (sem izven for zanke)
|
||||||
|
|
||||||
|
const kategorija = gumb.dataset.kategorija;
|
||||||
|
|
||||||
|
prikaziKategorije(kategorija);
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const kategorije = ["Predjedi", "Glavne jedi", "Priloge", "Sladice"]; //ustvarjeno polje vseh kategorij
|
||||||
|
|
||||||
|
// Prikaže samo izbrano kategorijo oziroma vse kategorije.
|
||||||
|
function prikaziKategorije(izbranaKategorija) {
|
||||||
|
const jedilnik = document.querySelector("#jedilnik");
|
||||||
|
|
||||||
|
jedilnik.replaceChildren(); //iz elementa jedilnik odstrani vse njegove podrejene elemente
|
||||||
|
|
||||||
|
for (const kategorija of kategorije) {
|
||||||
|
if (izbranaKategorija === "Vse" || izbranaKategorija === kategorija) { // || pomeni ali, torej kadar uporabnik izbere vse ALI eno od kategorij
|
||||||
|
izrisiJedilnik(kategorija);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
prikaziKategorije("Vse"); //da se ko se stan naloz najprej pokazejo vsi jedilniki
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1,33 @@
|
|||||||
|
// Pridobivanje HTML elementov
|
||||||
|
const obrazec = document.querySelector("#obrazec_rezervacija");
|
||||||
|
const ime = document.querySelector("#ime-priimek");
|
||||||
|
const napakaIme = document.querySelector("#napaka-ime");
|
||||||
|
|
||||||
|
function preveriIme() { // Preveri, ali sta ime in priimek pravilno vnesena.
|
||||||
|
const vrednost = ime.value.trim(); //odstrani presledke na zacetku in koncu
|
||||||
|
const besede = vrednost.split(/\s+/); //razreze ime pri presledkih da dobimo tabelo (array)
|
||||||
|
|
||||||
|
if (besede.length !== 2 || besede[0].length < 2 || besede[1].length < 2) { //ce tabela nima dveh elementov, ali ima vsak element vsaj dve crki
|
||||||
|
napakaIme.textContent = "Vnesite ime in priimek, vsak naj vsebuje vsaj dve črki."; //ce je if true izpise napako
|
||||||
|
ime.classList.add("napacno"); //v tem primeru id-ju ime-priimek doda napacno
|
||||||
|
return false; //in nam vrne kot rezultat funkcije false
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
napakaIme.textContent = ""; //ce ni napak se span ne izpise
|
||||||
|
ime.classList.remove("napacno"); //odstrani se napacno pri id ime-priimek
|
||||||
|
return true; //vrne funkcija true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Preverjanje med tipkanjem
|
||||||
|
ime.addEventListener("input", preveriIme); //funkcija se opravi ko zacnemo pisati v ime, se zacne izvajati funkcija
|
||||||
|
|
||||||
|
obrazec.addEventListener("submit", function(event) { //ko oddamo funkcijo se izvede preverjanje
|
||||||
|
event.preventDefault(); //preprecimo default preverjsnje ob submitu
|
||||||
|
|
||||||
|
const imePravilno = preveriIme(); //elementu imePravilno dodamo vrednost true/false
|
||||||
|
|
||||||
|
if (imePravilno) {
|
||||||
|
//se morem preveriti ostale vrednosti
|
||||||
|
}
|
||||||
|
});
|
||||||
+1
-1
@@ -274,7 +274,7 @@
|
|||||||
</address>
|
</address>
|
||||||
<p>© 2026 Iva Friedrich</p>
|
<p>© 2026 Iva Friedrich</p>
|
||||||
</footer>
|
</footer>
|
||||||
<script src="js/jedilnik.js"></script>
|
<script src="js/recepti.js"></script>
|
||||||
<script src="js/navigacija.js"></script>
|
<script src="js/navigacija.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
+9
-4
@@ -48,7 +48,7 @@
|
|||||||
</p>
|
</p>
|
||||||
<h2>Rezervacija</h2>
|
<h2>Rezervacija</h2>
|
||||||
<p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
|
<p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
|
||||||
<form method="get">
|
<form id="obrazec_rezervacija" method="get" novalidate> <!novalidate pomeni da bomo lahko dodali svoje napise za opozorila!>
|
||||||
<fieldset class="field_rezervacija">
|
<fieldset class="field_rezervacija">
|
||||||
<legend>Podrobnosti rezervacije:</legend>
|
<legend>Podrobnosti rezervacije:</legend>
|
||||||
|
|
||||||
@@ -67,12 +67,17 @@
|
|||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset class="field_rezervacija">
|
<fieldset class="field_rezervacija">
|
||||||
<legend>Osebni podatki:</legend>
|
<legend>Osebni podatki:</legend>
|
||||||
Ime in priimek
|
<label for="ime-priimek">Ime in priimek</label>
|
||||||
<input type="text" id="ime-priimek" name="ime-priimek" placeholder="Neža Novak" required>
|
<div class="vnos_rezervacija">
|
||||||
|
<input type="text" id="ime-priimek" name="ime-priimek"
|
||||||
|
placeholder="Neža Novak" required>
|
||||||
|
<span class="sporocilo_napake" id="napaka-ime"></span> <!span bo prostor kjer se bodo izpisale napake!>
|
||||||
|
</div>
|
||||||
E-poštni naslov
|
E-poštni naslov
|
||||||
<input type="email" id="email" name="email" placeholder="neza.novak@primer.si" required>
|
<input type="email" id="email" name="email" placeholder="neza.novak@primer.si" required>
|
||||||
Telefonska številka
|
Telefonska številka
|
||||||
<input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}[0-9]{3}[0-9]{3}" required>
|
<input type="tel" id="telefon-st" name="telefon-st"
|
||||||
|
placeholder="040 123 456" required> <!števila bom prirejala z js!>
|
||||||
Priložnost <br>
|
Priložnost <br>
|
||||||
<div class="opcije">
|
<div class="opcije">
|
||||||
<div class="opcije_radio">
|
<div class="opcije_radio">
|
||||||
|
|||||||
+55
-6
@@ -10,6 +10,8 @@
|
|||||||
--barva-dodatna: #CE9550;
|
--barva-dodatna: #CE9550;
|
||||||
--barva-dodatna2:#F3E0C8;
|
--barva-dodatna2:#F3E0C8;
|
||||||
--barva-dodatna3:#F8EFE1;
|
--barva-dodatna3:#F8EFE1;
|
||||||
|
--barva-gumb3-besedilo: #F0E5D2;
|
||||||
|
|
||||||
|
|
||||||
--barva-kartice: #FFF9F0;
|
--barva-kartice: #FFF9F0;
|
||||||
--barva-besedilo-na-temnem: #F0E5D2;
|
--barva-besedilo-na-temnem: #F0E5D2;
|
||||||
@@ -403,12 +405,12 @@ footer p {
|
|||||||
|
|
||||||
/* kategorije jedilnika */
|
/* kategorije jedilnika */
|
||||||
|
|
||||||
.jedilnik_kategorija {
|
#jedilnik {
|
||||||
margin-bottom: 4rem;
|
margin-bottom: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jedilnik_kategorija h2,
|
#jedilnik h2,
|
||||||
.jedilnik_kategorija p {
|
#jedilnik p {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -424,9 +426,44 @@ footer p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Preprečimo, da bi vsebina raztegnila stran */
|
/* Preprečimo, da bi vsebina raztegnila stran */
|
||||||
.jedilnik_page,
|
.jedilnik_page, #jedilnik {
|
||||||
.jedilnik_kategorija {
|
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filtri_jedilnika { /*da se prikazejo v vrsti */
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 1rem;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter_gumb {
|
||||||
|
padding: 0.85rem 1.5rem;
|
||||||
|
border-radius: var(--zaobljenost);
|
||||||
|
border: 0.15rem solid var(--barva-besedilo);
|
||||||
|
outline: none;
|
||||||
|
color: var(--barva-besedilo);
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: var(--barva-ozadje);
|
||||||
|
transition: background-color 0.2s ease, color 0.2s ease;
|
||||||
|
font-family: "Montserrat", sans-serif;
|
||||||
|
font-weight: 500;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.filter_gumb:hover {
|
||||||
|
background-color:var(--barva-kartice);
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter_gumb.aktiven {
|
||||||
|
background-color: var(--barva-poudarek);
|
||||||
|
color: var(--barva-besedilo-na-temnem);
|
||||||
|
outline-color: var(--barva-poudarek);
|
||||||
|
}
|
||||||
|
|
||||||
|
#jedilnik {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -611,7 +648,7 @@ footer p {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
border-radius: var(--zaobljenost);
|
border-radius: var(--zaobljenost);
|
||||||
color: var(--barva-besedilo-na-temnem);
|
color: var(--barva-gumb3-besedilo);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: var(--barva-besedilo);
|
background-color: var(--barva-besedilo);
|
||||||
@@ -833,6 +870,11 @@ footer p {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filtri_jedilnika {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* telefon do 600px */
|
/* telefon do 600px */
|
||||||
@@ -958,6 +1000,11 @@ footer p {
|
|||||||
text-align: center; /* Besedilo poravnamo na sredino */
|
text-align: center; /* Besedilo poravnamo na sredino */
|
||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filtri_jedilnika {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* dark mode, samo spremenjene spremenljivke css */
|
/* dark mode, samo spremenjene spremenljivke css */
|
||||||
@@ -970,6 +1017,7 @@ footer p {
|
|||||||
--barva-dodatna2: #44372b;
|
--barva-dodatna2: #44372b;
|
||||||
--barva-dodatna3: #342c25;
|
--barva-dodatna3: #342c25;
|
||||||
--barva-kartice: #302821;
|
--barva-kartice: #302821;
|
||||||
|
--barva-gumb3-besedilo: #211c18;
|
||||||
--barva-besedilo-na-temnem: #f4e9db;
|
--barva-besedilo-na-temnem: #f4e9db;
|
||||||
--barva-hero-prekrivna: rgba(15, 12, 10, 0.72);
|
--barva-hero-prekrivna: rgba(15, 12, 10, 0.72);
|
||||||
--barva-senca: rgba(0, 0, 0, 0.45);
|
--barva-senca: rgba(0, 0, 0, 0.45);
|
||||||
@@ -985,6 +1033,7 @@ footer p {
|
|||||||
.logo_dark {
|
.logo_dark {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* omejeno gibanje: ni smooth scrolla in drugih animaciji */
|
/* omejeno gibanje: ni smooth scrolla in drugih animaciji */
|
||||||
|
|||||||
Reference in New Issue
Block a user