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

Compare commits

base: iva/oss-vaja1:10a0f351600057f88ea673e33e4dca2b7e3e7694
Branches Tags
iva/oss-vaja1:master
...
compare: iva/oss-vaja1:8a086b131f06ef4601d0bd74ae911297d1ad61a0
Branches Tags
iva/oss-vaja1:master
4 Commits
10a0f35160 ... 8a086b131f
Author SHA1 Message Date
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
6 changed files with 202 additions and 106 deletions
Expand all files Collapse all files
index.html
+8 -8
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <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> </ul>
</nav> </nav>
</header> </header>
@@ -75,9 +75,9 @@
<footer> <footer>
<address> <address>
Za prste obliznit<br> 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></i>E-pošta: <a href="mailto:info@zaobliznitprste.si">info@zaobliznitprste.si </a>
</address> </address>
<p>© 2026 Iva Friedrich</p> <p>© 2026 Iva Friedrich</p>
</footer> </footer>
jedilnik.html
+8 -8
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><a href="index.html"><i class="fa-solid fa-house"></i>Domov</a></li>
<li><a class="active" href="jedilnik.html">Jedilnik</a></li> <li><a class="active" 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> </ul>
</nav> </nav>
</header> </header>
@@ -271,9 +271,9 @@
<footer> <footer>
<address> <address>
Za prste obliznit<br> 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> </address>
<p>© 2026 Iva Friedrich</p> <p>© 2026 Iva Friedrich</p>
</footer> </footer>
o_nas.html
+20 -12
View File
@@ -15,15 +15,18 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><a 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 class="active" href="o_nas.html">O nas</a></li> <li><a class="active" href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
<main class="o_nas_page">
<h1>Naša zgodba</h1> <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> <h2>Od prvega grižljaja do zadnjega oblizanega prsta.</h2>
<p> <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> 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>
@@ -36,16 +39,19 @@
<br><br> <br><br>
<b>Dobrodošli pri nas!</b> <b>Dobrodošli pri nas!</b>
</p> </p>
</div>
<figure> <figure>
<img src="restavracija.png" alt="slika restavracije"> <img src="restavracija.png" alt="slika restavracije">
<figcaption>Naša restavracija</figcaption> <figcaption>Naša restavracija</figcaption>
</figure> </figure>
</div>
<h2>Delovni čas</h2> <h2>Delovni čas</h2>
<table> <table class="delovi_cas">
<tr> <thead>
<th>Dan</th> <th>Dan</th>
<th>Delavnik</th> <th>Delavnik</th>
</tr> </thead>
<tbody>
<tr> <tr>
<td>Ponedeljek</td> <td>Ponedeljek</td>
<td>9:00-22:00</td> <td>9:00-22:00</td>
@@ -74,6 +80,7 @@
<td>Nedelja</td> <td>Nedelja</td>
<td>10:00-22:00</td> <td>10:00-22:00</td>
</tr> </tr>
</tbody>
</table> </table>
<h2>Lokacija</h2> <h2>Lokacija</h2>
<p><i> <p><i>
@@ -82,15 +89,16 @@
3212 Vojnik<br> 3212 Vojnik<br>
Slovenija Slovenija
</i></p> </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> <iframe width="400px" 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> <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> <br><br>
</main>
<footer> <footer>
<address> <address>
Za prste obliznit<br> 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> </address>
<p>© 2026 Iva Friedrich</p> <p>© 2026 Iva Friedrich</p>
</footer> </footer>
recepti.html
+8 -8
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><a href="index.html"><i class="fa-solid fa-house"></i></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 class="active" href="recepti.html">Recepti</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">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> </ul>
</nav> </nav>
</header> </header>
@@ -264,9 +264,9 @@
<footer> <footer>
<address> <address>
Za prste obliznit<br> 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> </address>
<p>© 2026 Iva Friedrich</p> <p>© 2026 Iva Friedrich</p>
</footer> </footer>
rezervacija.html
+8 -8
View File
@@ -14,11 +14,11 @@
<span>Za prste obliznit</span> <span>Za prste obliznit</span>
</a> </a>
<ul class="main_menu"> <ul class="main_menu">
<li><a href="index.html">Domov</a></li> <li><a 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 class="active" href="rezervacija.html">Rezervacija</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">O nas</a></li> <li><a href="o_nas.html"><i class="fa-solid fa-circle-info"></i>O nas</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@@ -129,9 +129,9 @@
<footer> <footer>
<address> <address>
Za prste obliznit<br> 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> </address>
<p>© 2026 Iva Friedrich</p> <p>© 2026 Iva Friedrich</p>
</footer> </footer>
stylesheet.css
+92 -4
View File
@@ -1,5 +1,6 @@
/* spetna pisava*/ /* 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'); @import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
/* 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 */ /* 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 { :root {
@@ -73,6 +74,31 @@ a:focus-visible { /*če klikneš Tab se okoli naslova pojavi obroč da veša kaj
outline-offset: 0.2rem; outline-offset: 0.2rem;
} }
/*font awsome */
.fa-solid {
color: var(--barva-poudarek);
font-size: 1.5rem;
}
header .fa-solid {
color: var(--barva-besedilo);
font-size: 1.2rem;
padding-right: 0.5rem;
}
header .active .fa-solid {
color: var(--barva-besedilo-na-temnem);
font-size: 1.2rem;
padding-right: 0.5rem;
}
footer .fa-solid {
color: var(--barva-besedilo-na-temnem);
font-size: 1rem;
padding-right: 0.3rem;
}
/* glava in navigacija */ /* glava in navigacija */
.site_header { .site_header {
@@ -344,7 +370,7 @@ footer p {
/* prilagotitev telefonom */ /* prilagotitev telefonom */
@media (max-width: 800px) { @media (max-width: 1000px) {
.nav_bar { .nav_bar {
flex-direction: column; flex-direction: column;
gap: 0.5rem; gap: 0.5rem;
@@ -363,7 +389,7 @@ footer p {
} }
} }
@media (max-width: 520px) { @media (max-width: 600px) {
.main_menu { .main_menu {
gap: 0.15rem; gap: 0.15rem;
} }
@@ -557,7 +583,6 @@ footer p {
position:relative; position:relative;
min-height: 350px; min-height: 350px;
flex-shrink: 0; flex-shrink: 0;
overflow: hidden;
margin:0; margin:0;
} }
@@ -578,7 +603,7 @@ footer p {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
gap: 3rem; gap: 0rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -622,6 +647,7 @@ footer p {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
gap:1rem; gap:1rem;
padding: 2rem; padding: 2rem;
margin-bottom: 2rem;
} }
.field_rezervacija legend { .field_rezervacija legend {
@@ -681,6 +707,8 @@ footer p {
color: var(--barva-besedilo); color: var(--barva-besedilo);
font-weight: 500; font-weight: 500;
text-decoration: none; text-decoration: none;
font-family: "Montserrat", sans-serif;
transition: background-color 0.2s ease; /* da izgleda sprememba barve bolj smooth */ transition: background-color 0.2s ease; /* da izgleda sprememba barve bolj smooth */
} }
@@ -698,9 +726,11 @@ footer p {
background-color: var(--barva-poudarek); background-color: var(--barva-poudarek);
color: var(--barva-besedilo-na-temnem); color: var(--barva-besedilo-na-temnem);
font-family: "Montserrat", sans-serif;
font-weight: 700; font-weight: 700;
text-decoration: none; text-decoration: none;
transition: background-color 0.2s ease; /* da izgleda sprememba barve bolj smooth */ transition: background-color 0.2s ease; /* da izgleda sprememba barve bolj smooth */
} }
@@ -709,3 +739,61 @@ footer p {
color: var(--barva-besedilo); color: var(--barva-besedilo);
cursor: pointer cursor: pointer
} }
/* on nas, besedilo in slika restavracije*/
.nasa_zgodba_grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
align-items: stretch;
gap: 0.5rem;
background-color: var(--barva-dodatna3);
border-radius: var(--zaobljenost);
padding: 1rem;
}
.nasa_zgodba_txt {
display: flex;
flex-direction: column;
}
.nasa_zgodba_grid figure {
display: flex;
justify-content: center;
align-items: center;
}
.nasa_zgodba_grid img {
position: center;
padding:0,5rem;
border-radius: var(--zaobljenost);
}
.nasa_zgodba_grid figcaption {
display: none;
}
.o_nas_page table {
width: 40%;
border-collapse: collapse;
background-color: var(--barva-kartice);
border-radius: var(--zaobljenost);
overflow: hidden;
box-shadow: var(--barva-senca);
}
.o_nas_page thead {
background-color: var(--barva-poudarek);
color: var(--barva-besedilo-na-temnem);
padding: 0.3rem;
}
.o_nas_page td,
.o_nas_page th {
padding:0.5rem;
text-align: center;
}
.o_nas_page tbody tr:nth-child(2) {
background-color: var(--barva-dodatna3);
font-weight: 700;
}