notwendiges_laden.js eingebunden

master
Jasmin Weise 2023-06-06 12:25:51 +02:00
parent 108fb5041e
commit b81a8a0bf7
1 changed files with 46 additions and 65 deletions

View File

@ -5,53 +5,51 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="device=device-width, initial-scaling=1"/> <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="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"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Candle Bibliothek | Über Uns</title> <title>Candle Bibliothek | Suchergebnisse</title>
<link rel="icon" href="pictures/candle.png"> <link rel="icon" href="pictures/candle.png">
<script src="notwendiges_laden.js" defer></script>
</head> </head>
<body> <body>
<header> <header id="header"></header>
<h1 class="kopf" >
<br><br> <!------------------------------------------------------------------------->
Bibliothek <a href="index.html" id="bildID"> <img id="CandleID" src="pictures/candle.png" alt="Bild von einer Kerze"
width="200" height="192"/> </a>
<br><br> Candle
</h1>
<div>
<a id="uberuns" href="uberuns.html">Über Uns</a>
<a id="buecher" href="buecher.php">Bücher</a>
<a id="meinebuecher" href="anmelden_meinebuecher.php">Meine Bücher</a>
<a id="abmelden" href="abmelden.php">Abmelden</a>
<form action="">
<input class="suchleiste" type="search" placeholder="Suche..." >
<button type="submit" id="buttonID" class="searchButton"><i class="fa fa-search"></i> </button>
</form>
<a id="erweitertesuche" href="erweitertesuche.html">Erweiterte Suche</a>
<a href="anmelden.php" id="warenKorbID"> <img id="shoppingCard" src="pictures/einkaufswagen.png" alt="Bild von einem Wagen"
width="50" height="50"/> </a>
</div>
</header>
<div class="homepage"> <div class="homepage">
<img src="pictures/sidecandle.png" id="sidecandle" alt="sidecandle"> <img src="pictures/sidecandle.png" id="sidecandle" alt="sidecandle">
<p class="p2"> <p class="p2">
<span id="titlebraun"><strong> &Uuml;ber uns</strong></span> <span id="titlebraun"><strong> &Uuml;ber uns</strong></span>
<br><br> <br><br>
In einer Zeit, die von Digitalisierung dominiert wird, werden immer mehr physische In einer Zeit, die von Digitalisierung dominiert wird,
Medien in digitale Systeme integriert. <br> Auch wenn dieses Phänomen auf den ersten Blick nur positiv erscheint, werden immer mehr physische
zieht es auch große Nachteile mit sich. So ist zum Beispiel nicht jeder Mensch in der finanziellen Lage, Medien in digitale Systeme integriert.
sich die nötigen technischen Geräte zu leisten. <br>Selbst wenn die Technik vorhanden ist, kann oder will nicht jeder damit umgehen, <br>
manche haben vielleicht sogar gesundheitliche Probleme, die es Ihnen nicht ermöglichen, Auch wenn dieses Phänomen auf den ersten Blick
für längere Zeit auf einem Bildschirm zu schauen. <br> nur positiv erscheint, zieht es auch große Nachteile mit sich.
Unsere Bibliothek Candle hat es sich deshalb zum Ziel gesetzt, Bücher in einem greifbaren Zustand anzubieten. So ist zum Beispiel nicht jeder Mensch in der finanziellen Lage,
Ob „Hamlet“, „Harry Potter“ oder „Der große Gatsby“, bei uns kommt jeder Bücherwurm auf den Geschmack. 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> </p>
</div> </div>
<!------------------------------------------------------------------------->
<!--Link JS file--> <!--Link JS file-->
<script src="burgerIcon.js"></script> <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--> <!--If it was small and got big,
it calls the function only one time and doesn't do it all the time-->
<script> <script>
var widthissue = false; var widthissue = false;
window.addEventListener("resize", function(event) { window.addEventListener("resize", function(event) {
@ -60,29 +58,12 @@
unset() unset()
} }
else if(window.innerWidth < 800) widthissue = true; else if(window.innerWidth < 800) widthissue = true;
}) })
</script> </script>
<nav id="activeid" class="active"> <nav id="activeid" class="active"></nav>
<div class="navLinks">
<input class="nav-toggleclass"id="nav-toggle" type="checkbox" onclick="openNav()";>
<label for="nav-toggle" class="icon-burger" >
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</div>
</nav>
<footer id="footer" class="fuss" ></footer>
<footer class="fuss" >
<div>
<a id="impressum" href="impressum.html">Impressum</a>
<a id="kontakt" href="kontakt.html">Kontakt</a>
<a id="datenschutz" href="datenschutz.html">Datenschutz</a>
</div>
</footer>
</body> </body>
</html> </html>