Ostatnie szlify na dziś...chyba

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 {

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 = "";
         }
 

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>
         `;
     }

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>