From c2d92a7e1a4f8cbfe9f970b79a7c3f9e7e18313d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Dvo=C5=99=C3=A1k?=
 <150935816+Dvorinka@users.noreply.github.com>
Date: Mon, 26 May 2025 08:19:56 +0200
Subject: [PATCH] Add files via upload

---
 index.html         |  2 +-
 kontakt/index.html | 46 ++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 94a1da0..f91a998 100644
--- a/index.html
+++ b/index.html
@@ -155,7 +155,7 @@
                 </div>
                 <h2 class="text-base font-normal text-gray-500 mb-1">Kontaktní seznam</h2>
                 <p class="text-gray-400 mb-2 text-xs">Firemní seznam kontaktů</p>
-                <a href="/kontakt" class="block text-center bg-gray-100 hover:bg-gray-200 text-gray-500 font-normal py-1 px-3 rounded transition-colors text-xs">
+                <a href="http://webportal/kontakt" class="block text-center bg-gray-100 hover:bg-gray-200 text-gray-500 font-normal py-1 px-3 rounded transition-colors text-xs">
                     Otevřít
                 </a>
             </div>
diff --git a/kontakt/index.html b/kontakt/index.html
index e9bebb7..df0c247 100644
--- a/kontakt/index.html
+++ b/kontakt/index.html
@@ -92,7 +92,49 @@
         </div>
     </div>
 
-    <div class="container mx-auto px-4 py-8 max-w-7xl">
+    <div class="container mx-auto px-4 py-4 max-w-4xl">
+        <!-- Important Numbers -->
+        <div class="bg-white rounded-xl shadow p-4 mb-6">
+            <div class="flex flex-col items-center">
+                <h3 class="text-lg font-semibold text-gray-700 mb-3">Důležitá čísla</h3>
+                <div class="flex flex-wrap justify-center items-center gap-4">
+                    <div class="flex items-center bg-blue-50 border border-blue-100 rounded-lg p-2">
+                        <div class="grid grid-cols-3 gap-1">
+                            <div class="text-center p-1">
+                                <div class="text-xs text-blue-700">Převzít hovoru</div>
+                                <div class="font-bold text-blue-600">*02(xx)</div>
+                            </div>
+                            <div class="text-center p-1">
+                                <div class="text-xs text-blue-700">Vchod</div>
+                                <div class="font-bold text-blue-600">87 (55)</div>
+                            </div>
+                            <div class="text-center p-1">
+                                <div class="text-xs text-blue-700">Brána</div>
+                                <div class="font-bold text-blue-600">90 (55)</div>
+                            </div>
+                        </div>
+                        <div class="border-l border-blue-200 mx-2 h-8"></div>
+                        <div class="grid grid-cols-3 gap-1">
+                            <div class="text-center p-1">
+                                <div class="text-xs text-red-700">Hasiči</div>
+                                <div class="font-bold text-red-600">150</div>
+                            </div>
+                            <div class="text-center p-1">
+                                <div class="text-xs text-red-700">Záchranka</div>
+                                <div class="font-bold text-red-600">155</div>
+                            </div>
+                            <div class="text-center p-1">
+                                <div class="text-xs text-red-700">Policie</div>
+                                <div class="font-bold text-red-600">158</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="container mx-auto px-4 py-4 max-w-7xl">
         <div class="bg-white rounded-xl shadow p-6 md:p-8">
             <!-- Header -->
             <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8 gap-4">
@@ -101,7 +143,7 @@
                     <p class="text-gray-600">Firemní telefonní seznam</p>
                 </div>
                 <button onclick="reloadContacts()" id="reloadBtn" 
-                        class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg transition-all duration-200 shadow-md hover:shadow-lg flex items-center gap-2">
+                        class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 text-sm rounded-lg transition-all duration-200 shadow-md hover:shadow-lg flex items-center gap-2">
                     <i class="fas fa-sync-alt"></i>
                     Obnovit
                 </button>