From c36218287e2354d302d495dd5d7b209c22c30da7 Mon Sep 17 00:00:00 2001
From: Iva <iva@friedrich.si>
Date: Wed, 4 Nov 2026 15:38:58 +0100
Subject: [PATCH] html za recepte spremenjen da bom lahko z js prilagajala
 stevilo porciji

---
 recepti.html | 70 ++++++++++++++++++++++++++--------------------------
 1 file changed, 35 insertions(+), 35 deletions(-)

diff --git a/recepti.html b/recepti.html
index 3e14840..2ea66a5 100644
--- a/recepti.html
+++ b/recepti.html
@@ -37,7 +37,7 @@
         <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" >
+        <article class="recepti_jedi" data-osnovne-porcije="4" >
             <h2 id="muckalica">Mučkalica </h2>
             <div class="recepti_grid">
                 <figure class="recepti_slika">
@@ -54,23 +54,23 @@
                                 cca. 70min
                             </li>
                             <li><b>Število porciji</b> <br>
-                                4 porcije
+                                <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>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><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>
@@ -110,7 +110,7 @@
             <a class="gumb_3" href="#na_vrh">Na vrh strani</a>
         </article>
         <br>
-        <article class="recepti_jedi">
+        <article class="recepti_jedi" data-osnovne-porcije="4">
             <h2 id="pizza_diavola">Napolitanska pizza Diavola</h2>
             <div class="recepti_grid">
                 <figure class="recepti_slika">
@@ -127,21 +127,21 @@
                                 cca. 13-25ur
                             </li>
                             <li><b>Število pic</b> <br>
-                                4 pice
+                                <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>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><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>
@@ -185,7 +185,7 @@
             <a class="gumb_3" href="#na_vrh">Na vrh strani</a>
         </article>
         <br>
-        <article class="recepti_jedi">
+        <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">
@@ -202,25 +202,25 @@
                                 cca. 50min
                             </li>
                             <li><b>Število porciji</b> <br>
-                                4 porcije
+                                <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>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><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>1 žlička sladke mlete paprike</li>
-                            <li>3 žlice olivnega olja</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>