From 6fe350501603e9d2d2c7bde25167aef377e154ee Mon Sep 17 00:00:00 2001
From: Iva <iva@friedrich.si>
Date: Sun, 1 Nov 2026 18:28:07 +0100
Subject: [PATCH] dodan zacetek hamburger menija na vse strani, ustvarjen
 external js, povezan z stranmi

---
 index.html       |   3 ++
 java_script.js   |   0
 jedilnik.html    |   3 ++
 o_nas.html       |   3 ++
 recepti.html     |   3 ++
 rezervacija.html |   4 ++
 stylesheet.css   | 122 ++++++++++++++++++++++++++++-------------------
 7 files changed, 90 insertions(+), 48 deletions(-)
 create mode 100644 java_script.js

diff --git a/index.html b/index.html
index 56e22bc..80232d1 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,9 @@
             <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="home_page">
diff --git a/java_script.js b/java_script.js
new file mode 100644
index 0000000..e69de29
diff --git a/jedilnik.html b/jedilnik.html
index a7aaae4..9affed2 100644
--- a/jedilnik.html
+++ b/jedilnik.html
@@ -20,6 +20,9 @@
             <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">
diff --git a/o_nas.html b/o_nas.html
index 741864f..6dc4edb 100644
--- a/o_nas.html
+++ b/o_nas.html
@@ -21,6 +21,9 @@
             <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">
diff --git a/recepti.html b/recepti.html
index b0c3987..9c19cdd 100644
--- a/recepti.html
+++ b/recepti.html
@@ -20,6 +20,9 @@
             <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">
diff --git a/rezervacija.html b/rezervacija.html
index 1adc7d9..3dced44 100644
--- a/rezervacija.html
+++ b/rezervacija.html
@@ -2,6 +2,7 @@
 <html lang="sl">
 <head>
     <link rel="stylesheet" href="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>
@@ -20,6 +21,9 @@
                 <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">
diff --git a/stylesheet.css b/stylesheet.css
index 2b9c8e9..c3f5341 100644
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -123,6 +123,10 @@ footer .fa-solid  {
     padding: 0.5rem 1rem;
 }
 
+.hamburger_meni {
+    display: none;
+}
+
 .logo {
     display: flex;
     align-items: center;
@@ -368,54 +372,7 @@ footer p {
     font-weight: 700;
 }
 
-/* prilagotitev telefonom */
 
-@media (max-width: 1000px) {
-    .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: 600px) {
-    .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;
-    }
-}
 
 /*jedilnik*/
 .jedilnik_page {
@@ -666,6 +623,7 @@ footer p {
     height: 2rem;
     padding:0.5rem;
     font-family: "Montserrat", sans-serif;
+    border: 0.1rem solid var(--barva-besedilo);
 }
 
 .field_rezervacija textarea {
@@ -729,7 +687,7 @@ footer p {
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
     text-decoration: none;
-
+    border: none;
 
     transition: background-color 0.2s ease; /* da izgleda sprememba barve bolj smooth */
 }
@@ -796,4 +754,72 @@ footer p {
 .o_nas_page tbody tr:nth-child(2) {
     background-color: var(--barva-dodatna3);
     font-weight: 700;
+}
+
+/* prilagotitev tablica, telefon */
+
+@media (max-width: 1000px) {
+    /*.nav_bar {
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+
+    .main_menu {
+        justify-content: center;
+    }*/
+
+    .main {
+        max-width: 600px;
+    }
+
+    .home_page .jedi_grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .home_page .hero h1 {
+        font-size: 2.6rem;
+    }
+
+    /*hamburger meni*/
+    
+    .main_menu {
+        display: none;
+    }
+
+    .hamburger_meni {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+        flex-wrap: wrap;
+        text-decoration: none;
+    }
+
+}
+
+@media (max-width: 600px) {
+    .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;
+    }
 }
\ No newline at end of file