popravek v zapisih ki sem jih odkrila pr validiranju

vse datoteke so bile prestavljene v mapo restavracija in v ustrezne podmape, v vseh datotekah so tudi popravljeni linki
popravljena responsive velikost zemlejvida
2026-11-04 16:29:19 +01:00 · 2026-11-04 16:10:26 +01:00 · 2026-11-04 15:58:02 +01:00 · 2026-11-04 15:51:36 +01:00 · 2026-11-04 15:38:58 +01:00 · 2026-11-04 15:28:34 +01:00
24 changed files with 2425 additions and 1144 deletions
@@ -0,0 +1,15 @@
 Uporaba umetne inteligence pri izdelavi spletne strani
 Pri izdelavi spletne strani Za prste obliznit sem umetno inteligenco uporabljala predvsem kot pomoč pri razumevanju kode, odpravljanju napak in iskanju ustreznih rešitev za posamezne funkcionalnosti spletne strani.
 Najpogosteje sem jo uporabljala pri odpravljanju napak, ki jih je zaznal HTML validator. Sporočila o napakah sem posredovala umetni inteligenci, ki mi je pojasnila njihov vzrok in predlagala ustrezne popravke. Tako sem na primer odpravila napake pri strukturi HTML tabel, nepravilno zapisanih komentarjih in uporabi posameznih elementov.
 Umetno inteligenco sem uporabljala tudi za razlago HTML in CSS elementov ter lastnosti, ki sem jih našla v dokumentaciji W3Schools. Zanimala me je predvsem njihova funkcija in vpliv na prikaz spletne strani. Med drugim sem pridobila dodatne razlage lastnosti display: flex, display: grid, justify-content, align-items, position: sticky, z-index, box-sizing in grid-template-columns. Pomagala mi je tudi pri razumevanju relativnih poti do datotek in prilagajanju elementov različnim velikostim zaslonov.
 Pri programiranju v JavaScriptu sem umetno inteligenco uporabljala predvsem za razlago delovanja posameznih delov kode in boljše razumevanje njihove uporabe. Pri izdelavi obrazca za rezervacijo sem si z njeno pomočjo razjasnila, kako delujejo preverjanje vnesenih podatkov, prikazovanje sporočil o napakah, oblikovanje povzetka rezervacije in ponastavitev obrazca. Prav tako mi je pomagala razumeti delovanje kalkulatorja za samodejno preračunavanje količin sestavin glede na izbrano število porcij. Pri tem sem pridobila dodatna pojasnila o uporabi funkcij, dogodkov, atributov data-* in metod, kot so querySelector(), querySelectorAll(), addEventListener() in forEach().
 Umetna inteligenca mi ni služila zgolj za pridobivanje končnih rešitev, temveč predvsem za postopno razumevanje njihovega delovanja. Pogosto sem zahtevala dodatne razlage posameznih vrstic kode, da sem razumela, zakaj je določena rešitev ustrezna in kako jo lahko uporabim v svojem projektu.
 Umetno inteligenco sem tako uporabljala kot dopolnilno učno orodje poleg dokumentacije W3Schools, predvsem za razlago nejasnosti, preverjanje pravilnosti kode in pomoč pri reševanju konkretnih programerskih težav.
 Za izpis tega poročila sem si pomagala z Chat GPT. 
@@ -1,269 +0,0 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jedilnik | Za prste obliznit</title>
 </head>
 <body>
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
            <img src="logo.png" alt="Logotip restavracije" width="150"><br>
             <span>Za prste obliznit</span>
        </a>
        <ul class="main_menu">
            <li><a href="index.html">Domov</a></li>
            <li><a class="active" href="jedilnik.html">Jedilnik</a></li>
            <li><a href="recepti.html">Recepti</a></li>
            <li><a href="rezervacija.html">Rezervacija</a></li>
            <li><a href="o_nas.html">O nas</a></li>
        </ul>
    </nav>
 </header>
    <h1>Jedilnik</h1>
        <p>Z navdihom z različnih koncev sveta, spoštovanjem do kulinaričnih tradicij in ljubeznjo do dobre hranese trudimo na naše krožnike prinesti čim bolj pristne okuse.</p> <br>
    <h2>Predjedi</h2>
        <table>
            <caption>Predjedi</caption>
            <thead>
                <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>
    <h2>Glavne jedi</h2>
        <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>
    <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>
        <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>
    <h2>Sladice</h2>
        <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>
        <br><br>
    <footer>
    <address>
        Za prste obliznit<br>
        Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
 </body>
 </html>
@@ -1,98 +0,0 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>O nas | Za prste obliznit</title>
 </head>
 <body>
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
            <img src="logo.png" alt="Logotip restavracije" width="150"><br>
             <span>Za prste obliznit</span>
        </a>
        <ul class="main_menu">
            <li><a href="index.html">Domov</a></li>
            <li><a href="jedilnik.html">Jedilnik</a></li>
            <li><a href="recepti.html">Recepti</a></li>
            <li><a href="rezervacija.html">Rezervacija</a></li>
            <li><a class="active" href="o_nas.html">O nas</a></li>
        </ul>
    </nav>
 </header>
    <h1>Naša zgodba</h1>
        <h2>Od prvega grižljaja do zadnjega oblizanega prsta.</h2>
        <p>
            Vse se je začelo z ljubeznijo do potovanj in radovednostjo, kaj vse se skriva na krožnikih po svetu. Na naših poteh smo odkrivali nove kulture, spoznavali kulinarične tradicije in okušali jedi, ki so nas navdušile s svojimi okusi, vonji in zgodbami. Z vsakega potovanja smo prinesli nekaj novega – idejo, navdih ali skrivnost, zaradi katere je bila določena jed tako posebna. <br><br>
            Sčasoma se je porodila ideja: zakaj ne bi vseh teh doživetij združili na enem mestu? Tako je nastala <b>Za prste obliznit </b> – restavracija, kjer se srečujejo okusi sveta, domače klasike in jedi, ki te vsaj za trenutek popeljejo nekam daleč stran. <br><br>
            Naš dom smo našli v Tomažu nad Vojnikom, nekoliko odmaknjeni od mestnega vrveža in vsakodnevnega hitenja. Morda nas ne boste našli na najbolj prometni ulici, a verjamemo, da so nekatere stvari vredne poti. Naša lokacija nam omogoča, da se umaknemo od hrupa in se posvetimo temu, kar nam največ pomeni – pripravi dobre hrane, skrbno izbranim sestavinam in prijetnemu doživetju za vsakega gosta.
            <br><br>
            Pri nas ne gre zgolj za obrok. Gre za odkrivanje, okušanje in uživanje. Od bogatih balkanskih klasik do pristnih italijanskih pic, dišečih azijskih specialitet in sredozemskih dobrot – vsak krožnik prinaša svoj košček sveta.
            <br><br>
            Naš cilj je preprost: da se za mizo dobro počutite, da z veseljem poskusite kaj novega in da ob zadnjem grižljaju ugotovite, da bi si najraje obliznili še prste.
            <br><br>
            <b>Dobrodošli pri nas!</b>
        </p>
        <figure>
            <img src="restavracija.png" alt="slika restavracije">
            <figcaption>Naša restavracija</figcaption>
        </figure>
        <h2>Delovni čas</h2>
            <table>
                <tr>
                    <th>Dan</th>
                    <th>Delavnik</th>
                </tr>
                <tr>
                    <td>Ponedeljek</td>
                    <td>9:00-22:00</td>
                </tr>
                <tr>
                    <td>Torek</td>
                    <td>Zaprti</td>
                </tr>
                <tr>
                    <td>Sreda</td>
                    <td>9:00-22:00</td>
                </tr>
                <tr>
                    <td>Četrtek</td>
                    <td>9:00-22:00</td>
                </tr>
                <tr>
                    <td>Petek</td>
                    <td>9:00-23:00</td>
                </tr>
                <tr>
                    <td>Sobota</td>
                    <td>10:00-23:00</td>
                </tr>
                <tr>
                    <td>Nedelja</td>
                    <td>10:00-22:00</td>
                </tr>
            </table>
        <h2>Lokacija</h2>
            <p><i>
                Restavracija Za prste obliznit<br>
                Tomaž nad Vojnikom 18a<br>
                3212 Vojnik<br>
                Slovenija
            </i></p>
       <iframe width="425" height="350" src="https://www.openstreetmap.org/export/embed?bbox=15.325708128511907%2C46.29054746034702%2C15.329828001558782%2C46.2928901216514&amp;layer=mapnik&amp;marker=46.291718803524695%2C15.327768065035343" style="border: 1px solid black"></iframe><br>
       <small><a href="https://www.openstreetmap.org/?mlat=46.291719&amp;mlon=15.327768#map=17/46.291719/15.327768">Prikaži večji zemljevid</a></small>
       <br><br>
    <footer>
    <address>
        Za prste obliznit<br>
        Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
 </body>
 </html>
@@ -1,244 +0,0 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Recepti | Za prste obliznit</title>
 </head>
 <body>
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
            <img src="logo.png" alt="Logotip restavracije" width="150"><br>
             <span>Za prste obliznit</span>
        </a>
        <ul class="main_menu">
            <li><a href="index.html">Domov</a></li>
            <li><a href="jedilnik.html">Jedilnik</a></li>
            <li><a class="active" href="recepti.html">Recepti</a></li>
            <li><a href="rezervacija.html">Rezervacija</a></li>
            <li><a href="o_nas.html">O nas</a></li>
        </ul>
    </nav>
 </header>
    <h1 id="na_vrh">Recepti</h1>
    <ul>
        <li><a href="#muckalica">Mučkalica</a></li>
        <li><a href="#pizza_diavola">Pizza diavola</a></li>
        <li><a href="#paella">Paella</a></li>
    </ul>
        <h2>Svetovni okusi. Vaša kuhinja</h2>
        <p>Navdihnjeni s potovanj, ustvarjeni za vašo mizo. Odkrite recepte z različnih koncev sveta in prinesi košček kulinaričnega potovanja v svoj dom.</p> <br>
    <article class="muckalica">
        <h2 id="muckalica">Mučkalica</h2>
        <figure>
            <img src="muckalica.png" alt="mučkalica">
            <figcaption>Mučkalica</figcaption>
        </figure>
        <table>
            <tr>
                <th> Aktiven čas priprave </th>
                <th> Skupen čas priprave </th>
                <th> Število porcij </th>
            </tr>
            <tr>
                <td>20 min</td>
                <td>cca. 70 min</td>
                <td>4 porcije</td>
            </tr>
        </table>
        <h3>Sestavine</h3>
        <ul>
            <li>800g svinjskega vratu ali plečeta</li>
            <li>3 večje rdeče paprike</li>
            <li>2 srednje veliki čebuli</li>
            <li>3 stroki česnja</li>
            <li>400g sesekljanega paradižnika iz pločevinke</li>
            <li>2 žlici paradižnikove mezge</li>
            <li>3 žlice olja</li>
            <li>150 ml vode</li>
            <li>1 žlička sladke mlete paprike</li>
            <li>pol žličke dimljene paprike (po želji)</li>
            <li>sol in sveže mlet poper</li>
            <li>Ščepec čilija (po želji) </li>
            <li>svež peteršilj za postrežbo</li>
        </ul>
        <h3>Priprava</h3>
        <ol>
            <li>
                <b>Priprava mesa</b>
                <p>Meso narežemo na približno 2-3cm velike kocke. Začini ga s soljo in poprom.</p>
            </li>
            <li>
                <b>Zapeči meso</b>
                <p>V večji težki ponvi ali loncu segrej olje. Meso v več porcijah dobro zapeci z vseh strani, da dobi zlato rjavo skorjico. Nato ga vzemi iz posode.</p>
            </li>
            <li>
                <b>Pripravi zelenjavo</b>
                <p>Čebulo nareži na trakove, papriko na manjše kose, česen pa sesekljaj. V isti posodi najprej prepraži čebulo, nato dodaj papriko in kuhaj približno 7–8 minut. Na koncu dodaj česen.</p>
            </li>
            <li>
                <b>Ustvari omako</b>
                <p>Primešaj paradižnikovo mezgo, sladko papriko in po želji dimljeno papriko. Dodaj sesekljan paradižnik in vodo oziroma jušno osnovo</p>
            </li>
            <li>
                <b>Počasi kuhaj</b>
                <p>V omako vrni meso. Pokrito kuhaj na nizki temperaturi približno 35–45 minut oziroma toliko časa, da se meso zmehča. Občasno premešaj in po potrebi dodaj malo vode</p>
            </li>
            <li>
                <b>Dokončaj in postrezi</b>
                <p>Poskusi, popravi začimbe in po želji dodaj ščepec čilija. Potresi s svežim peteršiljem. Postrezi s pečenim krompirjem ali domačim kruhom</p>
            </li>
        </ol>
        <a href="#na_vrh">Na vrh strani</a>
    </article>
    <br>
    <article class="pizza_diavola">
        <h2 id="pizza_diavola">Napolitanska pizza Diavola</h2>
        <figure>
            <img src="pizza_diavola.png" alt="pizza diavola">
            <figcaption>Pizza diavola</figcaption>
        </figure>
        <table>
            <tr>
                <th> Aktiven čas priprave </th>
                <th> Skupen čas priprave </th>
                <th> Število pic </th>
            </tr>
            <tr>
                <td>30 min</td>
                <td>cca. 13-25 ur</td>
                <td>4 pice</td>
            </tr>
        </table>
        <h3>Sestavine</h3>
        <ul>
            <li>600g moke tipa 00</li>
            <li>390g hladne vode</li>
            <li>18g soli</li>
            <li>1g suhega instant kvasa (ali približno 3g svežega) </li>
            <li>400g olupljenih pelatov</li>
            <li>300g mozzarele za pizzo</li>
            <li>200g pikantne salame</li>
            <li>1 žlička origana</li>
            <li>sveža bazilika</li>
            <li>malo olivnega olja</li>
            <li>čili kosmiči (po želji) </li>
        </ul>
        <h3>Priprava</h3>
        <ol>
            <li>
                <b>Zamesi testo</b>
                <p>V vodi raztopi sol, dodaj moko in kvas. Zamesi gladko, prožno testo. Gneti približno 10–15 minut, dokler ni elastično in se ne trga zlahka</p>
            </li>
            <li>
                <b>Pusti vzhajati</b>
                <p>Testo pokrij in pusti približno 1 uro pri sobni temperaturi. Nato ga razdeli na 4 enake kroglice, jih shrani v pokrito posodo in pusti vzhajati še približno 11–23 ur v hladilniku. Pred oblikovanjem jih vzemi iz hladilnika približno 2 uri prej.</p>
            </li>
            <li>
                <b>Pripravi paradižnikovo omako</b>
                <p>Pelate z rokami ali vilicami pretlači. Dodaj malo soli in po</p>
            </li>
            <li>
                <b>Oblikuj pice</b>
                <p>Pečico skupaj s kamnom ali jekleno ploščo segrevaj na najvišji temperaturi, praviloma 250–300 °C, vsaj 45 minut. Vsako kroglico testa s prsti raztegni od sredine navzven, da ohraniš zračen rob. Ne uporabljaj valjarja.</p>
            </li>
            <li>
                <b>Dodaj nadev</b>
                <p>Na testo razporedi tanko plast omake, mocarelo, narezano pikantno salamo in nekaj listov bazilike. Ne pretiravaj z nadevom, saj lahko preveč tekočine zmehča sredico.</p>
            </li>
            <li>
                <b>Speci pico</b>
                <p>Peci na dobro segretem kamnu ali jeklu, dokler rob ne naraste in se obarva, sir pa stopi. Pri domači pečici na 250–300 °C bo to pogosto trajalo približno 5–8 minut; čas je odvisen od pečice in podlage. V namenski peči za napolitansko pico je peka bistveno krajša.</p>
            </li>
            <li>
                <b>Postrezi</b>
                <p>Po želji dodaj nekaj kapljic oljčnega olja, svežo baziliko in čili v kosmičih.</p>
            </li>
        </ol>
        <a href="#na_vrh">Na vrh strani</a>
    </article>
    <br>
    <article>
        <h2 id="paella">Španska paella z morskimi zadeži</h2>
        <p>Dišeč riž z žafranom, kozicami, školjkami in lignji, ki v eni ponvi združi bogate okuse morja in španske kulinarične tradicije.</p>
        <figure>
            <img src="paella.png" alt="paella">
            <figcaption>Paella</figcaption>
        </figure>
        <table>
            <tr>
                <th> Aktiven čas priprave </th>
                <th> Skupen čas priprave </th>
                <th> Število porcij </th>
            </tr>
            <tr>
                <td>20 min</td>
                <td>cca. 50 min</td>
                <td>4 porcije</td>
            </tr>
        </table>
        <h3>Sestavine</h3>
        <ul>
            <li>320g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li>
            <li>300g očiščenih kozic</li>
            <li>300g školjk, dobro očiščenih</li>
            <li>200g lignjev, narezanih na kolobarje</li>
            <li>1 srednje velika čebula</li>
            <li>1 rdeča paprika</li>
            <li>3 stroki česna</li>
            <li>250g sesekljanega paradižnika</li>
            <li>900g ribje jušne osnove (približno; odvisno od riža)</li>
            <li>ščepec žafrana</li>
            <li>1 žlička sladke mlete paprike</li>
            <li>3 žlice olivnega olja</li>
            <li>sol in poper</li>
            <li>limona</li>
            <li>svež peteršilj</li>
        </ul>
        <h3>Priprava</h3>
        <ol>
            <li>
                <b>Pripravi sestavine</b>
                <p>Čebulo in česen drobno sesekljaj, papriko nareži na majhne kocke, lignje na kolobarje. Jušno osnovo segrej in v njej za nekaj minut namoči žafran.</p>     
            </li>
            <li>
                <b>Na hitro popeci morske sadeže</b>
                <p>V široki ponvi za paello segrej oljčno olje. Kozice na hitro popeci, nato jih vzemi iz ponve. Če uporabljaš surove školjke, preveri, da so primerne za kuhanje, ter jih pripravi v skladu z navodili za varno uporabo.</p>
            </li>
            <li>
                <b>Pripravi zelenjavno osnovo</b>
                <p>V isti ponvi prepraži čebulo in papriko. Dodaj česen, nato sesekljan paradižnik. Kuhaj približno 5 minut, da se omaka zgosti.</p>
            </li>
            <li>
                <b>Dodaj riž in začimbe</b>
                <p>Primešaj sladko papriko in riž ter ga približno minuto premešaj, da se obda z omako. Prilij vročo jušno osnovo z žafranom in enakomerno razporedi riž po ponvi.</p>
            </li>
            <li>
                <b>Kuhaj brez mešanja</b>
                <p>Riž kuhaj na zmernem ognju približno 15–20 minut oziroma po navodilih izbrane sorte. Ko dodaš osnovo, riža praviloma ne mešaj več, saj želiš ohraniti značilno strukturo paelle.</p>
            </li>
            <li>
                <b>Dodaj morske sadeže</b>
                <p>Kozice, lignje in školjke razporedi po rižu. Nadaljuj s kuhanjem, dokler riž ni mehak, tekočina pa večinoma vpita. Surovi morski sadeži morajo biti ustrezno kuhani; školjke, ki se po kuhanju ne odprejo, zavrzi.</p>
            </li>
            <li>
                <b>Pusti počivati in postrezi</b>
                <p>Ponev odstavi, pokrij za približno 5 minut in nato paello postrezi z rezinami limone ter svežim peteršiljem.</p>
            </li>
        </ol>
        <a href="#na_vrh">Na vrh strani</a>
    </article>
    <br><br>
    <footer>
    <address>
        Za prste obliznit<br>
        Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
 </body>
 </html>
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
-    <link rel="stylesheet" href="stylesheet.css">
+    <link rel="stylesheet" href="css/stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Domov | Za prste obliznit</title>
@@ -10,15 +10,19 @@
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
-            <img src="logo.png" alt="Logotip restavracije" width="150"><br>
+            <img src="slike/logo.png" class="logo_light" alt="Logotip restavracije" width="150"><br>
            <img src="slike/logo.png" class="logo_dark" alt="Logotio restavracije" width="150">
             <span>Za prste obliznit</span>
        </a>
        <button class="hamburger_meni" type="button" aria-label="Odpri meni" aria-expanded="false">
            <i class="fa-solid fa-bars"></i>
        </button> <!-- aria-expanded nam bo povedal ali je meni odprt ali zaprt, zdej po defultu mam ob nalozitvi strani meni zaprt, zato =false, ostlao urejamo v js -->
        <ul class="main_menu">
-            <li><a class="active" href="index.html">Domov</a></li>
+            <li><a class="active" href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
-            <li><a href="jedilnik.html">Jedilnik</a></li>
+            <li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
-            <li><a href="recepti.html">Recepti</a></li>
+            <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
-            <li><a href="rezervacija.html">Rezervacija</a></li>
+            <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
-            <li><a href="o_nas.html">O nas</a></li>
+            <li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
        </ul>
    </nav>
 </header>
@@ -40,7 +44,7 @@
            <div class="jedi_grid">
                <article class="jedi_card">
                    <figure class="card_slika">
-                        <img src="muckalica.png" alt="mučkalica">
+                        <img src="slike/muckalica.png" alt="mučkalica">
                        <span class="znacka_novo">Novo</span>
                        <figcaption>Mučkalica</figcaption>
                    </figure>
@@ -51,7 +55,7 @@
                </article>
                <article class="jedi_card">
                    <figure class="card_slika">
-                        <img src="pizza_diavola.png" alt="pizza diavola">
+                        <img src="slike/pizza_diavola.png" alt="pizza diavola">
                        <figcaption>Pizza diavola</figcaption>
                    </figure>
                    <div class="card_vsebina">
@@ -61,7 +65,7 @@
                </article>
                <article class="jedi_card">
                    <figure class="card_slika">
-                        <img src="paella.png" alt="Paella">
+                        <img src="slike/paella.png" alt="Paella">
                        <figcaption>Paella</figcaption>
                    </figure>
                    <div class="card_vsebina">
@@ -75,11 +79,12 @@
    <footer>
    <address>
        Za prste obliznit<br>
-        Tomaž nad Vojnikom 18a,3212 Vojnik <br>
+        <i class="fa-solid fa-location-dot"></i>Tomaž nad Vojnikom 18a, 3212 Vojnik <br>
-        Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
+        <i class="fa-solid fa-phone"></i>Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
-        E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
+        <i class="fa-solid fa-envelope"></i>E-pošta: <a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
    <script src="js/navigacija.js"></script>
 </body>
 </html>
@@ -0,0 +1,57 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="css/stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jedilnik | Za prste obliznit</title>
 </head>
 <body>
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
            <img src="slike/logo.png" class="logo_light" alt="Logotip restavracije" width="150"><br>
            <img src="slike/logo_dark.png" class="logo_dark" alt="Logotio restavracije" width="150">
             <span>Za prste obliznit</span>
        </a>
        <ul class="main_menu">
            <li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
            <li><a class="active" href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
            <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
            <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
            <li><a href="o_nas.html">	<i class="fa-solid fa-circle-info"></i>O nas</a></li>
        </ul>
        <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
            <i class="fa-solid fa-bars"></i>
        </a>
    </nav>
 </header>
 <main class="jedilnik_page">
    <section class="jedilnik_uvod">
    <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>
    </section>
    <div class="filtri_jedilnika">
        <button type="button" class="filter_gumb aktiven" data-kategorija="Vse">Vse</button>
        <button type="button" class="filter_gumb" data-kategorija="Predjedi">Predjedi</button>
        <button type="button" class="filter_gumb" data-kategorija="Glavne jedi">Glavne jedi</button>
        <button type="button" class="filter_gumb" data-kategorija="Priloge">Priloge</button>
        <button type="button" class="filter_gumb" data-kategorija="Sladice">Sladice</button>
    </div>
    <div id="jedilnik"></div>
    <br><br>
    </main>
    <footer>
    <address>
        Za prste obliznit<br>
        <i class="fa-solid fa-location-dot"></i>Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        <i class="fa-solid fa-phone"></i>Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        <i class="fa-solid fa-envelope"></i>E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
    <script src="js/jedilnik.js"></script>
    <script src="js/navigacija.js"></script>
 </body>
 </html>
@@ -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,13 @@
 const hamburger = document.querySelector (".hamburger_meni"); /* naredim spremenljivko hamburger, preišve celoten dokument HRML in poisce prvi item z razredom .hamburger_meni, shrani referenco na prvi element v html ki ima ta razred */
 const meni = document.querySelector (".main_menu"); /*enako kot hamburger le da tukaj iscem prvi element s classom main_menu */
 const ikona = hamburger.querySelector("i"); /*tole bomo pa dodali da se bo spremenila ikona v x */
 hamburger.addEventListener ("click", function (){ /*addEventListener je metoda za poslušanje dogodka, click je pa dogodek */
    meni.classList.toggle ("odprt"); /*classList predstavlja elemente CSS razreda, toglle pa ta element (odprt) dodaja/odstranja */
    const odprt = meni.classList.contains ("odprt"); /*spet nardimo spremenljivko, ki ji dodamo vrednost true ali false glede na to ali je meni odprt/zaprt (preverja ali je dodan pri classu main_meni odprt) */
    ikona.classList.toggle("fa-bars", !odprt); /*zdaj pa ko je odprt je prikazan x, zaprt (!odprt) pa tri crtice */
    ikona.classList.toggle("fa-xmark", odprt);
    hamburger.setAttribute ("aria-expanded", String(odprt)); /*setAtribute spremeni vrednost HTML atributa, v tem primeru arial-expanded iz false v true in obratno, string pa pretvori true/false v besedilo "true"/"false" in posodobi atribut.*/
    hamburger.setAttribute ("aria-label", odprt ? "Zapri meni" : "Odpri meni"); /*gledr na to ali je odprt true ali false se bo spremenil zapis (za tiste ki imajo ne morejo videti treh crtic) v odprt meni ali zaprt meni */
 });
@@ -0,0 +1,31 @@
 const recepti = document.querySelectorAll(".recepti_jedi"); //poiscem vse recepte
 recepti.forEach(function(recept) { //funkcija gre cez vsak recept posebej
    const osnovnePorcije = Number(recept.dataset.osnovnePorcije); //prebere osnovne porcije in iz stringa spremeni v stevilo ("4" = 4)
    const vnosPorcij = recept.querySelector(".stevilo_porcij"); //poisce polje za stevilo porciji samo v trenutnem receptu
    const sestavine = recept.querySelectorAll("[data-kolicina]"); //poisce kolicino vseh sestavin v receptu
    vnosPorcij.addEventListener("input", function() { //ko spremenim vrednost polja se sprozi funkcija
        const novePorcije = Number(vnosPorcij.value); //spet se prebere nova porcija in se spremeni v stevilo
        if (!Number.isInteger(novePorcije) || novePorcije < 1 || novePorcije > 12) { //ce so nove porcije ne celo stevilo ali manjse od ena ali vecje od 12
            return; //se nic ne vrne
        }
        sestavine.forEach(function(sestavina) { //funkcija za vsako sestavino
            const osnovnaKolicina = Number(sestavina.dataset.kolicina); //prebere osnovno kolicino in jo pretvori v stevilo
            const novaKolicina = osnovnaKolicina / osnovnePorcije * novePorcije; //preracuna kolicino sestavine za nove porcije
            sestavina.textContent = Number(novaKolicina.toFixed(1)) //zaokrozimo na eno decimalno mesto, number pa odstrani nepotrebne 0 (200.0 = 200)
                .toLocaleString("sl-SI", { maximumFractionDigits: 1 }); //poskrbi da so decimalke napisane s slovensko vejico
        });
    });
 });
@@ -0,0 +1,293 @@
 // Pridobivanje HTML elementov querySelector izbere prvi element s tem classom ali id-jem
 const obrazec = document.querySelector("#obrazec_rezervacija");
 const ime = document.querySelector("#ime-priimek");
 const napakaIme = document.querySelector("#napaka-ime");
 const email = document.querySelector("#email");
 const napakaEmail = document.querySelector("#napaka-email");
 const telefon = document.querySelector("#telefon-st");
 const napakaTelefon = document.querySelector("#napaka-telefon");
 const datum = document.querySelector("#datum-obiska");
 const napakaDatum = document.querySelector("#napaka-datum");
 const ura = document.querySelector("#ura-obiska");
 const napakaUra = document.querySelector("#napaka-ura");
 const osebe = document.querySelector("#stevilo-oseb");
 const napakaOsebe = document.querySelector("#napaka-osebe");
 const soglasje = document.querySelector("#pogoji");
 const napakaSoglasje = document.querySelector("#napaka-pogoji");
 const potrditev = document.querySelector("#potrditev-rezervacije");
 const prostor = document.querySelector("#prostor");
 const opombe = document.querySelector("#opombe");
 const odpiralniCas = [
    [10, 22],  // Nedelja
    [9, 22],   // Ponedeljek
    null,      // Torek - zaprto
    [9, 22],   // Sreda
    [9, 22],   // Četrtek
    [9, 23],   // Petek
    [10, 23]   // Sobota
 ];
 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
    }
 }
 function preveriEmail() {
    const vrednost = email.value.trim(); //spet odstranim presledke na zacetku in koncu
    const vzorec = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; //definiramo kako mora izgledati mail; ^ pomeni zacetek besetila, [^\s@]- pomeni da je to besedilo 1 ali vec znakov ki niso @ ali presledek, @[^\s@]- zahteva obvezno @ in za tem znakom vsaj 1 znak ki ni presledek ali @, \. - obvezna pika, za piko spet besedilo ki ni oresledek ali @, $ pomeni konec besedila
    // ce nek eklement ustreza vzorcu, vzprec=true, drugace pa false, https://www.w3schools.com/js/js_regexp.asp
    if (!vzorec.test(vrednost)) { //ce je vrednost vzorca NE true= torej false
        napakaEmail.textContent = "Vnesite veljaven e-poštni naslov."; //izpise se span
        email.classList.add("napacno");
        return(false);
    }
    else {
        napakaEmail.textContent = "";
        email.classList.remove("napacno");
        return(true);
    }
 }
 function preveriTelefon (){
    const vrednost = telefon.value.trim();
    const vzorec = /^0\d{2} ?\d{3} ?\d{3}$/; //https://www.w3schools.com/js/js_regexp.asp, spet ^pomeni zacetek besedila, obvezno 0, \d{2} za ničko obvezno dve stevili (d- digit), ?- neobvezen presledek, \d{3} 3 stevila, $ zakljucek besedila
    if (!vzorec.test(vrednost)) {
        napakaTelefon.textContent = "Vnesite veljavno telefonsko številko.";
        telefon.classList.add("napacno");
        return false;
    }
    else {
        napakaTelefon.textContent = "";
        telefon.classList.remove("napacno");
        return true;
    }
 }
 // Preveri pravilnost datuma rezervacije.
 function preveriDatum() {
    const vrednost = datum.value; //elementu doda trenutno vrednost elementa value, torej tisto kar uporabnik izbere, npr. 4.november 2026 bi bilo 2026-11-04, vrne vrednost v obliki string 
    const izbraniDatum = new Date(vrednost + "T00:00:00"); //tukaj pa iz stringa spremenim v pobjekt date, pac uporabno za datum
    const danVTednu = izbraniDatum.getDay(); // s tem pa ugotovimo kater dan v tednu je to, 0-nedelja, 1-ponedeljek, 2-torek... za cel teden, da bom lahko kasneje napisala da smo v torek zaprti
    const danes = new Date(); // elementu danes dodam vrednost današnjega datuma
    danes.setHours(0, 0, 0, 0); //in nastavim čas na polnoč, vse datume primerjam ob polnoči da slučajnp to ne bi vpivalo na preverjanje ali je datum v preteklosti
    if (vrednost === "") { //če je vrednost prazna potem
        napakaDatum.textContent = "Izberite datum rezervacije.";
    }
    else if (danes > izbraniDatum) { //če je današnji datum večji oz kasnejši od izbranega potem
        napakaDatum.textContent = "Datum ne sme biti v preteklosti.";
    }
    else if (danVTednu === 2) { //če je izbran dan v tednu torek
        napakaDatum.textContent = "Ob torkih je restavracija zaprta.";
    }
    else {
        napakaDatum.textContent = "";
        datum.classList.remove("napacno");
        return true; //če je datum prvilen se funkcija konča tukaj
    }
    datum.classList.add("napacno");
    return false; //zapisano na koncu da se izognemo ponavljanju, ker do tega dela pridemo samo če je datum neustrezen
 }
 // Preveri pravilnost ure rezervacije.
 function preveriUro() {
    const vrednost = ura.value;
    // Najprej preverimo, ali sta datum in ura izbrana.
    if (vrednost === "" || datum.value === "") { //dan more biti izbran ker se delavni cas od dnva do dneva spreminja
        napakaUra.textContent = "Izberite datum in uro rezervacije.";
        ura.classList.add("napacno");
        return false;
    }
    // Pridobimo odpiralni čas za izbrani dan.
    const izbraniDatum = new Date(datum.value + "T00:00:00");
    const danVTednu = izbraniDatum.getDay();
    const odpiralniCasDanes = odpiralniCas[danVTednu]; //sped zelimo dobiti dan v tednu (zgornji dve vrstici) da lahko na podlagi tega izberemo delovni cas 
    // Razdelimo izbrano uro na ure in minute.
    const deli = vrednost.split(":");
    const samoUra = Number(deli[0]);
    const samoMin = Number(deli[1]);
    // Preverimo, ali je rezervacija vsaj eno uro v prihodnosti.
    const zdaj = new Date(); //to nam da cas da pripravimo mizo npr.
    const najmanjsiCas = zdaj.getTime() + 60 * 60 * 1000; //cas se zapisuje v milisekundah zato je za dodajo ene ure 60*60*1000
    const casRezervacije = new Date(datum.value + "T" + vrednost); //zelimo vedet datu in uro rezervacije, datum.value+"T"+vrednost je pa standardni zapis datuma, new Date pa uporabljamo zato da lahko z njim racunamo
    if (odpiralniCasDanes === null) {
        napakaUra.textContent = "Ob torkih je restavracija zaprta."; 
    }
    else {
        const odprtje = odpiralniCasDanes[0];
        const zaprtje = odpiralniCasDanes[1];
        const zadnjaUra = zaprtje - 1; //ne morejo se rezervirati ob zaprtju (samo zdrava pamet)
        if (samoUra < odprtje) { //ce je ura manjsa od odprtja
            napakaUra.textContent = "Restavracija ob izbrani uri še ni odprta.";
        }
        else if (samoUra > zadnjaUra || (samoUra === zadnjaUra && samoMin > 0)) { //ce je ura vecja od zadnje ure, ali pa je enaka zadnji mozni uri in so minute vecje 0 (ker lahko se ob 21.00 rezerviras mizo)
            napakaUra.textContent = "Rezervacija je mogoča najpozneje eno uro pred zaprtjem.";
        }
        else if (casRezervacije.getTime() < najmanjsiCas) { 
            napakaUra.textContent = "Rezervacijo morate oddati vsaj eno uro pred obiskom.";
        }
        else { //vse je pravilno
            napakaUra.textContent = "";
            ura.classList.remove("napacno");
            return true;
        }
    }
    ura.classList.add("napacno"); //spet se izogibamo ponavljanju, to se zgodi vsakic ko je kaj narobe 
    return false;
 }
 //Preveri število oseb.
 function preveriOsebe() { 
    const vrednost = Number(osebe.value); //iz stringa spremeni v number
    if (vrednost<1 || vrednost>12 || !Number.isInteger(vrednost)) { //vrednost je manjsa od 1, je vecja od 12 ali ni celo stevilo 
        napakaOsebe.textContent = "Število oseb mora biti med 1 in 12.";
        osebe.classList.add("napacno");
        return false;
    }
    else {
        napakaOsebe.textContent = "";
        osebe.classList.remove("napacno");
        return true;
    }
 }
 function preveriSoglasje() {
    if (!soglasje.checked) {
        napakaSoglasje.textContent = "Za oddajo rezervacije morate potrditi soglasje.";
        return false;
    }
    else {
        napakaSoglasje.textContent = "";
        return true;
    }
 }
 // Preverjanje med tipkanjem
 ime.addEventListener("input", preveriIme); //funkcija se opravi ko zacnemo pisati v ime, se zacne izvajati funkcija
 email.addEventListener("input", preveriEmail);
 telefon.addEventListener("input", preveriTelefon);
 datum.addEventListener("select", preveriDatum); //tu imam select ker datum izbira ne vpisuje tako da je bolj logicno
 ura.addEventListener("change", preveriUro);
 osebe.addEventListener("input", preveriOsebe);
 soglasje.addEventListener("change", preveriSoglasje); //ker se bo samo spreminjala vrednost oznaceno ali ne (change ne input)
 obrazec.addEventListener("submit", function(event) { //ko oddamo funkcijo se izvede preverjanje
    event.preventDefault(); //preprecimo default preverjsnje ob submitu, torej ds preprecimo ponovno nalaganje strani 
    const imePravilno = preveriIme(); //elementu imePravilno dodamo vrednost true/false
    const emailPravilno = preveriEmail();
    const telefonPravilno = preveriTelefon();
    const datumPravilno = preveriDatum();
    const uraPravilno = preveriUro();
    const osebePravilno = preveriOsebe();
    const soglasjePravilno = preveriSoglasje();
 if (imePravilno && emailPravilno && telefonPravilno && datumPravilno && uraPravilno && osebePravilno && soglasjePravilno) {
    potrditev.replaceChildren();
    const naslov = document.createElement("h3"); // ustvari element h3
    naslov.textContent = "Povzetek vaše rezervacije";
    const sporocilo = document.createElement("p"); // ustvari element p
    sporocilo.textContent = "Podatki rezervacije so uspešno preverjeni!";
    const podatki = document.createElement("p"); // ustvari element p za osnovne podatke
    podatki.textContent =
        "Ime in priimek: " + ime.value.trim() +
        " | Datum: " + datum.value +
        " | Ura: " + ura.value +
        " | Število oseb: " + osebe.value +
        " | Prostor: " + prostor.options[prostor.selectedIndex].text;
    potrditev.append(naslov, sporocilo, podatki);
    // Preverimo, ali je uporabnik izbral priložnost.
    const priloznost = document.querySelector('input[name="priloznost"]:checked');
    if (priloznost !== null && priloznost.value !== "brez") { //ce priloznost ni prazna
        const podatek = document.createElement("p");
        podatek.textContent = "Priložnost: " + priloznost.nextElementSibling.textContent; //nextElementSibling isce naslednji element v tem starsevskem rezredu
        potrditev.append(podatek); //dodamo v podatek
    }
    // Pridobimo vse označene posebne omejitve.
    const omejitve = document.querySelectorAll('input[name="posebne-omejitve"]:checked');
    if (omejitve.length > 0) { //ce dolzina omejitv vecja od 0
        const seznam = []; //ustvarimo seznam (array-tabelo)
        omejitve.forEach(function(omejitev) { //za vsak oznacen checkbox
            seznam.push(omejitev.nextElementSibling.textContent); //dodamo na seznam vsak oznacen checkbox, spet se premilkamo po elementh starsevskega razreda
        });
        const podatek = document.createElement("p"); 
        podatek.textContent = "Posebne omejitve: " + seznam.join(", "); //seuznam.join, vse podsatke iz seznama zdruzi v string
        potrditev.append(podatek);
    }
    // Preverimo, ali je uporabnik napisal opombe.
    if (opombe.value.trim() !== "") { 
        const podatek = document.createElement("p");
        podatek.textContent = "Opombe: " + opombe.value.trim(); //potem izpisemo zapisane opombe, pac trimamo presledke odspredaj in zadaj
        potrditev.append(podatek);
    }
    potrditev.hidden = false; // prikažemo povzetek rezervacije
    }
    else {
        potrditev.hidden = true; // skrijemo povzetek, če podatki niso pravilni
    }
 });
 obrazec.addEventListener("reset", function() {
    // Izbrišemo vsa sporočila o napakah.
    const napake = obrazec.querySelectorAll(".sporocilo_napake");
    napake.forEach(function(napaka) {
        napaka.textContent = "";
    });
    // Odstranimo rdeče obrobe napačnih polj.
    const napacnaPolja = obrazec.querySelectorAll(".napacno"); //vsa oilja ki imajo napacno
    napacnaPolja.forEach(function(polje) {
        polje.classList.remove("napacno");
    });
    // Skrijemo potrditev rezervacije.
    potrditev.hidden = true;
    potrditev.replaceChildren();
 });
@@ -0,0 +1,123 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="css/stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>O nas | Za prste obliznit</title>
 </head>
 <body>
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
            <img src="slike/logo.png" class="logo_light" alt="Logotip restavracije" width="150"><br>
            <img src="slike/logo_dark.png" class="logo_dark" alt="Logotio restavracije" width="150">
             <span>Za prste obliznit</span>
        </a>
        <ul class="main_menu">
            <li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
            <li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
            <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
            <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
            <li><a class="active" href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
        </ul>
        <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
            <i class="fa-solid fa-bars"></i>
        </a>
    </nav>
 </header>
    <main class="o_nas_page">
        <h1>Naša zgodba</h1>
        <div class="nasa_zgodba_grid">
            <div class="nasa_zgodba_txt">
                <h2>Od prvega grižljaja do zadnjega oblizanega prsta.</h2>
                <p>
                    Vse se je začelo z ljubeznijo do potovanj in radovednostjo, kaj vse se skriva na krožnikih po svetu. Na naših poteh smo odkrivali nove kulture, spoznavali kulinarične tradicije in okušali jedi, ki so nas navdušile s svojimi okusi, vonji in zgodbami. Z vsakega potovanja smo prinesli nekaj novega – idejo, navdih ali skrivnost, zaradi katere je bila določena jed tako posebna. <br><br>
                    Sčasoma se je porodila ideja: zakaj ne bi vseh teh doživetij združili na enem mestu? Tako je nastala <b>Za prste obliznit </b> – restavracija, kjer se srečujejo okusi sveta, domače klasike in jedi, ki te vsaj za trenutek popeljejo nekam daleč stran. <br><br>
                    Naš dom smo našli v Tomažu nad Vojnikom, nekoliko odmaknjeni od mestnega vrveža in vsakodnevnega hitenja. Morda nas ne boste našli na najbolj prometni ulici, a verjamemo, da so nekatere stvari vredne poti. Naša lokacija nam omogoča, da se umaknemo od hrupa in se posvetimo temu, kar nam največ pomeni – pripravi dobre hrane, skrbno izbranim sestavinam in prijetnemu doživetju za vsakega gosta.
                    <br><br>
                    Pri nas ne gre zgolj za obrok. Gre za odkrivanje, okušanje in uživanje. Od bogatih balkanskih klasik do pristnih italijanskih pic, dišečih azijskih specialitet in sredozemskih dobrot – vsak krožnik prinaša svoj košček sveta.
                    <br><br>
                    Naš cilj je preprost: da se za mizo dobro počutite, da z veseljem poskusite kaj novega in da ob zadnjem grižljaju ugotovite, da bi si najraje obliznili še prste.
                    <br><br>
                    <b>Dobrodošli pri nas!</b>
                </p>
            </div>
            <figure>
                <img src="slike/restavracija.png" alt="slika restavracije">
                <figcaption>Naša restavracija</figcaption>
            </figure>
        </div>
            <h2>Delovni čas</h2>
                <table class="delovi_cas">
                    <thead>
                        <tr>
                            <th>Dan</th>
                            <th>Delavnik</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Ponedeljek</td>
                            <td>9:00-22:00</td>
                        </tr>
                        <tr>
                            <td>Torek</td>
                            <td>Zaprti</td>
                        </tr>
                        <tr>
                            <td>Sreda</td>
                            <td>9:00-22:00</td>
                        </tr>
                        <tr>
                            <td>Četrtek</td>
                            <td>9:00-22:00</td>
                        </tr>
                        <tr>
                            <td>Petek</td>
                            <td>9:00-23:00</td>
                        </tr>
                        <tr>
                            <td>Sobota</td>
                            <td>10:00-23:00</td>
                        </tr>
                        <tr>
                            <td>Nedelja</td>
                            <td>10:00-22:00</td>
                        </tr>
                    </tbody>
                </table>
            <h2>Lokacija</h2>
                <p><i>
                    Restavracija Za prste obliznit<br>
                    Tomaž nad Vojnikom 18a<br>
                    3212 Vojnik<br>
                    Slovenija
                </i></p>
        <iframe class="zemljevid"
            src="https://www.openstreetmap.org/export/embed?bbox=15.325708128511907%2C46.29054746034702%2C15.329828001558782%2C46.2928901216514&amp;layer=mapnik&amp;marker=46.291718803524695%2C15.327768065035343"
            title="Lokacija restavracije">
        </iframe>
        <br>
        <small>
            <a href="https://www.openstreetmap.org/?mlat=46.291719&amp;mlon=15.327768#map=17/46.291719/15.327768">
                Prikaži večji zemljevid
            </a>
        </small>
        <br><br>
    </main>
    <footer>
    <address>
        Za prste obliznit<br>
        <i class="fa-solid fa-location-dot"></i>Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        <i class="fa-solid fa-phone"></i>Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        <i class="fa-solid fa-envelope"></i>E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
    <script src="js/navigacija.js"></script>
 </body>
 </html>
@@ -0,0 +1,280 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="css/stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Recepti | Za prste obliznit</title>
 </head>
 <body>
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
            <img src="slike/logo.png" class="logo_light" alt="Logotip restavracije" width="150"><br>
            <img src="slike/logo_dark.png" class="logo_dark" alt="Logotio restavracije" width="150">
             <span>Za prste obliznit</span>
        </a>
        <ul class="main_menu">
            <li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
            <li><a href="jedilnik.html"> <i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
            <li><a class="active" href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
            <li><a href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
            <li><a href="o_nas.html">	<i class="fa-solid fa-circle-info"></i>O nas</a></li>
        </ul>
        <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
            <i class="fa-solid fa-bars"></i>
        </a>
    </nav>
 </header>
 <main class="recepti_page">
    <h1 id="na_vrh">Recepti</h1>
    <ul class="seznam_receptov">
        <li><a class="gumb_2" href="#muckalica">Mučkalica</a></li>
        <li><a class="gumb_2" href="#pizza_diavola">Pizza diavola</a></li>
        <li><a class="gumb_2" href="#paella">Paella</a></li>
    </ul>
    <section class="recepti_uvod">
        <h2>Svetovni okusi. Vaša kuhinja</h2>
        <p>Navdihnjeni s potovanj, ustvarjeni za vašo mizo. Odkrite recepte z različnih koncev sveta in prinesi košček kulinaričnega potovanja v svoj dom.</p> <br>
    </section>
        <article class="recepti_jedi" data-osnovne-porcije="4" >
            <h2 id="muckalica">Mučkalica </h2>
            <div class="recepti_grid">
                <figure class="recepti_slika">
                    <img src="slike/muckalica.png" alt="mučkalica">
                    <figcaption>Mučkalica</figcaption>
                </figure>
                <div class="o_receptu">
                    <div class="recepti_info">
                        <ul>
                            <li><b>Aktiven čas priprave </b><br>
                                20min
                            </li>
                            <li><b>Skupen čas priprave</b> <br>
                                cca. 70min
                            </li>
                            <li><b>Število porciji</b> <br>
                                <input type="number" class="stevilo_porcij" aria-label="Število porcij" min="1" max="12" step="1" value="4" style="width: 3.5em; font: inherit; text-align: center; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 0.3rem;"> porcije
                            </li>
                        </ul>
                    </div>
                    <div class="recepti_sestavine">
                        <h3>Sestavine</h3>
                        <ul>
                            <li><span data-kolicina="800">800</span>g svinjskega vratu ali plečeta</li>
                            <li><span data-kolicina="3">3</span> večje rdeče paprike</li>
                            <li><span data-kolicina="2">2</span> srednje veliki čebuli</li>
                            <li><span data-kolicina="3">3</span> stroki česnja</li>
                            <li><span data-kolicina="400">400</span>g sesekljanega paradižnika iz pločevinke</li>
                            <li><span data-kolicina="2">2</span> žlici paradižnikove mezge</li>
                            <li><span data-kolicina="3">3</span> žlice olja</li>
                            <li><span data-kolicina="150">150</span> ml vode</li>
                            <li><span data-kolicina="1">1</span> žlička sladke mlete paprike</li>
                            <li><span data-kolicina="0.5">0,5</span> žličke dimljene paprike (po želji)</li>
                            <li>sol in sveže mlet poper</li>
                            <li>Ščepec čilija (po želji) </li>
                            <li>svež peteršilj za postrežbo</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="recepti_priprava">
                <h3>Priprava</h3>
                <ol>
                    <li>
                        <b>Priprava mesa</b>
                        <p>Meso narežemo na približno 2-3cm velike kocke. Začini ga s soljo in poprom.</p>
                    </li>
                    <li>
                        <b>Zapeči meso</b>
                        <p>V večji težki ponvi ali loncu segrej olje. Meso v več porcijah dobro zapeci z vseh strani, da dobi zlato rjavo skorjico. Nato ga vzemi iz posode.</p>
                    </li>
                    <li>
                        <b>Pripravi zelenjavo</b>
                        <p>Čebulo nareži na trakove, papriko na manjše kose, česen pa sesekljaj. V isti posodi najprej prepraži čebulo, nato dodaj papriko in kuhaj približno 7–8 minut. Na koncu dodaj česen.</p>
                    </li>
                    <li>
                        <b>Ustvari omako</b>
                        <p>Primešaj paradižnikovo mezgo, sladko papriko in po želji dimljeno papriko. Dodaj sesekljan paradižnik in vodo oziroma jušno osnovo</p>
                    </li>
                    <li>
                        <b>Počasi kuhaj</b>
                        <p>V omako vrni meso. Pokrito kuhaj na nizki temperaturi približno 35–45 minut oziroma toliko časa, da se meso zmehča. Občasno premešaj in po potrebi dodaj malo vode</p>
                    </li>
                    <li>
                        <b>Dokončaj in postrezi</b>
                        <p>Poskusi, popravi začimbe in po želji dodaj ščepec čilija. Potresi s svežim peteršiljem. Postrezi s pečenim krompirjem ali domačim kruhom</p>
                    </li>
                </ol>
            </div>
            <a class="gumb_3" href="#na_vrh">Na vrh strani</a>
        </article>
        <br>
        <article class="recepti_jedi" data-osnovne-porcije="4">
            <h2 id="pizza_diavola">Napolitanska pizza Diavola</h2>
            <div class="recepti_grid">
                <figure class="recepti_slika">
                    <img src="slike/pizza_diavola.png" alt="pizza diavola">
                    <figcaption>Pizza diavola</figcaption>
                </figure>
                <div class="o_receptu">
                    <div class="recepti_info">
                        <ul>
                            <li><b>Aktiven čas priprave </b><br>
                                30min
                            </li>
                            <li><b>Skupen čas priprave</b> <br>
                                cca. 13-25ur
                            </li>
                            <li><b>Število pic</b> <br>
                                <input type="number" class="stevilo_porcij" aria-label="Število pic" min="1" max="12" step="1" value="4" style="width: 3.5em; font: inherit; text-align: center; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 0.3rem;"> pice
                            </li>
                        </ul>
                    </div>
                    <div class="recepti_sestavine">
                    <h3>Sestavine</h3>
                        <ul>
                            <li><span data-kolicina="600">600</span>g moke tipa 00</li>
                            <li><span data-kolicina="390">390</span>g hladne vode</li>
                            <li><span data-kolicina="18">18</span>g soli</li>
                            <li><span data-kolicina="1">1</span>g suhega instant kvasa (ali približno <span data-kolicina="3">3</span>g svežega) </li>
                            <li><span data-kolicina="400">400</span>g olupljenih pelatov</li>
                            <li><span data-kolicina="300">300</span>g mozzarele za pizzo</li>
                            <li><span data-kolicina="200">200</span>g pikantne salame</li>
                            <li><span data-kolicina="1">1</span> žlička origana</li>
                            <li>sveža bazilika</li>
                            <li>malo olivnega olja</li>
                            <li>čili kosmiči (po želji) </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="recepti_priprava">
            <h3>Priprava</h3>
                <ol>
                    <li>
                        <b>Zamesi testo</b>
                        <p>V vodi raztopi sol, dodaj moko in kvas. Zamesi gladko, prožno testo. Gneti približno 10–15 minut, dokler ni elastično in se ne trga zlahka</p>
                    </li>
                    <li>
                        <b>Pusti vzhajati</b>
                        <p>Testo pokrij in pusti približno 1 uro pri sobni temperaturi. Nato ga razdeli na <span data-kolicina="4">4</span> enake kroglice, jih shrani v pokrito posodo in pusti vzhajati še približno 11–23 ur v hladilniku. Pred oblikovanjem jih vzemi iz hladilnika približno 2 uri prej.</p>
                    </li>
                    <li>
                        <b>Pripravi paradižnikovo omako</b>
                        <p>Pelate z rokami ali vilicami pretlači. Dodaj malo soli in po</p>
                    </li>
                    <li>
                        <b>Oblikuj pice</b>
                        <p>Pečico skupaj s kamnom ali jekleno ploščo segrevaj na najvišji temperaturi, praviloma 250–300 °C, vsaj 45 minut. Vsako kroglico testa s prsti raztegni od sredine navzven, da ohraniš zračen rob. Ne uporabljaj valjarja.</p>
                    </li>
                    <li>
                        <b>Dodaj nadev</b>
                        <p>Na testo razporedi tanko plast omake, mocarelo, narezano pikantno salamo in nekaj listov bazilike. Ne pretiravaj z nadevom, saj lahko preveč tekočine zmehča sredico.</p>
                    </li>
                    <li>
                        <b>Speci pico</b>
                        <p>Peci na dobro segretem kamnu ali jeklu, dokler rob ne naraste in se obarva, sir pa stopi. Pri domači pečici na 250–300 °C bo to pogosto trajalo približno 5–8 minut; čas je odvisen od pečice in podlage. V namenski peči za napolitansko pico je peka bistveno krajša.</p>
                    </li>
                    <li>
                        <b>Postrezi</b>
                        <p>Po želji dodaj nekaj kapljic oljčnega olja, svežo baziliko in čili v kosmičih.</p>
                    </li>
                </ol>
            </div>
            <a class="gumb_3" href="#na_vrh">Na vrh strani</a>
        </article>
        <br>
        <article class="recepti_jedi" data-osnovne-porcije="4">
            <h2 id="paella">Španska paella z morskimi zadeži</h2>
            <div class="recepti_grid">
                <figure class="recepti_slika">
                    <img src="slike/paella.png" alt="paella">
                    <figcaption>Paella</figcaption>
                </figure>
                <div class="o_receptu">
                    <div class="recepti_info">
                        <ul>
                            <li><b>Aktiven čas priprave </b><br>
                                20min
                            </li>
                            <li><b>Skupen čas priprave</b> <br>
                                cca. 50min
                            </li>
                            <li><b>Število porciji</b> <br>
                                <input type="number" class="stevilo_porcij" aria-label="Število porcij" min="1" max="12" step="1" value="4" style="width: 3.5em; font: inherit; text-align: center; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 0.3rem;"> porcije
                            </li>
                        </ul>
                    </div>
                    <div class="recepti_sestavine">
                        <h3>Sestavine</h3>
                        <ul>
                            <li><span data-kolicina="320">320</span>g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li>
                            <li><span data-kolicina="300">300</span>g očiščenih kozic</li>
                            <li><span data-kolicina="300">300</span>g školjk, dobro očiščenih</li>
                            <li><span data-kolicina="200">200</span>g lignjev, narezanih na kolobarje</li>
                            <li><span data-kolicina="1">1</span> srednje velika čebula</li>
                            <li><span data-kolicina="1">1</span> rdeča paprika</li>
                            <li><span data-kolicina="3">3</span> stroki česna</li>
                            <li><span data-kolicina="250">250</span>g sesekljanega paradižnika</li>
                            <li><span data-kolicina="900">900</span>g ribje jušne osnove (približno; odvisno od riža)</li>
                            <li>ščepec žafrana</li>
                            <li><span data-kolicina="1">1</span> žlička sladke mlete paprike</li>
                            <li><span data-kolicina="3">3</span> žlice olivnega olja</li>
                            <li>sol in poper</li>
                            <li>limona</li>
                            <li>svež peteršilj</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="recepti_priprava">
            <h3>Priprava</h3>
            <ol>
                <li>
                    <b>Pripravi sestavine</b>
                    <p>Čebulo in česen drobno sesekljaj, papriko nareži na majhne kocke, lignje na kolobarje. Jušno osnovo segrej in v njej za nekaj minut namoči žafran.</p>     
                </li>
                <li>
                    <b>Na hitro popeci morske sadeže</b>
                    <p>V široki ponvi za paello segrej oljčno olje. Kozice na hitro popeci, nato jih vzemi iz ponve. Če uporabljaš surove školjke, preveri, da so primerne za kuhanje, ter jih pripravi v skladu z navodili za varno uporabo.</p>
                </li>
                <li>
                    <b>Pripravi zelenjavno osnovo</b>
                    <p>V isti ponvi prepraži čebulo in papriko. Dodaj česen, nato sesekljan paradižnik. Kuhaj približno 5 minut, da se omaka zgosti.</p>
                </li>
                <li>
                    <b>Dodaj riž in začimbe</b>
                    <p>Primešaj sladko papriko in riž ter ga približno minuto premešaj, da se obda z omako. Prilij vročo jušno osnovo z žafranom in enakomerno razporedi riž po ponvi.</p>
                </li>
                <li>
                    <b>Kuhaj brez mešanja</b>
                    <p>Riž kuhaj na zmernem ognju približno 15–20 minut oziroma po navodilih izbrane sorte. Ko dodaš osnovo, riža praviloma ne mešaj več, saj želiš ohraniti značilno strukturo paelle.</p>
                </li>
                <li>
                    <b>Dodaj morske sadeže</b>
                    <p>Kozice, lignje in školjke razporedi po rižu. Nadaljuj s kuhanjem, dokler riž ni mehak, tekočina pa večinoma vpita. Surovi morski sadeži morajo biti ustrezno kuhani; školjke, ki se po kuhanju ne odprejo, zavrzi.</p>
                </li>
                <li>
                    <b>Pusti počivati in postrezi</b>
                    <p>Ponev odstavi, pokrij za približno 5 minut in nato paello postrezi z rezinami limone ter svežim peteršiljem.</p>
                </li>
            </ol>
            </div>
            <a class="gumb_3" href="#na_vrh">Na vrh strani</a>
        </article>
    <br><br>
    </main>
    <footer>
    <address>
        Za prste obliznit<br>
        <i class="fa-solid fa-location-dot"></i> Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        <i class="fa-solid fa-phone"></i> Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        <i class="fa-solid fa-envelope"></i>E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
    <script src="js/recepti.js"></script>
    <script src="js/navigacija.js"></script>
 </body>
 </html>
@@ -0,0 +1,171 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="css/stylesheet.css">
    <script src="java_script.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rezervacija | Za prste obliznit</title>
 </head>
 <body>
    <header class="site_header">
        <nav class="nav_bar">
            <a class="logo" href="index.html">
                <img src="slike/logo.png" class="logo_light" alt="Logotip restavracije" width="150"><br>
                <img src="slike/logo_dark.png" class="logo_dark" alt="Logotio restavracije" width="150">
                <span>Za prste obliznit</span>
            </a>
            <ul class="main_menu">
                <li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
                <li><a href="jedilnik.html"><i class="fa-solid fa-utensils"></i>Jedilnik</a></li>
                <li><a href="recepti.html"><i class="fa-solid fa-book-open"></i>Recepti</a></li>
                <li><a class="active" href="rezervacija.html"><i class="fa-solid fa-calendar-check"></i>Rezervacija</a></li>
                <li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
            </ul>
            <a class="hamburger_meni" href="javascript:void(0)" onclick="odpri_meni()">
                <i class="fa-solid fa-bars"></i>
            </a>
        </nav>
    </header>
    <main class="rezervacija_page">
        <h1>Vaša miza vas že čaka</h1>
            <p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
            <h2>Nekaj informaciji pred rezervacijo:</h2>
            <p>
                <b>Kdaj lahko rezervirate?</b>
                <br>
                Spletne rezervacije sprejemamo vsak dan med <b>9.00 in 20.00</b>. Rezervacijo priporočamo vsaj nekaj ur pred prihodom.
            </p>
            <p>
                <b>Prihajate v večji družbi?</b>
                <br>
                Za skupine z <b>12 ali več osebami</b> vas prosimo, da nas pokličete. Tako se lahko skupaj dogovorimo o razpoložljivosti miz in poskrbimo, da bo vaš obisk čim prijetnejši.
            </p>
            <p> 
                Veselimo se vašega obiska in skupnih kulinaričnih doživetij!
                <br>
                <b>Ekipa Za prset obliznit</b>
            </p>
        <h2>Rezervacija</h2>
        <p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
        <form id="obrazec_rezervacija" method="get" novalidate> <!-- novalidate pomeni da bomo lahko dodali svoje napise za opozorila -->
            <fieldset class="field_rezervacija">
                <legend>Podrobnosti rezervacije:</legend>
                <label for="datum-obiska">Datum obiska</label>
                <div class="vnos_rezervacija">
                    <input type="date" id="datum-obiska" name="datum-obiska" required>
                    <span class="sporocilo_napake" id="napaka-datum"></span>
                </div>
                <label for="ura-obiska">Ura obiska</label>
                <div class="vnos_rezervacija">
                    <input type="time" id="ura-obiska" name="ura-obiska" required>
                    <span class="sporocilo_napake" id="napaka-ura"></span>
                </div>
                <label for="stevilo-oseb">Število oseb</label>
                <div class="vnos_rezervacija">
                    <input type="number" id="stevilo-oseb"
                        name="stevilo-oseb" min="1" max="12" required> <!-- in in max sem obdrzala ker potem se prikazejo samo vrednost med 1 in 12 na izbiro, vseeno sem naredila validacijo v js -->
                    <span class="sporocilo_napake" id="napaka-osebe"></span>
                </div>
                Prostor:
                    <select id="prostor" name="prostor">
                        <option value="notranjost">Notranjost</option>
                        <option value="terasa">Terasa</option>
                        <option value="zasebna-soba">Zasebna soba</option>
                    </select>
            </fieldset>
            <fieldset  class="field_rezervacija">
                <legend>Osebni podatki:</legend>
                <label for="ime-priimek">Ime in priimek</label>
                <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>
                <label for="email">E-poštni naslov</label>
                <div class="vnos_rezervacija">
                    <input type="email" id="email" name="email"
                        placeholder="neza.novak@primer.si" required>
                    <span class="sporocilo_napake" id="napaka-email"></span>
                </div>
                <label for="telefon-st">Telefonska številka</label>
                <div class="vnos_rezervacija">
                    <input type="tel" id="telefon-st" name="telefon-st"
                        placeholder="040 123 456" required>
                    <span class="sporocilo_napake" id="napaka-telefon"></span>
                </div>
                    Priložnost <br>
                <div class="opcije">
                    <div class="opcije_radio">
                        <input type="radio" id="brez" name="priloznost" value="brez">
                        <label for="brez">Brez</label>
                    </div>
                    <div class="opcije_radio">
                        <input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan">
                        <label for="rojstni-dan">Rojstni dan</label>
                    </div>
                    <div class="opcije_radio">
                        <input type="radio" id="obletnica" name="priloznost" value="obletnica">
                        <label for="obletnica">Obletnica</label>
                    </div>
                    <div class="opcije_radio">
                        <input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje">
                        <label for="poslovno-srecanje">Poslovno srečanje</label>
                    </div>
                </div>
            </fieldset>
            <br>
            <br>
            <fieldset class="field_rezervacija">
                <legend>Dodatne želje:</legend>
                    Posebne omejitve <br>
                <div class="opcije">
                    <div class="opcije_checkbox">
                        <input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> 
                        <label for="vegan">Vegansko</label>
                    </div>
                    <div class="opcije_checkbox">
                        <input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan">
                        <label for="vegetarijan">Vegetarjansko</label>
                    </div>
                    <div class="opcije_checkbox">
                        <input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten">
                        <label for="gluten">Brez glutena</label>
                    </div>
                    <div class="opcije_checkbox">
                        <input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza">
                        <label for="laktoza">Brez laktoze</label>
                    </div>
                </div>
                Opombe
                <br>
                <textarea id="opombe" placeholder="Npr. potrebujete stolček za otroka, ..." name="opombe" rows="5" cols="50" ></textarea>
                <br>
                <div class="pogoji_uporabe"> <!-- v js se pogoji preimenujejeo v soglasje -->
                    <input type="checkbox" id="pogoji" name="pogoji" value="da" required>
                    <label for="pogoji">Strinjam se z obdelavo osebnih podatkov</label>
                    <span class="sporocilo_napake" id="napaka-pogoji"></span>
                </div>
            </fieldset>
            <br><br>
            <input class="gumb_osnovni_obratno" type="submit" value="Oddaja rezervacije">
            <input class="gumb_manj" type="reset" value="Ponastavi">
        </form>
        <div id="potrditev-rezervacije" class="potrditev_rezervacije" hidden></div> <!-- hidden da ostane skrit ko se stran odpre oz dokler ga ne potrebujem -->
        <br><br>
    </main>
    <footer>
    <address>
        Za prste obliznit<br>
        <i class="fa-solid fa-location-dot"></i>Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        <i class="fa-solid fa-phone"></i>Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        <i class="fa-solid fa-envelope"></i>E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
    <script src="js/rezervacija.js"></script>
    <script src="js/navigacija.js"></script>
 </body>
 </html>
@@ -1,130 +0,0 @@
 <!DOCTYPE html>
 <html lang="sl">
 <head>
    <link rel="stylesheet" href="stylesheet.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rezervacija | Za prste obliznit</title>
 </head>
 <body>
 <header class="site_header">
    <nav class="nav_bar">
        <a class="logo" href="index.html">
            <img src="logo.png" alt="Logotip restavracije" width="150"><br>
             <span>Za prste obliznit</span>
        </a>
        <ul class="main_menu">
            <li><a href="index.html">Domov</a></li>
            <li><a href="jedilnik.html">Jedilnik</a></li>
            <li><a href="recepti.html">Recepti</a></li>
            <li><a class="active" href="rezervacija.html">Rezervacija</a></li>
            <li><a href="o_nas.html">O nas</a></li>
        </ul>
    </nav>
 </header>
    <h1>Vaša miza vas že čaka</h1>
        <p>Dobra hrana je boljša v dobri družbi. Rezervirajte svojo mizo in si privoščite kulinarično popotovanje po spletu.</p>
        <h2>Nekaj informaciji pred rezervacijo:</h2>
        <p>
            <b>Kdaj lahko rezervirate?</b>
            <br>
            Spletne rezervacije sprejemamo vsak dan med <b>9.00 in 20.00</b>. Rezervacijo priporočamo vsaj nekaj ur pred prihodom.
        </p>
        <p>
            <b>Prihajate v večji družbi?</b>
            <br>
            Za skupine z <b>12 ali več osebami</b> vas prosimo, da nas pokličete. Tako se lahko skupaj dogovorimo o razpoložljivosti miz in poskrbimo, da bo vaš obisk čim prijetnejši.
        </p>
        <p> 
            Veselimo se vašega obiska in skupnih kulinaričnih doživetij!
            <br>
            <b>Ekipa Za prset obliznit</b>
        </p>
    <h2>Rezervacija</h2>
    <p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
    <form method="get">
        <fieldset>
            <legend>Podrobnosti rezervacije:</legend>
             Datum obiska
            <br>
            <input type="date" id="datum-obiska" name="datum-obiska" required>
            <br>
            <br>
            Ura obiska
            <br>
            <input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
            <br>
            <br>
            Število oseb
            <br>
            <input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
            <br>
            <br>
            Prostor:
                <select id="prostor" name="prostor">
                    <option value="notranjost">Notranjost</option>
                    <option value="terasa">Terasa</option>
                    <option value="zasebna-soba">Zasebna soba</option>
                </select>
        </fieldset>
        <br>
        <br>
        <fieldset>
            <legend>Osebni podatki:</legend>
             Ime in priimek
            <br>
            <input type="text" id="ime-priimek" name="ime-priimek" required>
            <br>
            <br>
            E-poštni naslov
            <br>
            <input type="email" id="email" name="email" required>
            <br>
            <br>
            Telefonska številka
            <br>
            <input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required>
        </fieldset>
        <br>
        <br>
        <fieldset>
            <legend>Dodatne želje:</legend>
            Priložnost
            <br>
            <input type="radio" id="brez" name="priloznost" value="brez"> Brez
            <input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan"> Rojstni dan
            <input type="radio" id="obletnica" name="priloznost" value="obletnica"> Obletnica 
            <input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje"> Poslovno srečanje
            <br>
            <br>
            Posebne omejitve <br>
            <input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> Vegansko
            <input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan"> Vegetarjansko
            <input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten"> Brez glutena
            <input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza"> Brez laktoze
            <br>
            <br>
            Opombe
            <br>
            <textarea id="opombe" name="opombe" rows="5" cols="50"> </textarea>
        </fieldset>
        <br>
        <br>
        <input type="checkbox" id="pogoji" name="pogoji" value="da" required>Strinjam se z obdelavo osebnih podatkov 
        <br><br>
        <input type="submit" value="Oddaja rezervacije">
        <br>
        <input type="reset" value="Ponastavi">
    </form>
    <br><br>
    <footer>
    <address>
        Za prste obliznit<br>
        Tomaž nad Vojnikom 18a,3212 Vojnik <br>
        Telefon:<a href="tel:+072727777"> 07 272 77 77</a> <br>
        E-pošta:<a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a> 
    </address>
    <p>© 2026 Iva Friedrich</p>
    </footer>
 </body>
 </html>
@@ -1,390 +0,0 @@
 /* spetna pisava*/
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
 /* CSS barve pa oblike ki se bojo ponavljale da mi jih ne bo treba vsakic znova definirt bojo tuki, pa ce bo reba kej spremenit bo tudi lazje, ker samo na enem mestu spremenis */
 :root {
    --barva-ozadje: #F0E5D2; /*vse barve so vzete iz logotipa*/
    --barva-besedilo: #45220E;
    --barva-poudarek: #60552C; /*ta je tista malo bolj zelena*/
    --barva-dodatna: #CE9550;
    --barva-kartice: #FFF9F0;
    --barva-besedilo-na-temnem: #F0E5D2;
    --barva-hero-prekrivna: rgba(69, 34, 14, 0.55);
    --barva-senca: rgba(69, 34, 14, 0.18); /* uporabljena vrednost rgba da lahko nastavim še prosojnost a- alpha chanell za prosojnost */
    --senca-kartice: 0 0.25rem 0.8rem var(--barva-senca); /*rem- relative unit of measurement, lažje prilagajanje, var- pa predstavlja vrednost definirano v root-u */
    --zaobljenost: 0.75rem;
 }
 /*osnovne nastavitve */
 * {
    box-sizing: border-box; /* zvezdica pomeni da velja za vse */
 }
 html {
    font-size: 100%;
    scroll-behavior: smooth; /* men se je osebno samo lepše zdel da kamorkoli prideš da je vmes scroll transition da ne mors kr jumpat iz elementa na element */
    scroll-padding-top: 7rem; /* ko bom pri receptih uporabljala sidra in skakanje po strani "nazaj na vrh" da mi naslova ne bo prekrila glava, da bo vmes 7rem prostora */
 }
 body {
    margin: 0;
    background-color: var(--barva-ozadje);
    color: var(--barva-besedilo);
    font-family: "Montserrat", sans-serif;
    font-size: 1rem;
    line-height: 1.7;
 }
 h1,
 h2,
 h3 {
    color: var(--barva-besedilo);
    font-family: "Fraunces", serif;
    line-height: 1.25; /*koliko je razmoke med vrsticami, če bi bilo 0 bi se besedila prekrivala */
 }
 h1 {
    font-size: 2.8rem;
 }
 h2 {
    font-size: 2rem;
 }
 h3 {
    font-size: 1.4rem;
 }
 img {
    max-width: 100%;
 }
 a {
    color: var(--barva-poudarek);
 }
 a:focus-visible { /*če klikneš Tab se okoli naslova pojavi obroč da veša kaj je izbrano*/
    outline: 0.15rem solid var(--barva-dodatna);
    outline-offset: 0.2rem;
 }
 /* glava in navigacija */
 .site_header {
    position: sticky; /*da tudi ko scrollas dol ostane viden */
    top: 0;
    z-index: 1000; /* element je čisto odspredaj, no je pred elementi >1000, če bi pa dala nekemu elementu index 1001 bi bil pa ta prikazan nad tem */
    background-color: var(--barva-ozadje); 
    box-shadow: var(--senca-kartice); /*dodana senca za malo globine, bolj zaradi lepega kot karkoli drugega, no pa za to da se loči od ozadja kr sta iste barve */
 }
 .nav_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    max-width: 1100px;
    min-height: 6rem;
    margin: 0 auto;
    padding: 0.5rem 1rem;
 }
 .logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--barva-besedilo);
    font-family: "Fraunces", serif;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
 }
 .logo br {
    display: none; /* da slucajno nebi uničili vodoravne postavitve logotipa */
 }
 .logo img {
    display: block;
    width: 5rem;
    height: auto;
 }
 .main_menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
 }
 .main_menu a {
    display: block;
    padding: 0.6rem 0.8rem;
    border-radius: 0.4rem;
    color: var(--barva-besedilo);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease;
 }
 .main_menu a:hover {
    background-color: var(--barva-dodatna);
 }
 .main_menu a.active {
    background-color: var(--barva-poudarek);
    color: var(--barva-besedilo-na-temnem);
 }
 /* glavna vsebina in noga, na splosno*/
 main {
    width: 100%;
    max-width: 1100px; /* da lahko stran malo diha, da ne zasede celega zaslona */
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
 }
 footer {
    padding: 2.5rem 1rem;
    background-color: var(--barva-besedilo);
    color: var(--barva-ozadje);
    text-align: center;
 }
 footer address {
    margin-bottom: 1rem;
    font-style: normal;
 }
 footer a {
    color: var(--barva-dodatna);
 }
 footer p {
    margin-bottom: 0;
    font-size: 0.9rem;
 }
 /* hero naslov */
 .home_page .hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh; /* 1vh - 1% višine vidnega mesta, in pač ker se to vidno mesto razlikuje, je ta enota bolj responsive */
    margin-bottom: 3rem;
    padding: 3rem 1.5rem;
    background-image:
        linear-gradient(
            var(--barva-hero-prekrivna),
            var(--barva-hero-prekrivna) /*da je zmanjšana prosojnost slike ozadja, da tekst bolj "pade v oči" */
        ),
        url("restavracija.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: var(--zaobljenost);
    text-align: center;
 }
 .home_page .hero_vsebina {
    width: 100%;
    max-width: 700px;
    color: var(--barva-besedilo-na-temnem);
 }
 .home_page .hero h1 {
    margin-top: 0;
    color: var(--barva-besedilo-na-temnem);
    font-size: 3.5rem;
 }
 .home_page .hero p {
    margin-bottom: 2rem;
    color: var(--barva-besedilo-na-temnem);
    font-size: 1.15rem;
 }
 .home_page .gumb_osnovni {
    display: inline-block;
    padding: 0.85rem 1.5rem;
    border-radius: 0.5rem;
    background-color: var(--barva-dodatna);
    color: var(--barva-besedilo);
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease; /* da izgleda sprememba barve bolj smooth */
 }
 .home_page .gumb_osnovni:hover {
    background-color: var(--barva-poudarek);
    color: var(--barva-besedilo-na-temnem);
 }
 /* opis restavracije */
 .home_page .o_restavraciji {
    max-width: 850px;
    margin: 0 auto 4rem;
    text-align: center;
 }
 .home_page .o_restavraciji h2,
 .home_page .priljubljene_jedi > h2 {
    margin-bottom: 1.5rem;
 }
 /* kartice priljubjenih jedi */
 .home_page .priljubljene_jedi {
    margin-bottom: 2rem;
 }
 .home_page .priljubljene_jedi > h2 {
    text-align: center;
 }
 .home_page .jedi_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* fr je enota ki ti pove kolkšen delež prostora zavzeme, fraction, pač da se lahko samodejno razporedijo brez definiceije procentov */
    align-items: stretch;
    gap: 1.5rem;
 }
 .home_page .jedi_card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    background-color: var(--barva-kartice);
    border-radius: var(--zaobljenost);
    box-shadow: var(--senca-kartice);
 }
 .home_page .card_slika {
    position: relative;
    height: 200px;
    flex-shrink: 0;
    overflow: hidden;
    margin: 0;
 }
 .home_page .card_slika img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
 }
 .home_page .card_slika figcaption {
    display: none; /* da se imena ne podvajajo ker je figcaption v mojem primeru enak h3 jedi*/
 }
 .home_page .card_vsebina {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.25rem;
 }
 .home_page .card_vsebina h3 {
    margin-top: 0;
    margin-bottom: 0.75rem;
 }
 .home_page .card_vsebina p {
    margin-top: 0;
    margin-bottom: 0;
 }
 /*značka novo */
 .home_page .znacka_novo {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 1; /* da je postavljena čisto odspredaj */
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    background-color: var(--barva-dodatna);
    color: var(--barva-besedilo);
    font-size: 0.8rem;
    font-weight: 700;
 }
 /* prilagotitev telefonom */
@media (max-width: 800px) {
    .nav_bar {
        flex-direction: column;
        gap: 0.5rem;
    }
    .main_menu {
        justify-content: center;
    }
    .home_page .jedi_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home_page .hero h1 {
        font-size: 2.6rem;
    }
 }
@media (max-width: 520px) {
    .main_menu {
        gap: 0.15rem;
    }
    .main_menu a {
        padding: 0.45rem;
        font-size: 0.8rem;
    }
    .home_page .jedi_grid {
        grid-template-columns: 1fr; /*da bojo v bistvu vsak v svoji vrst */
    }
    .home_page .hero {
        min-height: 60vh;
        padding: 2rem 1rem;
    }
    .home_page .hero h1 {
        font-size: 2.2rem;
    }
    h2 {
        font-size: 1.7rem;
    }
 }
Author	SHA1	Message	Date
iva	49d1c59242	popravek v zapisih ki sem jih odkrila pr validiranju	2026-11-04 16:29:19 +01:00
iva	88df5f4d7d	vse datoteke so bile prestavljene v mapo restavracija in v ustrezne podmape, v vseh datotekah so tudi popravljeni linki	2026-11-04 16:10:26 +01:00
iva	58c4ea0799	popravljena responsive velikost zemlejvida	2026-11-04 15:58:02 +01:00
iva	5fbfe528fe	urejeno spreminjanje količin sestavin glede na izbrano količino porciji	2026-11-04 15:51:36 +01:00
iva	c36218287e	html za recepte spremenjen da bom lahko z js prilagajala stevilo porciji	2026-11-04 15:38:58 +01:00
iva	f1c122265b	ob ponastavitvi rezervacije se izbrisejo tudi vse napake	2026-11-04 15:28:34 +01:00
iva	04e19013c4	urejen povzetek rezervacije	2026-11-04 15:26:55 +01:00
iva	e8d11744f0	dodan izpis ob potrditvi ustrezne rezervacije	2026-11-04 15:04:08 +01:00
iva	f78a713943	dodan div za potrditev rezervacije, za izpisd, popravljeni zapisi komntarjev v html	2026-11-04 15:00:38 +01:00
iva	f805380a73	urejeno preverjanje pogojev/soglasja v js	2026-11-04 14:55:35 +01:00
iva	b168feafbb	urejen html za soglasje, zacnem z pisanjem preverjanja ali je boilo soglasje sprejeto v js	2026-11-04 14:46:33 +01:00
iva	dfc4a1d811	urejeno preverjanje stevila oseb	2026-11-04 14:42:28 +01:00
iva	b19ba74cb9	urejen html za stevilo oseb pri rezervaciji da lahko zdaj uredim preverjanje v js	2026-11-04 14:33:39 +01:00
iva	8bfb212f73	urejeno preverjanje vnosa ure	2026-11-04 14:31:24 +01:00
iva	754fe893d1	urejen html za uro, da bom lahko zacela urejanje preverjanja z js	2026-11-04 12:54:44 +01:00
iva	c43063dc32	urejeno preverjanja ustrezno izbranega datuma	2026-11-04 12:53:26 +01:00
iva	85750602f3	urejen html za datum, pripravljen za urejanje v js	2026-11-04 12:25:52 +01:00
iva	8ec40dcebe	dodane povezave do regularnih izrazov	2026-11-04 09:16:40 +01:00
iva	58d125b6fd	nareto preverjanje tel stevilke	2026-11-04 09:11:12 +01:00
iva	22c4f3d5c4	html za vnos tel pripravljen za urejanje z js	2026-11-04 08:52:12 +01:00
iva	8dd3f3529f	urejeno preverjanje emaila	2026-11-04 08:50:25 +01:00
iva	5108bf789e	spremenjena oblika da se pravilno izpisuje napaka pri vpisu imeni, popravljen html da bom lahko z js uredila izpis napake pri izpisu emaila	2026-11-04 08:24:30 +01:00
iva	1444a0f5d8	dodana funkcija za preverjanje ime in priimek v rezervaciji	2026-11-03 14:20:04 +01:00
iva	b4516210fd	narobe povezana daztoteka js	2026-11-03 11:26:58 +01:00
iva	ff6ecbd7a8	urejeniu filter gumbi in zacetek urejanja rezervacije	2026-11-03 11:22:58 +01:00
iva	fe4b595989	ustvarjen delujoc sistem za izbiro prikazanih jedilnikov	2026-11-03 10:41:55 +01:00
iva	1e25ed301f	funkcija izrisJedilnika posplošena da sedaj izriše jedilnike vseh kategorij	2026-11-02 16:17:23 +01:00
iva	55aab8fbcb	dodana funkcija za izpis jedi (zaenkrat samo predjedi) in popravljen CSS kej je bila table raztegnjena cez celo stran (max-width sem napisala 2x in je bil pravilen preglasen)	2026-11-02 16:09:04 +01:00
iva	a2c2f97a37	vpisane vse jedi v js spremenljivko jedi	2026-11-02 15:30:21 +01:00
iva	7d760c59eb	izbrisane vse jedi v jedilniku in pripravljeni gumbi za nadlajno urejanje in izpisovanje v js	2026-11-02 15:19:17 +01:00
iva	5aa8a3d250	nastavljena fiksna velikost ikone hamburger menija	2026-11-02 09:29:53 +01:00
iva	cd4829caf4	ko je hamburger meni odprt je prikazan x	2026-11-02 09:28:07 +01:00
iva	2b6c10b17c	dodan js za odpiranje in zapiranje hamburger menija	2026-11-02 09:17:47 +01:00
iva	a31609945a	dodan button za hamburger meni	2026-11-02 08:41:30 +01:00
iva	b26638f93c	dodane povezave do external js datotek, in ustvarjene datoteke v posabaj mapi	2026-11-02 07:46:31 +01:00
iva	4459cdc1fe	narejeno da se kartice priljubljenih jedi ko hoveras nad njimi se priblizajo	2026-11-01 23:19:55 +01:00
iva	163fa94e43	pomanjsani gumb 2 da preprecim overlap v mobile do 600px	2026-11-01 22:57:31 +01:00
iva	9d4a4eb10b	urejeni jedilniki, navigacijska vrstia, spremenjeni columnsi (iz 2 ali 3 v 1); dodan tabela_scroll da se tabela samo scrolla stran pa je staticna, in dodan dark mode, nov logo za temen nacin in pa reduced motion dodano da se izklopijo dolocene nastavitve	2026-11-01 22:52:00 +01:00
iva	6fe3505016	dodan zacetek hamburger menija na vse strani, ustvarjen external js, povezan z stranmi	2026-11-01 18:28:07 +01:00
iva	8a086b131f	popravljen napis info receptov	2026-11-01 14:29:49 +01:00
iva	01f6fd499e	dodane ikone v footer, urejen active state	2026-11-01 14:26:42 +01:00
iva	2f7d91c430	dodane ikone v nav meni, potrebno urediti hover in pa active	2026-11-01 14:15:45 +01:00
iva	02ed53d7a3	dodani classi in razdeljeni deli na strani o nas	2026-11-01 12:57:33 +01:00
iva	10a0f35160	popravljeni zapisi label in narejeni gumbi za oddajo in ponastavitev obrazca	2026-10-28 20:43:24 +01:00
iva	296ec5edaf	urejeni inputi da so vsi poravnani in zaobljeni, poravnani tudi radio in checkbox	2026-10-28 20:15:36 +01:00
iva	325a5cabb9	urejeni borderji okoli fieldstov	2026-10-28 19:35:09 +01:00
iva	5c56e96c17	meni receptov urejen v sistem gumbov	2026-10-28 16:32:29 +01:00
iva	20cdd155d6	ustvarjen template za kartice receptov	2026-10-28 16:21:23 +01:00
iva	c6d2a65336	dodani div class=recepti_grid v vseh receptih	2026-10-28 15:03:58 +01:00
iva	5d487a73ad	recepti urejeni dodani classi in div za urejanje kot kartice	2026-10-28 14:55:11 +01:00
iva	8228b63d6c	sprememnjen padding v mainu	2026-10-28 14:18:35 +01:00
iva	4c6fdc33bf	dodani classi v recepte	2026-10-27 10:45:38 +01:00
iva	b285e5d04b	dodano izmenično obarvanje vrstic in 2 barvi	2026-10-26 09:24:36 +01:00
iva	e6637363e0	urejeni jedilniki (tabele)	2026-10-26 09:08:09 +01:00
iva	84e54c90ef	urejen uvpd jedilnika	2026-10-26 08:17:33 +01:00
iva	7bdfd21b93	dodan css za main jedilnika	2026-10-26 08:01:11 +01:00
iva	be7b9c92b6	dodani sectioniu v jedilniku	2026-10-26 07:55:56 +01:00
iva	216f5ab293	podana informacija da so dodatni logi dostopni na spletu	2026-10-21 20:59:51 +02:00