From 2f157f1db20299689b8e4e4828489e5794b4048e Mon Sep 17 00:00:00 2001
From: odweta <code.62rdl@aleeas.com>
Date: Mon, 7 Sep 2026 18:40:35 +0200
Subject: [PATCH] add: czech language support

---
 app/src/app.js                     |  6 +++++-
 app/src/static/cs/index.html       | 31 ++++++++++++++++++++++++++++++
 app/src/static/{ => en}/index.html | 17 +++++++++++++---
 app/src/static/style.css           | 29 ++++++++++++++++++++++++++++
 4 files changed, 79 insertions(+), 4 deletions(-)
 create mode 100644 app/src/static/cs/index.html
 rename app/src/static/{ => en}/index.html (54%)

diff --git a/app/src/app.js b/app/src/app.js
index 5d11f4c..0a63c91 100644
--- a/app/src/app.js
+++ b/app/src/app.js
@@ -8,7 +8,11 @@ const app = express();
 app.use(express.static(__dirname + '/static'));
 
 app.get('/', (req, res) => {
-  res.sendFile(path.join(__dirname, '/static/index.html'));
+    res.sendFile(path.join(__dirname, '/static/cs/index.html'));
+});
+
+app.get('/en', (req, res) => {
+    res.sendFile(path.join(__dirname, '/static/en/index.html'));
 });
 
 app.get('/search', handleSearch);
diff --git a/app/src/static/cs/index.html b/app/src/static/cs/index.html
new file mode 100644
index 0000000..9268293
--- /dev/null
+++ b/app/src/static/cs/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="cs">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../style.css"/>
+    <title>Hledáček</title>
+</head>
+<body>
+    <div id="centerdiv">
+        <table id="titletable">
+            <tr>
+                <td class="left">
+                    <h1 id="title">Prohledávejte web!</h1>               
+                </td>
+                <td class="right">
+                    <form action="/en">
+                        <input id="languagebutton" type="submit" value="angličtina" />
+                    </form>
+                </td>
+            </tr>
+        </table>
+        <h3 id="subtitle">Vyhledá výsledky a&nbsp;umožní je uložit ve formátu JSON.</h3>
+        <form action="/search" name="searchbox" method="GET">
+            <input id="searchform" placeholder="Zadejte požadavek..." type="text" name="query"/>
+            <br>
+            <input id="searchbutton" type="submit" value="Hledat"/>
+        </form>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/src/static/index.html b/app/src/static/en/index.html
similarity index 54%
rename from app/src/static/index.html
rename to app/src/static/en/index.html
index 2c5b0d6..5234af3 100644
--- a/app/src/static/index.html
+++ b/app/src/static/en/index.html
@@ -3,13 +3,24 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="style.css"/>
+    <link rel="stylesheet" href="../style.css"/>
     <title>Searchthing</title>
 </head>
 <body>
     <div id="centerdiv">
-        <h1 id="title">Search the web!</h1>
-        <h3 id="subtitle">Get the search results and save them in a JSON file.</h3>
+        <table id="titletable">
+            <tr>
+                <td class="left">
+                    <h1 id="title">Search the web!</h1>
+                </td>
+                <td class="right">
+                    <form action="/">
+                        <input id="languagebutton" type="submit" value="czech" />
+                    </form>
+                </td>
+            </tr>
+        </table>
+        <h3 id="subtitle">Get the search results and save them in a&nbsp;JSON file.</h3>
         <form action="/search" name="searchbox" method="GET">
             <input id="searchform" placeholder="Type your query here..." type="text" name="query"/>
             <br>
diff --git a/app/src/static/style.css b/app/src/static/style.css
index 6a7ac3f..b3e21ff 100644
--- a/app/src/static/style.css
+++ b/app/src/static/style.css
@@ -20,9 +20,15 @@ html {
 }
 
 #title {
+    margin-bottom: 1rem;
     font-style: italic;
 }
 
+#subtitle {
+    margin-top: 0;
+    margin-bottom: 4rem;
+}
+
 #searchform,
 #searchbutton {
     width: 100%;
@@ -48,4 +54,27 @@ html {
 #searchform:focus {
     border-color: #FFDFBF;
     outline-style: none;
+}
+
+#languagebutton:hover {
+    color: #FFDFBF;
+}
+
+#languagebutton {
+    background: none;
+    border: none;
+    color: rgb(218, 204, 85);
+    text-decoration: underline;
+}
+
+#titletable {
+    width: 100%;
+}
+
+.left {
+    text-align: left;
+}
+
+.right {
+    text-align: right;
 }
\ No newline at end of file