iva/oss-vaja1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

html za recepte spremenjen da bom lahko z js prilagajala stevilo porciji

Browse Source
This commit is contained in:
iva
2026-11-04 15:38:58 +01:00
parent f1c122265b
commit c36218287e
1 changed files with 35 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
recepti.html
+35 -35
View File
@@ -37,7 +37,7 @@
<h2>Svetovni okusi. Vaša kuhinja</h2> <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> <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> </section>
<article class="recepti_jedi" > <article class="recepti_jedi" data-osnovne-porcije="4" >
<h2 id="muckalica">Mučkalica </h2> <h2 id="muckalica">Mučkalica </h2>
<div class="recepti_grid"> <div class="recepti_grid">
<figure class="recepti_slika"> <figure class="recepti_slika">
@@ -54,23 +54,23 @@
cca. 70min cca. 70min
</li> </li>
<li><b>Število porciji</b> <br> <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> </li>
</ul> </ul>
</div> </div>
<div class="recepti_sestavine"> <div class="recepti_sestavine">
<h3>Sestavine</h3> <h3>Sestavine</h3>
<ul> <ul>
<li>800g svinjskega vratu ali plečeta</li> <li><span data-kolicina="800">800</span>g svinjskega vratu ali plečeta</li>
<li>3 večje rdeče paprike</li> <li><span data-kolicina="3">3</span> večje rdeče paprike</li>
<li>2 srednje veliki čebuli</li> <li><span data-kolicina="2">2</span> srednje veliki čebuli</li>
<li>3 stroki česnja</li> <li><span data-kolicina="3">3</span> stroki česnja</li>
<li>400g sesekljanega paradižnika iz pločevinke</li> <li><span data-kolicina="400">400</span>g sesekljanega paradižnika iz pločevinke</li>
<li>2 žlici paradižnikove mezge</li> <li><span data-kolicina="2">2</span> žlici paradižnikove mezge</li>
<li>3 žlice olja</li> <li><span data-kolicina="3">3</span> žlice olja</li>
<li>150 ml vode</li> <li><span data-kolicina="150">150</span> ml vode</li>
<li>1 žlička sladke mlete paprike</li> <li><span data-kolicina="1">1</span> žlička sladke mlete paprike</li>
<li>pol žličke dimljene paprike (po želji)</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>sol in sveže mlet poper</li>
<li>Ščepec čilija (po želji) </li> <li>Ščepec čilija (po želji) </li>
<li>svež peteršilj za postrežbo</li> <li>svež peteršilj za postrežbo</li>
@@ -110,7 +110,7 @@
<a class="gumb_3" href="#na_vrh">Na vrh strani</a> <a class="gumb_3" href="#na_vrh">Na vrh strani</a>
</article> </article>
<br> <br>
<article class="recepti_jedi"> <article class="recepti_jedi" data-osnovne-porcije="4">
<h2 id="pizza_diavola">Napolitanska pizza Diavola</h2> <h2 id="pizza_diavola">Napolitanska pizza Diavola</h2>
<div class="recepti_grid"> <div class="recepti_grid">
<figure class="recepti_slika"> <figure class="recepti_slika">
@@ -127,21 +127,21 @@
cca. 13-25ur cca. 13-25ur
</li> </li>
<li><b>Število pic</b> <br> <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> </li>
</ul> </ul>
</div> </div>
<div class="recepti_sestavine"> <div class="recepti_sestavine">
<h3>Sestavine</h3> <h3>Sestavine</h3>
<ul> <ul>
<li>600g moke tipa 00</li> <li><span data-kolicina="600">600</span>g moke tipa 00</li>
<li>390g hladne vode</li> <li><span data-kolicina="390">390</span>g hladne vode</li>
<li>18g soli</li> <li><span data-kolicina="18">18</span>g soli</li>
<li>1g suhega instant kvasa (ali približno 3g svežega) </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>400g olupljenih pelatov</li> <li><span data-kolicina="400">400</span>g olupljenih pelatov</li>
<li>300g mozzarele za pizzo</li> <li><span data-kolicina="300">300</span>g mozzarele za pizzo</li>
<li>200g pikantne salame</li> <li><span data-kolicina="200">200</span>g pikantne salame</li>
<li>1 žlička origana</li> <li><span data-kolicina="1">1</span> žlička origana</li>
<li>sveža bazilika</li> <li>sveža bazilika</li>
<li>malo olivnega olja</li> <li>malo olivnega olja</li>
<li>čili kosmiči (po želji) </li> <li>čili kosmiči (po želji) </li>
@@ -185,7 +185,7 @@
<a class="gumb_3" href="#na_vrh">Na vrh strani</a> <a class="gumb_3" href="#na_vrh">Na vrh strani</a>
</article> </article>
<br> <br>
<article class="recepti_jedi"> <article class="recepti_jedi" data-osnovne-porcije="4">
<h2 id="paella">Španska paella z morskimi zadeži</h2> <h2 id="paella">Španska paella z morskimi zadeži</h2>
<div class="recepti_grid"> <div class="recepti_grid">
<figure class="recepti_slika"> <figure class="recepti_slika">
@@ -202,25 +202,25 @@
cca. 50min cca. 50min
</li> </li>
<li><b>Število porciji</b> <br> <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> </li>
</ul> </ul>
</div> </div>
<div class="recepti_sestavine"> <div class="recepti_sestavine">
<h3>Sestavine</h3> <h3>Sestavine</h3>
<ul> <ul>
<li>320g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li> <li><span data-kolicina="320">320</span>g riža za paello (npr. bomba ali podobna kratkozrnata sorta)</li>
<li>300g očiščenih kozic</li> <li><span data-kolicina="300">300</span>g očiščenih kozic</li>
<li>300g školjk, dobro očiščenih</li> <li><span data-kolicina="300">300</span>g školjk, dobro očiščenih</li>
<li>200g lignjev, narezanih na kolobarje</li> <li><span data-kolicina="200">200</span>g lignjev, narezanih na kolobarje</li>
<li>1 srednje velika čebula</li> <li><span data-kolicina="1">1</span> srednje velika čebula</li>
<li>1 rdeča paprika</li> <li><span data-kolicina="1">1</span> rdeča paprika</li>
<li>3 stroki česna</li> <li><span data-kolicina="3">3</span> stroki česna</li>
<li>250g sesekljanega paradižnika</li> <li><span data-kolicina="250">250</span>g sesekljanega paradižnika</li>
<li>900g ribje jušne osnove (približno; odvisno od riža)</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>ščepec žafrana</li>
<li>1 žlička sladke mlete paprike</li> <li><span data-kolicina="1">1</span> žlička sladke mlete paprike</li>
<li>3 žlice olivnega olja</li> <li><span data-kolicina="3">3</span> žlice olivnega olja</li>
<li>sol in poper</li> <li>sol in poper</li>
<li>limona</li> <li>limona</li>
<li>svež peteršilj</li> <li>svež peteršilj</li>