From b115342cacb5c557f3c009d2c0b4107eea6a4a27 Mon Sep 17 00:00:00 2001
From: Promlg1104 <fabianmaerker1104@gmail.com>
Date: Mon, 29 Nov 2021 18:47:26 +0100
Subject: [PATCH] .

---
 assets/seiten/b-waren.html   | 18 ++++++++++++++++--
 assets/seiten/css/design.css |  8 +++-----
 assets/seiten/css/index.css  | 15 ++++++++++++---
 assets/seiten/services.html  | 18 ++++++++++++++++--
 assets/seiten/shop.html      | 16 +++++++++++++++-
 index.html                   | 21 +++++++++++++++++----
 6 files changed, 79 insertions(+), 17 deletions(-)

diff --git a/assets/seiten/b-waren.html b/assets/seiten/b-waren.html
index 140fcfa..23d695e 100644
--- a/assets/seiten/b-waren.html
+++ b/assets/seiten/b-waren.html
@@ -3,7 +3,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="with=device-width, initial-scale=1.0">
         <title>B-Waren Shop</title>
-        <link rel="stylesheet" type="text/css" href="../seiten/css/design.css"/>
+        <link rel="stylesheet" type="text/css" href="./css/design.css"/>
         <link rel="icon" type="image/png" href="../bilder/icon.png">
         <link rel="stylesheet" type="text/css" href="./css/shop.css"/>
     </head>
@@ -21,7 +21,21 @@
             </div>
         </div>
         <div class="seite">
-
+            <!-- Sterne -->
+            <div class="sterne">
+                <section>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </section>
+            </div>
         </div>
     </body>
 </html>
\ No newline at end of file
diff --git a/assets/seiten/css/design.css b/assets/seiten/css/design.css
index 1c8a08d..6ad18b5 100644
--- a/assets/seiten/css/design.css
+++ b/assets/seiten/css/design.css
@@ -28,15 +28,14 @@ body{
     position: fixed;
     top: 0;
     width: 100%;
-    height: 8rem;
-    background: transparent;
+    height: 7rem;
     padding-right: 1.25rem;
     padding-left: 1.25rem;
 }
 
 .menu a{
     float: left;
-    height: 50%;
+    height: 60%;
     display: block;
     color: #f2f2f2;
     text-align: center;
@@ -108,9 +107,8 @@ body{
     top: 45%;
     left: 50%;
     transform: translate(-50%, -50%);
-    height: 100%;
+    height: 105%;
     width: fit-content;
-
 }
 
 /* Hauptseite */
diff --git a/assets/seiten/css/index.css b/assets/seiten/css/index.css
index 233b27b..844501f 100644
--- a/assets/seiten/css/index.css
+++ b/assets/seiten/css/index.css
@@ -26,9 +26,18 @@
 }
 
 #content {
-    position: fixed;
-    height: 100%;
-    min-height: 100%;
     width: 100%;
+    height: 100%;
+    z-index: -1;
+    position: absolute;
+    top: 101%;
+    left: 0;
+    right: 0;
+    
     background-color: #121212;
 }
+
+#down {
+    z-index: 1;
+    position: relative;
+}
\ No newline at end of file
diff --git a/assets/seiten/services.html b/assets/seiten/services.html
index 6737e85..8331e24 100644
--- a/assets/seiten/services.html
+++ b/assets/seiten/services.html
@@ -3,7 +3,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="with=device-width, initial-scale=1.0">
         <title>B-Waren Shop</title>
-        <link rel="stylesheet" type="text/css" href="../seiten/css/design.css"/>
+        <link rel="stylesheet" type="text/css" href="./css/design.css"/>
         <link rel="icon" type="image/png" href="../bilder/icon.png">
         <link rel="stylesheet" type="text/css" href="./css/services.css"/>
     </head>
@@ -21,7 +21,21 @@
             </div>
         </div>
         <div class="seite">
-
+            <!-- Sterne -->
+            <div class="sterne">
+                <section>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </section>
+            </div>
         </div>
     </body>
 </html>
\ No newline at end of file
diff --git a/assets/seiten/shop.html b/assets/seiten/shop.html
index 9aee480..582d68c 100644
--- a/assets/seiten/shop.html
+++ b/assets/seiten/shop.html
@@ -20,6 +20,20 @@
                 <a class="neon-button" href="./login.html"><br>Anmelden<br></a>
             </div>
         </div class="seite">
-
+            <!-- Sterne -->
+            <div class="sterne">
+                <section>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </section>
+            </div>
     </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 6d930a9..aa36629 100644
--- a/index.html
+++ b/index.html
@@ -6,10 +6,25 @@
         <link rel="stylesheet" type="text/css" href="./assets/seiten/css/design.css"/>
         <link rel="stylesheet" type="text/css" href="./assets/seiten/css/index.css"/>
         <link rel="icon" type="image/png" href="./assets/bilder/Logo.png">
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+        <script>
+            $(document).ready(function() {
+                var scroll_position = 0;
+                $(".seite").scroll(function() {
+                    scroll_position = $(this).scrollTop();
+                    if (scroll_position > 20) {
+                        $(".menu").css("background-color", "#121212");
+                    } else {
+                        $(".menu").css("background-color", "transparent");
+                    }
+                    console.log(scroll_position)
+                });
+            });
+        </script>
     </head>
     <body>
         <!-- Menü -->
-        <div class="menu">
+        <div id="menu" class="menu">
             <div class="btn-left">
                 <a class="neon-button " href="./assets/seiten/shop.html"><br>Shop<br></a>
                 <a class="neon-button " href="./assets/seiten/b-waren.html"><br>B-Waren<br></a>
@@ -38,13 +53,11 @@
                 </section>
             </div>
             <!-- Hauptseite -->
-
             <!-- On Top Knopf -->
             <a id="up-btn" href="#top">Nach Oben</a>
-
             <!-- Scroll Down Knopf-->
             <a id="down-btn" href="#content"><img src="./assets/bilder/arrow_down.png"></a>
-
+            <!-- Hauptseiten Content (Text, Bilder, Verknüpfungen,...)-->
             <div id="content">
                 <h1>- Überschrift -</h1>
             </div>