diff --git a/data/demo.mv.db b/data/demo.mv.db
index 58a471a1a46f01613223ede85826889a448b65b6..f3831a855cd30eccd93151d4e4273a5c67b3f682 100644
Binary files a/data/demo.mv.db and b/data/demo.mv.db differ
diff --git a/src/main/resources/templates/upload.html b/src/main/resources/templates/upload.html
index 42973c2f259dad8b41c3f8cb327f3375418ba56a..c263d6d2f0b93fb1402a6328d77c29337544e52a 100644
--- a/src/main/resources/templates/upload.html
+++ b/src/main/resources/templates/upload.html
@@ -37,7 +37,7 @@
     </style>
 </head>
 <body>
-
+<!-- navbar -->
 <nav class="navbar navbar-expand-lg navbar-light bg-light static-top">
     <div class="container">
         <a class="navbar-brand" href="/upload">Article Processor</a>
@@ -64,7 +64,7 @@
     </div>
 </nav>
 
-
+<!-- header -->
 <header class="masthead">
     <div class="container position-relative">
         <div class="row justify-content-center">
@@ -88,6 +88,9 @@
         </div>
     </div>
 </header>
+
+
+<!--PDF window -->
 <div class="container text-center mt-4">
     <embed id="pdf-preview" style="display: none; width: 100%; height: 600px; border: 1px solid #ddd;"></embed>
     <div id="upload-button-wrapper" style="display: none;" class="text-center mt-3">
@@ -95,7 +98,13 @@
     </div>
     <div id="processing-message" class="mt-3 text-primary" style="display: none; font-weight: bold;">
         Processing PDF<span id="dots"></span>
+</div>
+
+<!-- alert message -->
+<div id="alert-container" class="container mt-4" style="display: none;">
+    <div id="alert-box" class="alert" role="alert">
     </div>
+</div>
 
 
 
@@ -223,11 +232,30 @@
                     errorMessage = xhr.responseText;
                 }
 
-                alert(errorMessage);  // zobrazĂ­ chybu
+                //alert(errorMessage);  // zobrazĂ­ chybu
+                showAlert(errorMessage, 'danger');
             }
         });
     });
 
+    function showAlert(message, type) {
+        const alertContainer = document.getElementById('alert-container');
+        const alertBox = document.getElementById('alert-box');
+
+        alertBox.className = 'alert alert-' + type; // type (danger, success, warning)
+        alertBox.innerHTML = message;
+
+        alertContainer.style.display = 'block';
+
+        // Automatické skrytie
+        /*
+        setTimeout(() => {
+            alertContainer.style.display = 'none';
+        }, 10000);
+
+        */
+    }
+
 </script>