From 68b8f6c1621b62af145ea30abbf43dd61c41163a Mon Sep 17 00:00:00 2001
From: Beeebooo <kubeczkova.n@gmail.com>
Date: Sun, 17 Nov 2024 20:27:48 +0100
Subject: [PATCH] =?UTF-8?q?Nahr=C3=A1ny=20soubory=20do=20=E2=80=9E/?=
 =?UTF-8?q?=E2=80=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 0.png     | Bin 0 -> 198 bytes
 A.png     | Bin 0 -> 463 bytes
 B.png     | Bin 0 -> 492 bytes
 C.png     | Bin 0 -> 377 bytes
 text.html | 181 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 181 insertions(+)
 create mode 100644 0.png
 create mode 100644 A.png
 create mode 100644 B.png
 create mode 100644 C.png
 create mode 100644 text.html
diff --git a/0.png b/0.png
new file mode 100644
index 0000000000000000000000000000000000000000..3632d38951ec619c4389be53abeef4ebe5328091
GIT binary patch
literal 198
zcmeAS@N?(olHy`uVBq!ia0vp^HXzKw1|+Ti+$;i8jKx9jP7LeL$-D$|8a!PbLo%G-
zUSSkuP~bVT;q3lQmIn*C`F=dxR{ZAe#{Yf%*SodX6yz{2Np{@-UIWUK)m<{NPq(2&
zXN7jJ$)$~~6Z%+7mriuE+Qx8c<AQZ2mpqP(IarBZnd&C>@&=Q~@uppuJd|al8D2&N
qgiB>EN#<6N<$mR*+*^{<$o_c_gY6#MN%}yyFnGH9xvX<aXaWEOS4dO<

literal 0
HcmV?d00001

diff --git a/A.png b/A.png
new file mode 100644
index 0000000000000000000000000000000000000000..5819b13e81247729d7b77d1e9485a30f2d86c764
GIT binary patch
literal 463
zcmV;=0WkiFP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px$iAh93RA@u(nb{J;APhz6|9`YjozbbKl-%TovczXdayVg8x3t)2TZ}ga@a)FJ
zaAU)-LOwSUZh>zW?g&}RzmIXL%_V3BR+`fVTAG~E=^6mdoZDJk0b2^U%+26i05b|^
z#Q4B_1JepkDN$m10#gb+^du$TNWeS08QKfjTo~zUYj$V_FykU;>}QXb_OyFkH&vbh
zHnyH>)eSk}d~CyT0S4IbR48Wv8&(`zX+xf?sp8yB!{Vf5Sm*^d3$PfP1^lF4=<u2e
zSY(+2+=E@Q<p2gx(4OpyEL#mP1>7TS_29A??iKhJdKTc)e^l8ov!el*z|I`S?$ZK$
zwey`R^mp{j8ohvPg_mwWZ9U>|P-p@v2pSi>{zb!ShP~QZL;(y6VDu0WJ>38UErw>6
zHG6H8mcD#|pui)+2C!xik7hWtjI{KKumLPJJgQx_;iZ5_hRq&Jl9mqO7H>jwj-RwJ
zd|KHV+WGIKt{Gkqn7ox93kU7t$EqYI4q)P9b{T42!*4kSYdu=g_`U!D002ovPDHLk
FV1gTJ$rk_s

literal 0
HcmV?d00001

diff --git a/B.png b/B.png
new file mode 100644
index 0000000000000000000000000000000000000000..71d2701100110addf70b5c2cb824e7949ee14578
GIT binary patch
literal 492
zcmV<I0Tcd-P)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px$rb$FWRA@u(ncEVAFbqWH|36v>Mw|-O+;)5S6`JH^L)ymeG1+gMjQ6pCM^}6)
zyc8ZR1FNJ56ZD3&6fUUnGvkXc0Nud_DuvAXKA+R#q8Uy=CCFS+?Q1BpQH;I`qH0l~
z8NgA{RB<>o5*P_egGK?vmB=(ZNUR7WY}lP0<|6{kDq(8Zjsi#4ThBNUmAwH&oEwQD
zJ{Pbu>yT_KeVwmCe0mgyI5xt<I(09=uq5{Y41?Xvq-9{rKHnlR1@!D0Edf(OTLLZu
zS{v9i1##?T_a&uD`Z}=l_-!7znu`B2<H@wNFEYQ$+-O&;{K1L<MwP1u#uM+?vD9P0
z3aA0`CSR-Wrz$PLzrINc$l^l_V0|wPoH}d)NJ@YU7<w<2A|yONpgrnHU78Rp#N-0j
zrg15(%~ZwrrfXW$0N;+eBX{X+uNf8iXJZ`=SiGr?0xW{o9`T@dC^cx$z@bS>FC`s<
zj9%?Z9W7yyQDD?Rc~u4no{~<1rJ&IR#Bj5-0$b-<;Q-MFtiZibJzQhjv!vORMzpwx
iJ+H!)U`iOB4)_Hh-C;eaT^HN{0000<MNUMnLSTZC0MP0H

literal 0
HcmV?d00001

diff --git a/C.png b/C.png
new file mode 100644
index 0000000000000000000000000000000000000000..845fa4132c63e5edc53b8fa0662fea6f9da372ff
GIT binary patch
literal 377
zcmV-<0fzpGP)<h;3K|Lk000e1NJLTq002Ay002A)1^@s6I{evk00001b5ch_0Itp)
z=>Px$Gf6~2RA@u(no$nIFbqSx`yU!Kp-L05vL-g*)ch~avz;<fwzk-3Ta33ExVqzZ
z*bWy{z>zLy=nIY=w!_5~U`P6v(2LR=rD$udgR<&}bwoGxx1e1iB=8Q4tQU51^dPE1
z3D{i-1h5P&0$2(*3oHkl0hWY~0?WcifTdv#{NbBk-rZS;4NQ6WBNx5;rd7h-nMfO$
zoIF~2NBTrsN1B#7a$!f>k$x!P877Y!t-NR0GrZ^wm$|sE&ai=L*C@I0jKd{do&}bN
zjsQzTM}cLbGr*G2S>O&m^Zyv?9u93AAb>l-ae)O{_e`MBFF00X&)Yl5b3)E`)sT&h
zqWW%qDROoS_7`(^6lJu-)y04(C89Fw(z%idcz^JM-%ulShJiEcDLiY36<o^nxSYdx
XX#y`j#=~z^00000NkvXXu0mjf(`cfb

literal 0
HcmV?d00001

diff --git a/text.html b/text.html
new file mode 100644
index 0000000..8c80fef
--- /dev/null
+++ b/text.html
@@ -0,0 +1,181 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,
+                                   initial-scale=1.0">
+    <title>Sudoku</title>
+    <style>
+        body {
+            background-color: #F5FCFF;
+        }
+
+        .container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-top: 50px;
+        }
+
+        .row {
+            display: flex;
+        }
+
+        .cell {
+            width: 80px;
+            height: 80px;
+            border: 1px solid black;
+            text-align: center;
+            line-height: 30px;
+            box-sizing: border-box;
+        }
+
+        .backgroundColor {
+            background-color: #EBF3E8;
+        }
+
+        .buttonContainer {
+            margin-top: 20px;
+            display: flex;
+            /* Ensure buttons are always displayed */
+            align-items: center;
+            justify-content: center;
+        }
+
+        .buttonContainer button {
+            margin-right: 10px;
+            margin-left: 10px;
+        }
+
+        .chosen {
+            margin-right: 10px;
+            margin-left: 10px;
+            background-color: #999999;
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="container" id="container"></div>
+
+    <div class="buttonContainer"></div>
+
+    <script>
+        const letters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I'];
+        const buttonContainer = document.querySelector('.buttonContainer');
+
+        letters.forEach(letter => {
+          const button = document.createElement('button');
+          const image = document.createElement('img');
+          image.src = `${letter}.png`;
+          button.id = `drawAnimal${letter}`;
+          button.appendChild(image);
+          buttonContainer.appendChild(button);
+        });
+
+        let chosenAnimal = '';
+
+        document.addEventListener("DOMContentLoaded", function () {
+            const container = document.getElementById("container");
+
+            // Function to generate a random Sudoku puzzle
+            function generateRandomSudoku() {
+                // Placeholder function for generating a random puzzle (9x9)
+                const puzzle = [
+                    ['E', 'C', '0', '0', 'G', '0', '0', '0', '0'],
+                    ['F', '0', '0', 'A', 'I', 'E', '0', '0', '0'],
+                    ['0', 'I', 'H', '0', '0', '0', '0', 'F', '0'],
+                    ['H', '0', '0', '0', 'F', '0', '0', '0', 'C'],
+                    ['D', '0', '0', 'H', '0', 'C', '0', '0', 'A'],
+                    ['G', '0', '0', '0', 'B', '0', '0', '0', 'F'],
+                    ['0', 'F', '0', '0', '0', '0', 'B', 'H', '0'],
+                    ['0', '0', '0', 'D', 'A', 'I', '0', '0', 'E'],
+                    ['0', '0', '0', '0', 'H', '0', '0', 'G', 'I']
+                ];
+                return puzzle;
+            }
+
+            // Function to create the Sudoku puzzle grid
+            function createSudokuGrid(puzzle) {
+                container.innerHTML = '';
+                puzzle.forEach((row) => {
+                    const rowElement = document.createElement('div');
+                    rowElement.classList.add('row');
+                    row.forEach((cell) => {
+                          const cellElement = document.createElement('button');
+                          const image = document.createElement('img');
+                          cellElement.classList.add('cell');
+                          cellElement.classList.add('backgroundColor');
+                          image.src = cell !== '' ? `${cell}.png` : `${cell}.png`;
+                          cellElement.appendChild(image);
+                          // cellElement.textContent = cell !== 0 ? cell : '';
+                          cellElement.onclick = addAnimal(cellElement);
+                          rowElement.appendChild(cellElement);
+                    });
+                    container.appendChild(rowElement);
+                });
+            }
+
+            // Initialize puzzle
+            let initialPuzzle = generateRandomSudoku();
+            let puzzle = JSON.parse(JSON.stringify(initialPuzzle));
+
+            // Function witch animal you should draw
+            function drawAnimal(animal) {
+                return function () {
+                    chosenAnimal = animal;
+                }
+            }
+
+            // Function to add Animal
+            function addAnimal(cellElement) {
+                return function() {
+                      if (chosenAnimal){
+                          const existingImage = cellElement.querySelector('img');
+
+                      if (existingImage) {
+                          cellElement.removeChild(existingImage); // Remove existing image
+                      }
+
+                      const image = document.createElement('img');
+                      image.src = `${chosenAnimal}.png`;
+                      cellElement.appendChild(image);
+                    }
+                };
+            }
+
+            // Initial puzzle creation
+            createSudokuGrid(puzzle);
+
+            // // Attach event listeners to buttons
+            // letters.forEach(letter => {
+            //   document.getElementById(`drawAnimal${letter}`)
+            //         .addEventListener("click", drawAnimal(letter));
+            // });
+            letters.forEach(letter => {
+              const button = document.getElementById(`drawAnimal${letter}`);
+              button.addEventListener("click", drawAnimal(letter));
+
+              // Initial state: check if the button's letter matches the initial `chosenAnimal`
+              if (letter === chosenAnimal) {
+                button.classList.add('chosen'); // Add a class to style the chosen button
+              }
+
+              button.addEventListener('click', () => {
+                chosenAnimal = letter;
+
+                // Remove the 'chosen' class from all buttons
+                letters.forEach(l => document.getElementById(`drawAnimal${l}`).classList.remove('chosen'));
+
+                // Add the 'chosen' class to the current button
+                button.classList.add('chosen');
+              });
+            });
+        });
+    </script>
+
+</body>
+
+</html>
\ No newline at end of file
