From 47159a92c81e36e76c91e4355797609f3e57e855 Mon Sep 17 00:00:00 2001
From: Dark Steveneq <dark.steveneq@protonmail.com>
Date: Mon, 22 Sep 2025 22:46:30 +0200
Subject: [PATCH] =?UTF-8?q?Ostatnie=20szlify=20na=20dzi=C5=9B...chyba?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/liczby.css  | 17 +++++++++++------
 assets/js/liczby.js    |  6 +++---
 assets/js/nawigacja.js | 12 +++++++++++-
 liczby.html            | 14 +++++++++++++-
 4 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/assets/css/liczby.css b/assets/css/liczby.css
index cc38125..04817e5 100644
--- a/assets/css/liczby.css
+++ b/assets/css/liczby.css
@@ -7,6 +7,7 @@ html {
 
 header {
     padding: 1rem 1.5rem;
+    height: 1.5rem;
     border-bottom: solid 3px var(--colorBase);
 }
 
@@ -26,9 +27,9 @@ a:hover {
     flex-direction: column;
     justify-content: space-between;
     position: fixed;
-    top: 0rem;
+    top: 2rem;
     width: 100vw;
-    height: 100vh;
+    height: calc(100vh - 2rem);
     text-align: center;
 
     background: linear-gradient(180deg,
@@ -219,15 +220,19 @@ input[type="number"] {
     max-height: calc(100vh - 4rem);
 }
 
+#gra table {
+    margin: auto;
+    border-radius: .3rem;
+    background: var(--colorBase);
+}
+
 #gra aside {
-    display: none;
     border-radius: .3rem;
     background: var(--colorBase);
     position: fixed;
-    right: 1rem;
     margin: 1rem;
     padding: 1rem;
-    width: 18rem;
+    width: 15rem;
 }
 
 #gra aside div {
@@ -251,7 +256,7 @@ input[type="number"] {
 
 #gra button {
     width: 3.5rem;
-    height: 5rem;
+    height: 3.5rem;
 }
 
 #gra button:hover {
diff --git a/assets/js/liczby.js b/assets/js/liczby.js
index ac699e1..b8f5ac3 100644
--- a/assets/js/liczby.js
+++ b/assets/js/liczby.js
@@ -67,7 +67,7 @@ class Liczby {
 
         for (let i = 1; i <= 100; i++) {
             /** @type {HTMLButtonElement} */
-            const przycisk = document.getElementById(i);
+            const przycisk = document.querySelector("button[id=\"" + i + "\"");;
             przycisk.onclick = ev => {
                 this.#strzal(ev);
             }
@@ -94,7 +94,7 @@ class Liczby {
         }
         for (let i = 1; i <= 100; i++) {
             /** @type {HTMLButtonElement} */
-            const przycisk = document.getElementById(i);
+            const przycisk = document.querySelector("button[id=\"" + i + "\"");
             przycisk.className = "";
         }
         this.#elementy.wygrana.className = "dialog dialog-ukryj";
@@ -133,7 +133,7 @@ class Liczby {
 
         for (let i = 1; i <= 100; i++) {
             /** @type {HTMLButtonElement} */
-            const przycisk = document.getElementById(i);
+            const przycisk = document.querySelector("button[id=\"" + i + "\"");;
             przycisk.className = "";
         }
 
diff --git a/assets/js/nawigacja.js b/assets/js/nawigacja.js
index cd22857..81d5ad0 100644
--- a/assets/js/nawigacja.js
+++ b/assets/js/nawigacja.js
@@ -57,7 +57,17 @@ class Footer extends HTMLElement {
                     </div>
                     <strong>Strona &copy; Dark Steveneq, 2025; Nazwę wymyślił Youpiter</strong> <sub>#GradientySąSuper</sub>
                 </div>
-                <img src="assets/images/blahaj.png" height="128">
+                <div style="flex-grow: 0; flex-direction: row;">
+                    <iframe
+                        src="https://youads.nonamesoft.xyz/ads/site"
+                        title="YouAds Ads Site"
+                        height="150"
+                        style="border: medium; max-width: 600px; width: 600px; height: 150px;"
+                        loading="lazy"
+                    >
+                    </iframe>
+                    <img src="assets/images/blahaj.png" height="128">
+                </div>
             </footer>
         `;
     }
diff --git a/liczby.html b/liczby.html
index 726126c..05b2fd6 100644
--- a/liczby.html
+++ b/liczby.html
@@ -138,7 +138,19 @@
                 </tr>
             </tbody>
         </table>
-        <aside>
+        <aside style="left: 1rem;">
+            <h2>Reklama</h2>
+            <hr>
+            <iframe
+                src="https://youads.nonamesoft.xyz/ads/site"
+                title="YouAds Ads Site"
+                width="300"
+                style="border: medium; max-height: 800px; height: 800px; width: 100%;"
+                loading="lazy"
+            >
+            </iframe>
+        </aside>
+        <aside style="right: 1rem;">
             <h2>Statystyki</h2>
             <hr>
             <div>