Skip to content
This repository has been archived by the owner on Aug 7, 2024. It is now read-only.

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
Signed-off-by: wfxey <158351052+wfxey@users.noreply.github.com>
  • Loading branch information
wfxey authored Jul 22, 2024
1 parent 1e0d286 commit a176d69
Show file tree
Hide file tree
Showing 5 changed files with 54 additions and 54 deletions.
47 changes: 29 additions & 18 deletions CSS/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion JS/redirectProject.js
Original file line number Diff line number Diff line change
Expand Up @@ -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() {
Expand Down
2 changes: 1 addition & 1 deletion JS/welcome_console_message.js
Original file line number Diff line number Diff line change
@@ -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("-------------------------")
55 changes: 22 additions & 33 deletions project/diec/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
2 changes: 1 addition & 1 deletion status/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down

0 comments on commit a176d69

Please sign in to comment.