From a176d6986e071e17331d6c8317cec1e6313aead1 Mon Sep 17 00:00:00 2001
From: wfxey <158351052+wfxey@users.noreply.github.com>
Date: Mon, 22 Jul 2024 12:30:49 +0200
Subject: [PATCH] Add files via upload

Signed-off-by: wfxey <158351052+wfxey@users.noreply.github.com>
---
 CSS/style.css                 | 47 ++++++++++++++++++------------
 JS/redirectProject.js         |  2 +-
 JS/welcome_console_message.js |  2 +-
 project/diec/index.html       | 55 ++++++++++++++---------------------
 status/index.html             |  2 +-
 5 files changed, 54 insertions(+), 54 deletions(-)

diff --git a/CSS/style.css b/CSS/style.css
index a12bc36..03362a2 100644
--- a/CSS/style.css
+++ b/CSS/style.css
@@ -241,24 +241,6 @@ body.dark-mode .program_table tr:hover {
     background-color: var(--hover-bg-color);
 }
 
-.project-sidebar {
-    position: fixed;
-    top: 60px;
-    left: 0;
-    width: 300px;
-    height: 100%;
-    background-color: var(--bg-color);
-    border-left: 1px solid var(--primary-color);
-    padding: 20px;
-    box-sizing: border-box;
-}
-
-.project-sidebar button {
-    border-radius: 15px;
-    border: none;
-    padding: 4px;
-}
-
 .dark-mode-btn {
     position: absolute;
     top: 10px;
@@ -275,6 +257,35 @@ body.dark-mode .program_table tr:hover {
     transition: background 0.3s ease, box-shadow 0.3s ease;
 }
 
+.project-sidebar {
+    position: fixed;
+    top: 60px;
+    left: 0;
+    width: 280px;
+    height: calc(100% - 60px);
+    background-color: var(--bg-color);
+    border-right: 1px solid var(--primary-color);
+    padding: 20px;
+    box-sizing: border-box;
+    overflow-y: auto;
+}
+
+.project-sidebar button {
+    display: block;
+    width: calc(100% - 20px);
+    margin: 10px 0;
+    border-radius: 15px;
+    border: none;
+    padding: 10px;
+    box-sizing: border-box;
+}
+
+.project-content {
+    margin-left: 300px;
+    padding: 20px;
+    flex-grow: 1;
+}
+
 .dark-mode-btn i {
     color: var(--header-color);
     font-size: 1.2rem;
diff --git a/JS/redirectProject.js b/JS/redirectProject.js
index c649fb2..7d84a44 100644
--- a/JS/redirectProject.js
+++ b/JS/redirectProject.js
@@ -19,7 +19,7 @@ function redirectToDiscordBot() {
 }
 
 function redirectToChatBox() {
-    location.href = 'https://d-i-projects.github.io/website/project/ChatBox';
+    location.href = 'https://d-i-projects.github.io/website/project/chatbox';
 }
 
 function redirectToWebsite() {
diff --git a/JS/welcome_console_message.js b/JS/welcome_console_message.js
index 7348d24..83c0ccc 100644
--- a/JS/welcome_console_message.js
+++ b/JS/welcome_console_message.js
@@ -1,5 +1,5 @@
 console.log("This Website is hosted with GHP (GitHub Pages)")
 console.log("Note: This page contains raw information only. There are no external links or redirections, and no downloads or additional content are provided. This is purely raw text.");
 console.log("Made by D&I")
-console.log("Version : v2024.07.22-DI-(1)")
+console.log("Version : v2024.07.22-DI-(2)")
 console.log("-------------------------")
\ No newline at end of file
diff --git a/project/diec/index.html b/project/diec/index.html
index b71b062..f34bc91 100644
--- a/project/diec/index.html
+++ b/project/diec/index.html
@@ -6,50 +6,39 @@
     <title>D&I - diec</title>
     <link rel="stylesheet" href="https://d-i-projects.github.io/website/CSS/style.css">
     <link rel="icon" type="image/x-icon" href="https://d-i-projects.github.io/website/IMG/icon_bg.png">
-    <script src="https://d-i-projects.github.io/website/JS/cookie.js"></script>
-    <script src="https://d-i-projects.github.io/website/JS/check_accessable.js"></script>
-    <script src="https://d-i-projects.github.io/website/JS/welcome_console_message.js"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <script src="https://d-i-projects.github.io/website/JS/cookie.js" defer></script>
+    <script src="https://d-i-projects.github.io/website/JS/check_accessable.js" defer></script>
+    <script src="https://d-i-projects.github.io/website/JS/welcome_console_message.js" defer></script>
 </head>
-
 <body>
-
-    <div class="return-div"> 
-        Project -> <a class="black" href="https://d-i-projects.github.io/website/project/diec">diec</a>
-    </div>
-
-    <div id="cookie-banner" class="cookie-banner">
-        <div class="cookie-content">
-            <p>We collect data to remember your preferences for dark and light mode, ensuring you have the best possible experience on our website.</p>
-            <button class="button_accept" id="accept-cookies">Accept</button>
-            <a href="https://d-i-projects.github.io/website/geschäftsmäßig"><button class="button_leave">Geschäftsmäßig</button></a>
-        </div>
-    </div>
-    <div class="main_box">
-        <header><h1>diec</h1></header>
-
-        
-
-        <footer>
-            <a class="black" href="https://d-i-projects.github.io/website/status">Status</a> 
-            <a class="black" href="https://d-i-projects.github.io/website/impressum">Impressum</a>
-        </footer>
-        <button id="toggle-dark-mode" class="dark-mode-btn">
-            <i class="fas fa-moon"></i>
-            <i class="fas fa-sun"></i>
-        </button>
-        <script>
+    <nav class="project-sidebar" aria-label="Sidebar">
+        <h1>Jump to...</h1>
+        <button aria-label="Informationen">Info</button>
+        <button aria-label="Dokumentation">Documentation</button>
+        <button aria-label="Statistiken">Stats</button>
+    </nav>
+    <main class="project-content">
+        <h1>Hallo!</h1>
+    </main>
+    <button id="toggle-dark-mode" class="dark-mode-btn" aria-label="Dark Mode">
+        <i class="fas fa-moon"></i>
+        <i class="fas fa-sun"></i>
+    </button>
+    <script>
+        document.addEventListener('DOMContentLoaded', () => {
             const toggleDarkMode = () => {
                 document.body.classList.toggle('dark-mode');
                 const isDarkMode = document.body.classList.contains('dark-mode');
                 localStorage.setItem('darkMode', isDarkMode);
             };
-    
+
             document.getElementById('toggle-dark-mode').addEventListener('click', toggleDarkMode);
-    
+
             if (localStorage.getItem('darkMode') === 'true') {
                 document.body.classList.add('dark-mode');
             }
-        </script>
+        });
+    </script>
 </body>
 </html>
diff --git a/status/index.html b/status/index.html
index 8841193..c9a02ff 100644
--- a/status/index.html
+++ b/status/index.html
@@ -55,7 +55,7 @@
                     </tr>
                     <tr onclick="redirectToWebsite()" style="cursor: pointer;">
                         <td>website</td>
-                        <td>v2024.07.22-DI-(1)</td>
+                        <td>v2024.07.22-DI-(2)</td>
                         <td>@wfxey</td>
                         <td>none</td>
                         <td>Public</td>