Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@AdamBasly
AdamBasly authored Nov 8, 2024
1 parent 6739ea2 commit 64ccbc4
Show file tree
Hide file tree
Showing 11 changed files with 875 additions and 0 deletions.
26 changes: 26 additions & 0 deletions CSS/scratch_main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
.minecraft {
background-color: #4caf50;
border: 2px solid #4caf50;
border-radius: 10px;
padding: 15px;
transition: transform 0.3s;
margin: 20px;
}
.minecraft:hover {
transform: scale(1.05);
}
.minecraft h2 {
background-color: #ffeb3b;
border: 2px solid #ffeb3b;
border-radius: 10px;
padding: 10px;
font-family: 'Comic Sans MS', fantasy;
}
.minecraft img {
max-width: 100%;
border-radius: 10px;
}
#MC {
text-decoration: none;
color: black;
}
79 changes: 79 additions & 0 deletions Scratchgames.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href=".\\CSS\\scratch_main.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scratch games</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f0f4f8;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
text-align: center;
background-color: #fff;
padding: 20px;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
h1 {
background-color: #ff9800;
border: 2px solid #ff9800;
border-radius: 10px;
padding: 15px;
color: #fff;
margin-bottom: 20px;
}
.minecraft {
background-color: #4caf50;
border: 2px solid #4caf50;
border-radius: 10px;
padding: 15px;
transition: transform 0.3s;
margin: 20px;
}
.minecraft:hover {
transform: scale(1.05);
}
.minecraft h2 {
background-color: #ffeb3b;
border: 2px solid #ffeb3b;
border-radius: 10px;
padding: 10px;
font-family: 'Comic Sans MS', fantasy;
}
.minecraft img {
max-width: 100%;
border-radius: 10px;
}
#MC {
text-decoration: none;
color: black;
}
</style>
</head>
<body>
<div class="container">
<h1>Scratch games</h1>
<a href=".\\scratch_games_folder\\minecraft.html" id="MC">
<div class="minecraft">
<h2>Minecraft</h2>
<img src=".\\img\\Minecarft.png" alt="Minecraft">
</div>
</a>
<a href=".\\scratch_games_folder\\pokemon.html" id="MC">
<div class="minecraft">
<h2>Pokemon</h2>
<img src=".\\img\\pokemon.jpeg" alt="Pokemon">
</div>
</a>
</div>
</body>
</html>
137 changes: 137 additions & 0 deletions admin.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin-Seite</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
background-color: #fff;
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 500px;
}
.container h2 {
margin-bottom: 20px;
font-size: 24px;
text-align: center;
color: #333;
}
.user-list {
list-style-type: none;
padding: 0;
}
.user-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.actions {
display: flex;
gap: 10px;
}
.edit-btn, .change-password-btn, .delete-btn {
background-color: #007BFF;
color: white;
border: none;
border-radius: 5px;
padding: 10px;
cursor: pointer;
font-size: 16px;
}
.delete-btn {
background-color: #FF0000;
}
.edit-btn:hover, .change-password-btn:hover, .delete-btn:hover {
background-color: #0056b3;
}
.delete-btn:hover {
background-color: #CC0000;
}
.privacy-status {
color: #28a745;
font-weight: bold;
}
.privacy-status.not-accepted {
color: #dc3545;
}
.spanding{
color:green;
}
</style>
</head>
<body>
<div class="container">
<h2>Admin-Seite</h2>
<ul class="user-list" id="userList"></ul>
</div>
<script>
function loadUsers() {
const users = JSON.parse(localStorage.getItem('users')) || {};
const userList = document.getElementById('userList');
userList.innerHTML = '';
Object.keys(users).forEach(username => {
const user = users[username];
const acceptedPrivacy = user.acceptedPrivacy;
const acceptedTerms = user.acceptedTerms;
const li = document.createElement('li');
li.innerHTML = `
<span class="spanding">${username} - Datenschutzerklärung: ${acceptedPrivacy ? 'Akzeptiert' : 'Nicht akzeptiert'} - AGB: ${acceptedTerms ? 'Akzeptiert' : 'Nicht akzeptiert'}</span>
<div class="actions">
<button class="edit-btn" onclick="editUser('${username}')">Bearbeiten</button>
<button class="change-password-btn" onclick="changePassword('${username}')">Passwort ändern</button>
<button class="delete-btn" onclick="deleteUser('${username}')">Löschen</button>
</div>
`;
userList.appendChild(li);
});
}

function deleteUser(username) {
const users = JSON.parse(localStorage.getItem('users')) || {};
delete users[username];
localStorage.setItem('users', JSON.stringify(users));
loadUsers();
}

function editUser(username) {
const newUsername = prompt('Neuen Benutzernamen eingeben:', username);
if (newUsername && newUsername !== username) {
const users = JSON.parse(localStorage.getItem('users')) || {};
if (users[newUsername]) {
alert('Benutzername existiert bereits. Bitte wählen Sie einen anderen.');
} else {
users[newUsername] = users[username];
delete users[username];
localStorage.setItem('users', JSON.stringify(users));
loadUsers();
}
}
}

function changePassword(username) {
const newPassword = prompt('Neues Passwort eingeben:');
if (newPassword) {
const users = JSON.parse(localStorage.getItem('users')) || {};
users[username].password = newPassword;
localStorage.setItem('users', JSON.stringify(users));
loadUsers();
}
}

document.addEventListener('DOMContentLoaded', loadUsers);
</script>
</body>
</html>
74 changes: 74 additions & 0 deletions admin_authentication.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anmeldeseite</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.container h2 {
margin-bottom: 20px;
}
.container input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
.container button {
width: 100%;
padding: 10px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.container button:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="container">
<h2>Authentication for Admin Startup</h2>
<form onsubmit="return validateForm()">
<input type="text" id="username" placeholder="Benutzername" required>
<input type="password" id="password" placeholder="Passwort" required>
<button type="submit">Admin Protokoll starten</button>
</form>
</div>
<script>
function validateForm() {
const username = document.getElementById("username").value;
const password = document.getElementById("password").value;

// Dummy-Daten für die Benutzerüberprüfung
const validUsername = "[email protected]";
const validPassword = "ex30#888";

if (username === validUsername && password === validPassword) {
window.location.href = "admin.html";
return false; // Verhindert das Absenden des Formulars
} else {
alert("Ungültiger Benutzername oder Passwort. Bitte versuchen Sie es erneut.");
return false;
}
}
</script>
</body>
</html>
Loading

0 comments on commit 64ccbc4

Please sign in to comment.