From f402e0c96a52c73ab390b76f637af3ccde6ac8b2 Mon Sep 17 00:00:00 2001 From: UMTS at Teleco Date: Fri, 14 Feb 2025 03:12:25 +0100 Subject: initial upload ... somewhat cleaned up and "less" swearing included --- website4/.DS_Store | Bin 0 -> 6148 bytes website4/content4.db | Bin 0 -> 57344 bytes website4/public/assets/.DS_Store | Bin 0 -> 8196 bytes website4/public/assets/css/dialon.css | 313 ++++++++++++++++++++++++++++ website4/public/assets/css/extras.css | 180 ++++++++++++++++ website4/public/assets/css/hamburger.css | 138 ++++++++++++ website4/public/assets/css/navbar.css | 224 ++++++++++++++++++++ website4/public/assets/fonts/.DS_Store | Bin 0 -> 6148 bytes website4/public/assets/fonts/default.ttf | Bin 0 -> 51316 bytes website4/public/assets/img/.DS_Store | Bin 0 -> 6148 bytes website4/public/assets/img/code-is-ass.jpeg | Bin 0 -> 125397 bytes website4/public/assets/img/dialon.png | Bin 0 -> 1060 bytes website4/public/assets/img/force.png | Bin 0 -> 13702 bytes website4/public/assets/img/fuck-main.jpeg | Bin 0 -> 52032 bytes website4/public/assets/img/fuckjs.jpeg | Bin 0 -> 238746 bytes website4/public/assets/img/jsmomentom.jpg | Bin 0 -> 97318 bytes website4/public/assets/img/router1.jpg | Bin 0 -> 436173 bytes website4/public/assets/img/router2.jpg | Bin 0 -> 423872 bytes website4/public/assets/img/rover.png | Bin 0 -> 39810 bytes website4/public/assets/img/ssc.jpg | Bin 0 -> 1451164 bytes website4/public/assets/img/wrong.png | Bin 0 -> 1466131 bytes website4/public/assets/js/chat.js | 94 +++++++++ website4/public/assets/js/menu.js | 40 ++++ website4/public/assets/svg/teleco.svg | 242 +++++++++++++++++++++ website4/public/index.php | 190 +++++++++++++++++ 25 files changed, 1421 insertions(+) create mode 100644 website4/.DS_Store create mode 100644 website4/content4.db create mode 100644 website4/public/assets/.DS_Store create mode 100644 website4/public/assets/css/dialon.css create mode 100644 website4/public/assets/css/extras.css create mode 100644 website4/public/assets/css/hamburger.css create mode 100644 website4/public/assets/css/navbar.css create mode 100644 website4/public/assets/fonts/.DS_Store create mode 100644 website4/public/assets/fonts/default.ttf create mode 100644 website4/public/assets/img/.DS_Store create mode 100644 website4/public/assets/img/code-is-ass.jpeg create mode 100644 website4/public/assets/img/dialon.png create mode 100644 website4/public/assets/img/force.png create mode 100644 website4/public/assets/img/fuck-main.jpeg create mode 100644 website4/public/assets/img/fuckjs.jpeg create mode 100644 website4/public/assets/img/jsmomentom.jpg create mode 100644 website4/public/assets/img/router1.jpg create mode 100644 website4/public/assets/img/router2.jpg create mode 100644 website4/public/assets/img/rover.png create mode 100644 website4/public/assets/img/ssc.jpg create mode 100644 website4/public/assets/img/wrong.png create mode 100644 website4/public/assets/js/chat.js create mode 100644 website4/public/assets/js/menu.js create mode 100644 website4/public/assets/svg/teleco.svg create mode 100644 website4/public/index.php (limited to 'website4') diff --git a/website4/.DS_Store b/website4/.DS_Store new file mode 100644 index 0000000..c328838 Binary files /dev/null and b/website4/.DS_Store differ diff --git a/website4/content4.db b/website4/content4.db new file mode 100644 index 0000000..e6aec42 Binary files /dev/null and b/website4/content4.db differ diff --git a/website4/public/assets/.DS_Store b/website4/public/assets/.DS_Store new file mode 100644 index 0000000..59caf08 Binary files /dev/null and b/website4/public/assets/.DS_Store differ diff --git a/website4/public/assets/css/dialon.css b/website4/public/assets/css/dialon.css new file mode 100644 index 0000000..96c1e85 --- /dev/null +++ b/website4/public/assets/css/dialon.css @@ -0,0 +1,313 @@ +/* Base Styles */ +:root { + --primary-color: #ff9900; + --secondary-color: #1a1a1a; + --background-color: #333; + --text-color: #e6e6e6; + --border-color: #444; + --navbar-color: #d88900; + --navbar-text-color: #fff; + --navbar-hover-color: #ffbb00; + --hover-color: #ffbb00; + --hover-text-color: #1a1a1a; +} + +@font-face { + font-family: 'default-512'; + font-style: normal; + font-weight: 400; + src: url('../fonts/default.ttf') format('truetype'); +} + +body { + background-color: var(--secondary-color); + color: var(--text-color); + margin: 0; + padding: 0; + font-family: Arial, comic-sans; /* ich bin so lustig */ +} + +header, .header-content { + background-color: var(--secondary-color); + color: var(--text-color); + text-align: center; /* Center the header content wenn mer kei bock uf navbar her */ +} + +header h1 { + color: var(--primary-color); + font-family: 'default-512', Arial, sans-serif; /* fonts sexi mache*/ +} + +h2 { + color: var(--primary-color); + font-family: 'default-512', Arial, sans-serif; /* nomal fonts sexi mache will us irgend nem grund die ganz site kappoot gaht wenn ich d'funt universal ahwände*/ +} + +.sidebar, .sidebar-right, .box, .chat-log, .chat-input .breadcrumbs { + background-color: var(--background-color); + border: 1px solid var(--border-color); + border-radius: 10px; /* mmmm rundi ecke damit mer sich ned ritzt */ +} + +.breadcrumbs { + background-color: var(--background-color); + border: 1px solid var(--border-color); + border-radius: 10px; + padding: 10px; + margin-bottom: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + font-family: 'default-512', Arial, sans-serif; +} + +.breadcrumbs a { + color: var(--primary-color); + text-decoration: none; +} + +.breadcrumbs a:hover { + text-decoration: underline; +} + +.sidebar { + float: left; + width: 20%; + min-width: 200px; + max-width: 250px; + padding: 10px; + padding-bottom: 0px; + box-sizing: border-box; + padding-bottom: 0px; +} + +.sidebar-right { + float: right; + width: 20%; + min-width: 200px; + max-width: 250px; + padding: 10px; + padding-bottom: 0px; + box-sizing: border-box; +} + +.sidebar a, .sidebar-right a, .services a, .menu-overlay .menu-links a, .load-more-button, .mobile-navbar-menu button{ + display: block; + background-color: var(--background-color); + color: var(--text-color); + padding: 12px 20px; + text-decoration: none; + border-radius: 10px; + transition: background-color 0.3s ease; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + margin-bottom: 10px; + font-family: 'default-512', Arial, sans-serif; + border: none; +} + +.sidebar a:hover, .sidebar-right a:hover, .sidebar a.active, .sidebar-right a.active, .services a:hover, .menu-overlay .menu-links a:hover, .load-more-button:hover { + background-color: var(--hover-color); + color: var(--hover-text-color); +} + +.container { + flex: 1; + display: flex; + width: 100%; + min-width: 300px; + align-items: flex-start; + flex-wrap: wrap; + margin: 20px auto 0; + max-width: 1200px; +} + +.content { + width: 60%; + flex-grow: 1; + padding: 10px; + box-sizing: border-box; +} + +.box { + margin-bottom: 10px; + padding: 10px; +} + +.box h3 { + margin: 0 0 10px 0; + font-size: 16px; + color: var(--primary-color); + font-family: 'default-512', Arial, sans-serif; + +} + +.box p, .box a { + margin: 5px 0; + font-size: 14px; + color: var(--text-color); + font-family: 'default-512', Arial, sans-serif; +} + +.box a { + color: var(--primary-color); + text-decoration: none; +} + +.box a:hover { + text-decoration: underline; +} + +footer { + background-color: var(--border-color); + color: var(--text-color); + text-align: center; + padding: 10px 0; + font-size: 14px; + width: 100%; + flex-shrink: 0; +} + +hr { + border: 1px solid var(--border-color); + margin: 20px 0; +} + +.left-aligned-title { + text-align: left; + font-size: 48px; + font-weight: bold; + color: var(--primary-color); + margin-bottom: 15px; + text-decoration: none; + font-family: 'default-512', Arial, sans-serif; +} + +.navbar-title { + + text-decoration: none; +} + +.no-top-m { + margin-top: 0 !important; +} + +.ascii-box { + border: 2px solid #555; + border-radius: 10px; + padding: 20px; + color: var(--primary-color); + font-size: 18px; + font-family: 'default-512', Arial, sans-serif; +} + +.services { + display: flex; + justify-content: center; + flex-wrap: wrap; + gap: 20px; + margin: 20px 0; +}.chat-container { + position: fixed; + bottom: 0; + right: 20px; + width: 90%; + max-width: 400px; + background-color: var(--secondary-color); + border: 2px solid var(--border-color); + border-radius: 10px; + padding: 20px; + z-index: 1001; + transform: translateY(100%); + opacity: 0; + transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease; + visibility: hidden; +} + +.chat-container.open { + transform: translateY(0); + opacity: 1; + visibility: visible; +} + +.chat-header { + font-size: 20px; + font-weight: bold; + color: var(--secondary-color); + text-align: center; + margin-bottom: 10px; + position: relative; + font-family: 'default-512', Arial, sans-serif; +} + +.audio-track { + margin: 20px 0; + text-align: center; +} + +.complaints { + text-align: center; + margin-top: 40px; +} + +.complaints a { + color: #ffbb00; + text-decoration: none; + transition: color 0.3s ease; + font-family: 'default-512', Arial, sans-serif; +} + +.complaints a:hover { + color: #ff99cc; +} + +.mobile-only { + display: none; +} + +ul { + list-style-type: none; + padding: 0; +} + +ul li { + padding: 10px 15px; + margin-bottom: 10px; + border-radius: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + font-family: 'default-512', Arial, sans-serif; +} + +ul li::before { + content: "•"; + color: var(--primary-color); + padding-right: 10px; +} + +ul li span { + font-weight: bold; + color: var(--primary-color); +} + + + +h4 { + text-decoration: underline; + size: 12px; + color: var(--primary-color); + font-family: 'default-512', Arial, sans-serif; +} + +@media screen and (max-width: 1280px) { + .sidebar, .sidebar-right { + display: none; + } +} + +@media screen and (min-width: 1281px) { + .hamburger-menu { + display: none; + } + + .chat-toggle-btn { + bottom: 20px; + } +} + diff --git a/website4/public/assets/css/extras.css b/website4/public/assets/css/extras.css new file mode 100644 index 0000000..4a9f2fc --- /dev/null +++ b/website4/public/assets/css/extras.css @@ -0,0 +1,180 @@ +.send-btn { + background-color: var(--primary-color); + color: var(--secondary-color); +} + +.send-btn:hover { + background-color: #ffbb00; +} + +.chat-toggle-btn { + position: fixed; + bottom: 20px; + right: 20px; + width: 50px; + height: 50px; + border: none; + border-radius: 50%; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + cursor: pointer; + z-index: 1000; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + transition: background-color 0.3s ease; + background-color: var(--background-color); + color: var(--primary-color); +} + +.chat-toggle-btn svg { + width: 24px; + height: 24px; + fill: var(--primary-color); + transition: fill 0.3s ease; +} + +.chat-toggle-btn:hover, +.chat-toggle-btn.open { + background-color: var(--primary-color); +} + +.chat-toggle-btn:hover svg, +.chat-toggle-btn.open svg { + fill: var(--secondary-color); +} + +.chat-close-btn { + color: var(--primary-color); +} + +.chat-close-btn:hover { + color: var(--secondary-color); +} + +.chat-close-btn { + position: absolute; + top: 0; + right: 0; + font-size: 18px; + background: none; + border: none; + cursor: pointer; +} + +.chat-log { + height: 300px; + overflow-y: auto; + padding: 10px; + border-radius: 10px; + margin-bottom: 10px; + font-family: 'Courier New', Courier, monospace; +} + +.chat-message { + margin: 5px 0; + font-family: 'default-512', Arial, sans-serif; +} + +.chat-message .sender { + font-weight: bold; +} + +.chat-message .virtual-assistant { + color: red; +} + +.chat-message .user { + color: blue; +} + +.chat-input-container { + display: flex; + gap: 10px; +} + +.chat-input { + flex: 1; + padding: 10px; + border-radius: 10px; + font-family: 'default-512', Arial, sans-serif; + color: var(--primary-color); + background-color: var(--secondary-color); + border: 1px solid var(--border-color); +} + +.chat-input:focus { + outline: none; + border-color: var(--primary-color); +} + +.send-btn { + padding: 10px; + border: none; + cursor: pointer; + border-radius: 10px; +} + +.chat-container { + position: fixed; + bottom: 0; + right: 0; + margin-right: 20px; + max-width: 400px; + background-color: var(--secondary-color); + border: 2px solid var(--border-color); + border-radius: 10px; + padding: 20px; + z-index: 1001; + transform: translateY(100%); + opacity: 0; + transition: transform 0.4s ease, opacity 0.4s ease, visibility 0.4s ease; + visibility: hidden; +} + +.chat-container.open { + transform: translateY(0); + opacity: 1; + visibility: visible; +} + +.chat-header { + font-size: 20px; + font-weight: bold; + color: var(--primary-color); + text-align: center; + margin-bottom: 10px; + position: relative; + font-family: 'default-512', Arial, sans-serif; +} + +@media (max-width: 600px) { + .chat-container { + width: 100%; + margin: 0px; + padding: 20px; + box-sizing: border-box; + } +} + +@media (min-width: 1280px) { + .sidebar, .sidebar-right { + display: block; + } + + .chat-toggle-btn { + bottom: 20px; + right: 20px; + } +} + +@media (max-width: 1279px) { + .sidebar, .sidebar-right { + display: none; + } + + .chat-toggle-btn { + bottom: 100px; + right: 20px; + } +} diff --git a/website4/public/assets/css/hamburger.css b/website4/public/assets/css/hamburger.css new file mode 100644 index 0000000..031d011 --- /dev/null +++ b/website4/public/assets/css/hamburger.css @@ -0,0 +1,138 @@ +.hamburger-menu { + display: none; + position: fixed; + bottom: 20px; + right: 20px; + width: 50px; + height: 50px; + background-color: var(--background-color); + color: var(--primary-color); + border: none; + border-radius: 50%; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + cursor: pointer; + z-index: 1001; + transition: background-color 0.3s ease; + display: flex; + align-items: center; + justify-content: center; + padding: 0; +} + +.hamburger-menu svg { + width: 24px; + height: 24px; + fill: var(--primary-color); + transition: fill 0.3s ease; +} + +.hamburger-menu:hover, +.hamburger-menu.open { + background-color: var(--primary-color); +} + +.hamburger-menu:hover svg, +.hamburger-menu.open svg { + fill: var(--secondary-color); +} + +.menu-overlay { + position: fixed; + top: 0; + left: 0; + bottom: 0; + width: 100%; + background-color: var(--secondary-color); + color: white; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + transition: transform 0.3s ease-in-out; + z-index: 1000; + transform: translateY(100%); + overflow-y: auto; +} + +.menu-overlay.open { + transform: translateY(0); +} + +.menu-content { + text-align: center; + width: 100%; + padding: 20px; + box-sizing: border-box; +} + +.menu-content .box { + background-color: var(--background-color); + margin: 10px 0; + padding: 10px; + border: 1px solid var(--border-color); + border-radius: 10px; + box-sizing: border-box; +} + +.menu-content .box a { + display: block; + background-color: var(--background-color); + color: var(--text-color); + padding: 12px 20px; + text-decoration: none; + border-radius: 10px; + transition: background-color 0.3s ease; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + margin-bottom: 10px; +} + +.menu-content .box a:hover, .menu-content .box a.active { + background-color: var(--primary-color); + color: var(--secondary-color); +} + +.menu-close-btn { + position: absolute; + top: 20px; + right: 20px; + background: none; + border: none; + color: var(--primary-color); + font-size: 24px; + cursor: pointer; +} + +.menu-close-btn:hover { + color: var(--secondary-color); +} + +@media screen and (max-width: 1280px) { + .sidebar, .sidebar-right { + display: none; + } + + .hamburger-menu { + display: flex; + } + + .menu-overlay { + display: block; + } +} + +@media screen and (max-width: 600px) { + .menu-content { + padding: 10px; + } + + .menu-content .box a { + padding: 10px; + font-size: 14px; + } +} + +@media screen and (min-width: 1281px) { + .hamburger-menu { + display: none; + } +} \ No newline at end of file diff --git a/website4/public/assets/css/navbar.css b/website4/public/assets/css/navbar.css new file mode 100644 index 0000000..6f63aa8 --- /dev/null +++ b/website4/public/assets/css/navbar.css @@ -0,0 +1,224 @@ +.navbar { + background-color: var(--secondary-color); + padding: 10px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + font-family: 'default-512', Arial, sans-serif; + position: relative; +} + +.navbar-container { + display: flex; + justify-content: space-between; + align-items: center; +} + +.navbar-left, .navbar-center, .navbar-right { + display: flex; + align-items: center; +} + +.navbar-center { + justify-content: center; + flex-grow: 1; +} + +.navbar-mobile { + display: none; + justify-content: space-between; + align-items: center; + width: 100%; + background-color: var(--secondary-color); + padding: 10px; +} + +.navbar-mobile .navbar-left { + display: flex; + align-items: center; +} + +.navbar-logo { + height: 40px; + margin-right: 10px; +} + +.navbar-title { + font-size: 20px; + font-weight: bold; + color: var(--primary-color); + padding-right: 20px; +} + +.navbar, .navbar button, .navbar input[type="text"], .navbar input[type="search"] { + color: var(--navbar-text-color); + text-decoration: none; + padding-inline: 10px; + margin: 0 5px; + border: none; + background: none; + cursor: pointer; + transition: color 0.3s ease; + font-family: 'default-512', Arial, sans-serif; + font-size: 18px; +} + +.navbar-link { + color: var(--navbar-text-color); + text-decoration: none; + border: none; + background: none; + cursor: pointer; + transition: color 0.3s ease; + font-family: 'default-512', Arial, sans-serif; +} + +.dropdown-link { + color: var(--navbar-text-color); + text-decoration: none; + transition: color 0.3s ease; + font-family: 'default-512', Arial, sans-serif; + padding-top: 5px; +} + +.navbar a:hover, .navbar button:hover { + color: var(--navbar-hover-color); +} + +.navbar-dropdown { + position: relative; + display: inline-block; +} + +.navbar-dropbtn { + background-color: var(--navbar-color); + color: var(--navbar-text-color); + padding: 10px; + font-size: 16px; + border: none; + cursor: pointer; + border-radius: 10px; +} + +.navbar-dropdown-content { + display: none; + position: absolute; + background-color: var(--background-color); + min-width: 160px; + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); + z-index: 1; + border-radius: 10px; +} + +.navbar-dropdown:hover .navbar-dropdown-content { + display: block; +} + +.navbar-dropdown-content a { + color: var(--text-color); + padding: 12px 16px; + text-decoration: none; + display: block; + border-bottom: 1px solid var(--border-color); +} + +.navbar-dropdown-content a:last-child { + border-bottom: none; +} + +.bruh-why { + padding-inline: 0px; +} + +.mobile-navbar-dropdown { + padding-top: 5px; +} + +.mobile-navbar-dropdown:hover { + color: var(--navbar-hover-color); +} + +.navbar-toggle { + display: none; + background: none; + border: none; + color: var(--primary-color); + cursor: pointer; + font-size: 24px; +} + +.mobile-navbar-menu { + display: flex; + flex-direction: column; + width: 100%; + background-color: var(--secondary-color); + border-radius: 10px; + max-height: 0; + overflow: hidden; + transition: max-height 0.4s ease-out, padding 0.4s ease-out; + padding-top: 0; + padding-bottom: 0; +} + +.mobile-navbar-menu.open { + padding-top: 10px; + padding-bottom: 10px; +} + +.mobile-navbar-menu input[type="text"], +.mobile-navbar-menu input[type="search"] { + padding: 10px; + margin: 5px 0; + border: none; + background: none; + cursor: pointer; + transition: color 0.3s ease; + font-family: 'default-512', Arial, sans-serif; + color: var(--navbar-text-color); + text-decoration: none; + display: block; + width: 100%; + box-sizing: border-box; +} + +.mobile-navbar-menu input[type="text"]:hover, +.mobile-navbar-menu input[type="search"]:hover, +.mobile-navbar-menu button:hover { + color: var(--navbar-hover-color); +} + +@media screen and (max-width: 768px) { + .navbar-container { + display: none; + } + + .navbar-mobile { + display: flex; + } + + .navbar-toggle { + display: block; + } +} + +@media screen and (min-width: 769px) { + .mobile-navbar-menu { + display: none !important; + } +} + +.navbar .buttonify{ + display: block; + background-color: var(--background-color); /* penis haha lol ja das isch psychose klass will buttons nei segged abunzdue*/ + color: var(--text-color); + padding: 12px 20px; + text-decoration: none; + border-radius: 10px; + transition: background-color 0.3s ease; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); + font-family: 'default-512', Arial, sans-serif; + border: none; +} + +.navbar .buttonify:hover { + background-color: var(--hover-color); + color: var(--hover-text-color); +} diff --git a/website4/public/assets/fonts/.DS_Store b/website4/public/assets/fonts/.DS_Store new file mode 100644 index 0000000..b998872 Binary files /dev/null and b/website4/public/assets/fonts/.DS_Store differ diff --git a/website4/public/assets/fonts/default.ttf b/website4/public/assets/fonts/default.ttf new file mode 100644 index 0000000..37deb9a Binary files /dev/null and b/website4/public/assets/fonts/default.ttf differ diff --git a/website4/public/assets/img/.DS_Store b/website4/public/assets/img/.DS_Store new file mode 100644 index 0000000..f77b18d Binary files /dev/null and b/website4/public/assets/img/.DS_Store differ diff --git a/website4/public/assets/img/code-is-ass.jpeg b/website4/public/assets/img/code-is-ass.jpeg new file mode 100644 index 0000000..c35aa9e Binary files /dev/null and b/website4/public/assets/img/code-is-ass.jpeg differ diff --git a/website4/public/assets/img/dialon.png b/website4/public/assets/img/dialon.png new file mode 100644 index 0000000..6ceef81 Binary files /dev/null and b/website4/public/assets/img/dialon.png differ diff --git a/website4/public/assets/img/force.png b/website4/public/assets/img/force.png new file mode 100644 index 0000000..fa2c8c6 Binary files /dev/null and b/website4/public/assets/img/force.png differ diff --git a/website4/public/assets/img/fuck-main.jpeg b/website4/public/assets/img/fuck-main.jpeg new file mode 100644 index 0000000..3acbd91 Binary files /dev/null and b/website4/public/assets/img/fuck-main.jpeg differ diff --git a/website4/public/assets/img/fuckjs.jpeg b/website4/public/assets/img/fuckjs.jpeg new file mode 100644 index 0000000..06f8a6d Binary files /dev/null and b/website4/public/assets/img/fuckjs.jpeg differ diff --git a/website4/public/assets/img/jsmomentom.jpg b/website4/public/assets/img/jsmomentom.jpg new file mode 100644 index 0000000..166d5ba Binary files /dev/null and b/website4/public/assets/img/jsmomentom.jpg differ diff --git a/website4/public/assets/img/router1.jpg b/website4/public/assets/img/router1.jpg new file mode 100644 index 0000000..92f7e91 Binary files /dev/null and b/website4/public/assets/img/router1.jpg differ diff --git a/website4/public/assets/img/router2.jpg b/website4/public/assets/img/router2.jpg new file mode 100644 index 0000000..1ec6527 Binary files /dev/null and b/website4/public/assets/img/router2.jpg differ diff --git a/website4/public/assets/img/rover.png b/website4/public/assets/img/rover.png new file mode 100644 index 0000000..de95293 Binary files /dev/null and b/website4/public/assets/img/rover.png differ diff --git a/website4/public/assets/img/ssc.jpg b/website4/public/assets/img/ssc.jpg new file mode 100644 index 0000000..d7509e2 Binary files /dev/null and b/website4/public/assets/img/ssc.jpg differ diff --git a/website4/public/assets/img/wrong.png b/website4/public/assets/img/wrong.png new file mode 100644 index 0000000..1a1835e Binary files /dev/null and b/website4/public/assets/img/wrong.png differ diff --git a/website4/public/assets/js/chat.js b/website4/public/assets/js/chat.js new file mode 100644 index 0000000..8caa573 --- /dev/null +++ b/website4/public/assets/js/chat.js @@ -0,0 +1,94 @@ +// chat container setup for maximum verwirrung weil ich kann das alles langsam nicht mehr junge die sprach macht kei sinn +const chatContainer = document.getElementById('chat-container'); +const chatLog = document.getElementById('chat-log'); +const userInput = document.getElementById('user-input'); +let hasGreeted = false; // flag so we only say grǔtzi eimal und ned sächzgs mal junge das wäri fett weird + +// toggle chat open and closed again ????????????? i dont remember what i haben gesoffen hier +function toggleChat() { + if (chatContainer.classList.contains('open')) { + chatContainer.classList.remove('open'); + setTimeout(() => { + chatContainer.style.visibility = 'hidden'; + }, 400); // match delay with css so it doesnt look wie abfall + } else { + chatContainer.style.visibility = 'visible'; + chatContainer.classList.add('open'); + + // the actuall saying grǔtzi miternaand gugus + if (!hasGreeted) { + displayMessage('Virtual Assistant', "Grǔtzi 🇨🇭 ! I'm your virtual assistant! Please tell me about your problem or what you need help with."); + hasGreeted = true; + } + } +} + +// send message when enter key is pressed because who will press a button to send a message ???? are you a psychopat ? +userInput.addEventListener('keypress', function(event) { + if (event.key === 'Enter') { + sendMessage(); + } +}); + +// handle sending messages +function sendMessage() { + const userMessage = userInput.value.trim(); + if (userMessage) { + displayMessage('You', userMessage); + userInput.value = ''; + setTimeout(() => catReply(userMessage), 1000); // delay for realism so the "assistant" can "think" about the reply + } +} + +// put a message in the chat log will chat funktioniert ned ohni message history und so lol +function displayMessage(sender, message) { + const messageElement = document.createElement('div'); + messageElement.classList.add('chat-message'); + + const senderSpan = document.createElement('span'); + senderSpan.classList.add('sender'); + senderSpan.classList.add(sender === 'You' ? 'user' : 'virtual-assistant'); + senderSpan.textContent = sender + ': '; + + const messageSpan = document.createElement('span'); + messageSpan.textContent = message; + + messageElement.appendChild(senderSpan); + messageElement.appendChild(messageSpan); + chatLog.appendChild(messageElement); + chatLog.scrollTop = chatLog.scrollHeight; +} + +// cat assistant category based matched replies +function catReply(userMessage) { + const keywords = { + "help": ["meeeooow...? figure it out yourself! because that sounds like a you problem bahahahasdjkasadlkj 💀", "meeooww! welp too bad. help yourself bahasjdhaskjdhaskjdh", "mrrrow! idk either lol. go ask yourself maybe your smart if you use your brain instread of relying on a virtual assistant cat"], + "problem": ["meeooow, eh thats normal here, should've chosen someone else to host your stuff ngl lol", "mrow, contact sysadminier maybe idk? i am just cat or a teaput ???? idk what i am help aaaaaaa", "mreeow, tell me more ig... if you want idc lol"], + "default": ["meow", "meeooow!", "mew.", "mrow!", "meeow...", "meow, meow.", "mroww", "mlem"] + }; + + // generate a bs reply to fool user into thinking the cat assistant is actually doing something + function generateScrambledReply() { + const phrases = keywords["default"]; + let scrambled = []; + const length = Math.floor(Math.random() * 3) + 3; // random length of reply 3-5 words + + for (let i = 0; i < length; i++) { + const randomPhrase = phrases[Math.floor(Math.random() * phrases.length)]; + scrambled.push(randomPhrase); + } + return scrambled.join(" "); + } + + // check for keywords in user message and decide what kind of blödsinn to say zu the schafseckel using the chat + let reply; + if (userMessage.toLowerCase().includes("help")) { + reply = keywords["help"][Math.floor(Math.random() * keywords["help"].length)]; + } else if (userMessage.toLowerCase().includes("problem")) { + reply = keywords["problem"][Math.floor(Math.random() * keywords["problem"].length)]; + } else { + reply = generateScrambledReply(); // generate scrambled reply for "default" case + } + + displayMessage('Virtual Assistant', reply); +} \ No newline at end of file diff --git a/website4/public/assets/js/menu.js b/website4/public/assets/js/menu.js new file mode 100644 index 0000000..8994ac9 --- /dev/null +++ b/website4/public/assets/js/menu.js @@ -0,0 +1,40 @@ +document.addEventListener('DOMContentLoaded', function () { + // menu overlay so we can open and close it bruh + const overlay = document.querySelector('.menu-overlay'); + const hamburger = document.querySelector('.hamburger-menu'); + + function toggleMenu() { + if (overlay.classList.contains('open')) { + overlay.classList.remove('open'); + setTimeout(() => { + overlay.style.visibility = 'hidden'; + }, 400); // match this delay with the css transition duration because ja isch halt so + } else { + overlay.style.visibility = 'visible'; + overlay.classList.add('open'); + } + hamburger.classList.toggle('open'); + document.body.style.overflow = overlay.classList.contains('open') ? 'hidden' : ''; // no scrolling on the main page while menu is open + } + + // if burger king menu button exists, hook it up to toggle the menu + if (hamburger) { + hamburger.addEventListener('click', function () { + toggleMenu(); + }); + } + + // close menu when clicking a link inside it because so funktioniert das halt, pech gha wenns der nid passt lol + if (overlay) { + overlay.querySelectorAll('a').forEach(link => { + link.addEventListener('click', () => { + overlay.classList.remove('open'); + setTimeout(() => { + overlay.style.visibility = 'hidden'; + hamburger.classList.remove('open'); + document.body.style.overflow = ''; // kei ahnig was das macht aber es het mis problem emol glöst + }, 400); // match transition duration ... again no clue what this actually does but it works so i'm not touching it + }); + }); + } +}); \ No newline at end of file diff --git a/website4/public/assets/svg/teleco.svg b/website4/public/assets/svg/teleco.svg new file mode 100644 index 0000000..1cbb190 --- /dev/null +++ b/website4/public/assets/svg/teleco.svg @@ -0,0 +1,242 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website4/public/index.php b/website4/public/index.php new file mode 100644 index 0000000..c16197a --- /dev/null +++ b/website4/public/index.php @@ -0,0 +1,190 @@ + + + + + + + + Dialon - <?php echo ucfirst($page); ?> + + + + + + + + + + + + + + +
+
> + +

dialon.ch

+
+
+ + + + + + + + + +
+
+

Navigation

+ + +
+
+ + +
+ + +
+ +
+ + + +
+ +
+ $crumb) { + if ($index > 0) echo ' > '; + echo ''; + echo htmlspecialchars($crumb['title']); + echo ''; + } + ?> +
+ + execute(); + $lastPostId = 0; + while ($row = $result->fetchArray()): + $lastPostId++; + ?> +
+

+

+
+

Date:

+
+ + +
+

404 - Page Not Found

+

Sorry, the page you are looking for does not exist.

+
+ + +
+ +
+ + + + + + +
+ +
+
+ + + +
+ +
+ +
+ + + + + +
+
+ Virtual Assistant Chat + +
+
+
+ + +
+
+ + + + + + + + + -- cgit v1.2.3-70-g09d2