From ef2139293036e319d9ebcc12560fe9d752bcd060 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Pl=C5=A1ek?= Date: Fri, 26 Jan 2024 19:12:05 +1100 Subject: [PATCH] Some fucking lazy Korean CUNT --- javascripttest/README.md | 7 ++++ javascripttest/index.html | 32 +++++++++++++++++++ javascripttest/script.js | 17 ++++++++++ javascripttest/styles.css | 67 +++++++++++++++++++++++++++++++++++++++ 4 files changed, 123 insertions(+) create mode 100644 javascripttest/README.md create mode 100644 javascripttest/index.html create mode 100644 javascripttest/script.js create mode 100644 javascripttest/styles.css diff --git a/javascripttest/README.md b/javascripttest/README.md new file mode 100644 index 0000000..386f9ff --- /dev/null +++ b/javascripttest/README.md @@ -0,0 +1,7 @@ +[This fucking numpty](https://github.com/ilwoongchoi/javascripttest.git) asked ChatGPT to to generate a code for a webpage with a nav bar that has a slide down effect + +The result was complete fail. + +Gotta love the fucking lazy and entitled cunts that think programming is easy. + +If you want help on stackoverflow - you fucking do your part, and someone like me could probably help! \ No newline at end of file diff --git a/javascripttest/index.html b/javascripttest/index.html new file mode 100644 index 0000000..df983a9 --- /dev/null +++ b/javascripttest/index.html @@ -0,0 +1,32 @@ + + + + + + Interactive Navbar + + + + + +
+
+ + + +
+ +
+ +
+

Welcome to My Website

+

This is a simple example of an interactive slide-down navbar using HTML, CSS, and JavaScript.

+
+ + + \ No newline at end of file diff --git a/javascripttest/script.js b/javascripttest/script.js new file mode 100644 index 0000000..0de0591 --- /dev/null +++ b/javascripttest/script.js @@ -0,0 +1,17 @@ +function toggleNavbar() { + var navbarLinks = document.getElementById("navbarLinks"); + if (navbarLinks.style.display !== "none") { + navbarLinks.style.display = "none"; + } else { + navbarLinks.style.display = "block"; + } +} + +window.addEventListener("resize", function () { + var navbarLinks = document.getElementById("navbarLinks"); + if (window.innerWidth > 768) { + navbarLinks.style.display = "block"; + } else { + navbarLinks.style.display = "none"; + } +}); diff --git a/javascripttest/styles.css b/javascripttest/styles.css new file mode 100644 index 0000000..835acac --- /dev/null +++ b/javascripttest/styles.css @@ -0,0 +1,67 @@ +body { + margin: 0; + font-family: Arial, sans-serif; +} + +.navbar { + background-color: #333; + overflow: hidden; + padding: 15px; +} + +.navbar-toggle { + cursor: pointer; +} + +.navbar-toggle span { + background-color: #fff; + display: block; + height: 3px; + margin: 6px 0; + transition: 0.4s; +} + +.navbar-links { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} + +.navbar-links li { + float: left; + margin-right: 20px; +} + +.navbar-links a { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +.content { + padding: 20px; +} + +@media screen and (max-width: 768px) { + .navbar-links { + display: none; + width: 100%; + text-align: center; + position: absolute; + top: 60px; + left: 0; + background-color: #333; + } + + .navbar-links li { + float: none; + display: block; + } + + .navbar-toggle { + display: block; + } +} \ No newline at end of file