Datei neu erstellt

Probleme mit Dateiname behoben notwendiges_laden.js eingebunden
2023-06-06 12:28:17 +02:00 · 2023-06-06 12:28:17 +02:00 · 3c3ca63332
parent 7db7b9e44a
commit 3c3ca63332
1 changed files with 69 additions and 0 deletions
--- a/uberuns.html
+++ b/uberuns.html
@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta lang="de"/>
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="device=device-width, initial-scaling=1"/>
+        <link rel="Stylesheet" type="text/css" href="style.css"/>
+        <link rel="Stylesheet" type="text/css" href="suchergebnisse.css"/>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+        <title>Candle Bibliothek | Suchergebnisse</title>
+        <link rel="icon" href="pictures/candle.png">
+        <script src="notwendiges_laden.js" defer></script>
+    </head>
+    <body>
+        <header id="header"></header>
+
+    <!------------------------------------------------------------------------->
+
+        <div class="homepage">
+            <img src="pictures/sidecandle.png" id="sidecandle" alt="sidecandle">
+            <p class="p2">
+                <span id="titlebraun"><strong> &Uuml;ber uns</strong></span>
+                <br><br>
+                In einer Zeit, die von Digitalisierung dominiert wird, 
+                werden immer mehr physische 
+                Medien in digitale Systeme integriert.
+                <br>
+                Auch wenn dieses Phänomen auf den ersten Blick 
+                nur positiv erscheint, zieht es auch große Nachteile mit sich. 
+                So ist zum Beispiel nicht jeder Mensch in der finanziellen Lage, 
+                sich die nötigen technischen Geräte zu leisten.
+                <br>
+                Selbst wenn die Technik vorhanden ist, 
+                kann oder will nicht jeder damit umgehen, 
+                manche haben vielleicht sogar gesundheitliche Probleme, 
+                die es Ihnen nicht ermöglichen, 
+                für längere Zeit auf einem Bildschirm zu schauen.
+                <br>
+                Unsere Bibliothek Candle hat es sich deshalb zum Ziel gesetzt, 
+                Bücher in einem greifbaren Zustand anzubieten. 
+                Ob „Hamlet“, „Harry Potter“ oder „Der große Gatsby“, 
+                bei uns kommt jeder Bücherwurm auf den Geschmack.  
+
+            </p>
+        </div> 
+
+    <!------------------------------------------------------------------------->
+
+    <!--Link JS file-->
+    <script src="burgerIcon.js"></script>
+    <!--If it was small and got big, 
+        it calls the function only one time and doesn't do it all the time-->
+    <script>
+        var widthissue = false;
+        window.addEventListener("resize", function(event) {
+            if(window.innerWidth > 800 && widthissue) {
+                widthissue = false
+                unset()
+            } 
+            else if(window.innerWidth < 800) widthissue = true;
+        })
+    </script>
+   
+    <nav id="activeid" class="active"></nav>
+   
+    <footer id="footer" class="fuss" ></footer>
+    
+    </body>
+</html>