Visionz73 · AmNutellaEssen · Nov 29, 2023 · Nov 29, 2023 · Nov 29, 2023 · Nov 29, 2023
diff --git a/Backup.txt b/Backup.txt
@@ -0,0 +1,16 @@
+#!/bin/bash
+
+# Hier gibst du den Pfad zum Quellordner an, den du sichern möchtest
+quelle="/pfad/zum/deinem/ursprungsordner"
+
+# Hier gibst du den Pfad zum Zielordner an, in den du das Backup kopieren möchtest
+ziel="/pfad/zum/deinem/zielordner"
+
+# Überprüfen, ob der Quellordner existiert
+if [ -d "$quelle" ]; then
+    # Kopiere den Inhalt des Quellordners in den Zielordner
+    cp -r "$quelle" "$ziel"
+    echo "Backup erfolgreich erstellt."
+else
+    echo "Der Quellordner existiert nicht."
+fi
diff --git a/Backup/logon_Backup.css b/Backup/logon_Backup.css
@@ -0,0 +1,147 @@
+/* style.css */
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
+
+/* Link-Menü-Stil */
+
+
+
+
+
+header h1 {
+    font-size: 3.5em;
+    color: #2fbffe;
+    margin-top: 5%;
+    padding-top: 0%;
+    margin-right: 37%;
+    padding-left: 4%;
+}
+
+header h3 {
+    font-size: 0.7em;
+    color: #70708f;
+    text-align: left;
+    margin-left: 0%;
+    margin-right: 59%;
+    line-height: 1.7;
+    padding-left: 6%;
+}
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Poppins", sans-serif;
+}
+
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    background: url(../Pictures/login-background.jpg) no-repeat;
+    background-size: cover;
+    background-position: center;
+}
+
+.wrapper {
+    width: 420px;
+    background: transparent;
+    border: 2px solid rgba(255, 255, 255, 255, .2);
+    backdrop-filter: blur(20px);
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0, .2);
+    color:#fff;
+    border-radius: 10px;
+    padding: 30px 40px;
+}
+
+.wrapper h1 {
+    font-size: 36px;
+    text-align: center;
+}
+
+.wrapper .input-box {
+    width: 100%;
+    height: 50px;
+
+    margin: 30px 0;
+}
+
+.input-box input {
+    width: 100%;
+    height: 100%;
+    background: transparent;
+    outline: none;
+    border: 2px solid #b5a8a838;
+    border-radius: 40px;
+    font-size: 16px;
+    color: #fff;
+    padding: 20px 45px 20px 20px;
+
+}
+
+.input-box input::placeholder {
+
+    color: #fff;
+}
+
+.input-box i {
+    position: absolute;
+    right: 60px;
+    transform: translateY(120%);
+
+
+}
+
+.wrapper .remember-forgot {
+
+    display: flex;
+    justify-content: space-between;
+    font-size:14.5px;
+    margin: -15px 0 15px;
+}
+
+.remember-forgot label input {
+    accent-color: #fff;
+    margin-right: 3px;
+
+}
+
+.remember-forgot a {
+
+    color: #fff;
+    text-decoration: none;
+}
+
+.remember-forgot a:hover {
+    text-decoration: underline;
+}
+
+ .wrapper .btn {
+    width: 100%;
+    height: 45px;
+    background: #fff;
+    border: none;
+    outline: none;
+    border-radius: 40px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0, .1);
+    cursor: pointer;
+    font-size: 16px;
+    color: #333;
+    font-weight: 600;
+ }
+
+ .wrapper .register-link {
+    font-size: 14.5px;
+    text-align: center;
+    margin: 20px 0 15px;
+ }
+
+ .register-link p a {
+    color: #fff;
+    text-decoration: none;
+    font-weight: 600;
+ }
+
+ .register-link p a:hover {
+    text-decoration: underline;
+ }
diff --git a/Backup/logon_backup.html b/Backup/logon_backup.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+    <link rel="stylesheet" type="text/css" href="../CSS/logon.css">
+    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
+
+
+
+
+</head>
+
+
+
+<body>
+
+    <div class="wrapper">
+        <form action="">
+            <h1>Login</h1>
+            <div class= "input-box">
+                <input type="text" placeholder="Username"
+                required>
+                <i class='bx bxs-user'></i> 
+            </div>
+            <div class="input-box">
+                <input type="password"
+                placeholder="password"
+                required>
+                <i class='bx bxs-lock-alt' ></i>
+            </div>
+
+            <div class="remember-forgot">
+                <label><input type="checkbox"> Remember me</label>
+                <a href="#">Forgot Password?</a>
+            </div>
+
+            <button type="submit" class="btn">Login</button>
+
+            <div class="register-link">
+                <p>Dont have an account? <a href="#">Register</a></p>
+            </div>
+
+        </form>
+    </div>
+
+
+
+
+
+</body>
+
+</html>
diff --git a/CSS/home.css b/CSS/home.css
@@ -0,0 +1,150 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Poppins", sans-serif;
+
+}
+
+body {
+    background: #eaeaea;
+}
+
+.header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    padding: 30px 8%;
+    background: transparent;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    z-index: 100;
+}
+
+.logo {
+    font-size: 25px;
+    color:#222;
+    text-decoration: none;
+    font-weight: 600;
+}
+
+.navbar a {
+    font-size: 18px;
+    color: #222;
+    text-decoration: none;
+    font-weight: 500;
+    margin: 0 20px;
+}
+
+.navbar a:hover,
+.navbar a.active {
+    color: #1743e3;
+}
+
+.social-media {
+    display: flex;
+    justify-content: space-between;
+    width: 150px;
+    height: 40px;
+
+}
+
+.social-media a {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    height: 40px;
+    background: transparent;
+    border: 2px solid transparent;
+    text-decoration: none;
+    transform: rotate(45deg);
+    transition: .8s;
+
+}
+
+.social-media a:hover {
+    border-color: #1743e3;
+    backdrop-filter: blur(10px);
+}
+
+.social-media a i {
+    font-size: 24px;
+    color:#222;
+    transform: rotate(-45deg);
+
+}
+
+.home {
+    position: relative;
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 50px 8% 0;
+    overflow: hidden;
+}
+
+.home-content {
+    font-size: 16px;
+    margin: -229px 0 30px;
+    margin-right: 500px;
+}
+
+.home-content h1 {
+    font-size: 60px;
+}
+
+.home-content h3 {
+    font-size: 20px;
+}
+
+.home-content p {
+    font-size: 16px;
+    padding: 10px 5px 30px;
+}
+
+.btn {
+    display: inline-block;
+    padding: 10px 28px;
+    background: #1743e3;
+    border: 2px solid #1743e3;
+    border-radius: 6px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
+    font-size: 16px;
+    color: #eaeaea;
+    letter-spacing: 1px;
+    text-decoration: none;
+    font-weight: 600;
+    transition: .5s;
+}
+
+.btn:hover {
+    background: transparent;
+    color: #1743e3;
+}
+
+
+
+.home-img{
+    position: relative;
+    right: -7%;
+    width: 450px;
+    height: 450px;
+    transform: rotate(45deg);
+
+}
+
+
+.home-img .rhombus img {
+    position: absolute;
+    top: 76px;
+    left: -613px;
+    max-width: 795px;
+    transform: rotate(-45deg);
+}