Lekcja 9.5

assets/css/tabliczka.css

@@ -0,0 +1,59 @@
+@font-face {
+    font-family: Monocraft;
+    src: url(/assets/fonts/Monocraft.otf);
+}
+
+main {
+    display: flex;
+    flex-direction: column;
+    text-shadow: 2px 2px 5px #000;
+}
+
+main * {
+    font-family: "Monocraft", sans-serif;
+    color: #ddd;
+    text-shadow: none;
+}
+
+form {
+    margin: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 3rem;
+    text-align: center;
+    width: 100%;
+    height: 32rem;
+}
+
+textarea {
+    margin-inline: auto;
+    color: #000;
+    padding: 1rem;
+    text-align: center;
+    background: url(/assets/images/oak_planks.png);
+    background-size: 12.5vw 12.5vw;
+    image-rendering: pixelated;
+    overflow: hidden;
+    text-wrap: none;
+    font-size: 2vw;
+}
+
+input {
+    margin-inline: auto;
+    padding-block: .5rem;
+    padding-inline: 1rem;
+    width: 24rem;
+    height: 2.5rem;
+    font-size: 16pt;
+    border: none;
+    border-radius: 0;
+    image-rendering: pixelated;
+    background-image: url(/assets/images/button.png);
+    background-size: 100% 100%;
+}
+
+input:hover {
+    background-image: url(/assets/images/button_highlighted.png) !important;
+    background-size: 100% 100% !important;
+    color: #ddd !important;
+}

assets/js/nawigacja.js

@@ -1,9 +1,8 @@
 const nawigacjaLinki = [
     { nazwa: "Tabele", link: "/tabele.html" },
     { nazwa: "Grafika", link: "/grafika.html" },
-    { nazwa: "JS. Zad. Warunkowe", link: "/js-warunkowe.html" },
-    { nazwa: "JS. Pętle", link: "/js-petle.html" },
     { nazwa: "Witalnia", link: "/witalnia.php" },
+    { nazwa: "Tabliczka", link: "/tabliczka.php" },
 ];
 const stopkaLinki = [
     [
@@ -29,6 +28,7 @@ const stopkaLinki = [
     [
         "PHP",
         { nazwa: "Witalnia", link: "/witalnia.php" },
+        { nazwa: "Tabliczka", link: "/tabliczka.php" },
     ],
     [
         "Wszystko",