Impressum auf allen Seiten eingefügt
This commit is contained in:
@@ -8,7 +8,6 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
display: flex;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -373,4 +372,4 @@ body {
|
|||||||
.topic-card:hover {
|
.topic-card:hover {
|
||||||
transform: translateY(-5px) scale(1.01);
|
transform: translateY(-5px) scale(1.01);
|
||||||
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
@@ -7,7 +7,6 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
display: flex;
|
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -163,7 +162,7 @@ body {
|
|||||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 1024px) {
|
||||||
.sidebar {
|
.sidebar {
|
||||||
transform: translateX(-100%);
|
transform: translateX(-100%);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,7 +12,9 @@
|
|||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-gray-50">
|
|
||||||
|
|
||||||
|
<body class="bg-gray-50 min-h-screen">
|
||||||
<!-- Animated background blobs -->
|
<!-- Animated background blobs -->
|
||||||
<div class="fixed inset-0 -z-10 overflow-hidden">
|
<div class="fixed inset-0 -z-10 overflow-hidden">
|
||||||
<div class="blob absolute w-96 h-96 bg-sky-300/30 -top-48 -left-16"></div>
|
<div class="blob absolute w-96 h-96 bg-sky-300/30 -top-48 -left-16"></div>
|
||||||
@@ -88,7 +90,7 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer class="fixed bottom-0 w-full bg-white/80 backdrop-blur-lg shadow-sm p-5">
|
<footer class="sticky top-[100vh] w-full bg-white/80 backdrop-blur-lg shadow-sm p-5">
|
||||||
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
||||||
<div class="flex justify-between">
|
<div class="flex justify-between">
|
||||||
<p class="text-gray-600">© Horst-Schlämmer-Gedächtnis-Gymnasium</p>
|
<p class="text-gray-600">© Horst-Schlämmer-Gedächtnis-Gymnasium</p>
|
||||||
|
|||||||
@@ -27,7 +27,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="content mt-24 max-w-7xl mx-auto">
|
<div class="content mt-24 max-w-7xl mx-[16px] xl:mx-auto">
|
||||||
<h1 class="text-3xl font-bold text-gray-900 mb-6">Impressum</h1>
|
<h1 class="text-3xl font-bold text-gray-900 mb-6">Impressum</h1>
|
||||||
<p class="text-gray-600 mb-4">Angaben gemäß § 5 TMG:</p>
|
<p class="text-gray-600 mb-4">Angaben gemäß § 5 TMG:</p>
|
||||||
<p class="text-gray-600 mb-4">
|
<p class="text-gray-600 mb-4">
|
||||||
|
|||||||
@@ -28,7 +28,9 @@ $topics = $subjectData->topics;
|
|||||||
<script src="assets/js/sidebar.js"></script>
|
<script src="assets/js/sidebar.js"></script>
|
||||||
<script src="assets/js/search.js"></script>
|
<script src="assets/js/search.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
|
||||||
|
<body class="min-h-screen">
|
||||||
|
|
||||||
<nav class="sidebar bg-[<?php echo($subjectData->color); ?>]">
|
<nav class="sidebar bg-[<?php echo($subjectData->color); ?>]">
|
||||||
<div class="sidebar-header">
|
<div class="sidebar-header">
|
||||||
@@ -124,6 +126,15 @@ $topics = $subjectData->topics;
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Code injected by live-server -->
|
<footer class="sticky top-[100vh] lg:ms-[280px] w-full lg:w-auto bg-white/80 backdrop-blur-lg shadow-sm p-5">
|
||||||
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<p class="text-gray-600">© Horst-Schlämmer-Gedächtnis-Gymnasium</p>
|
||||||
|
<p><a href="impressum.php"
|
||||||
|
class="text-[var(--primary-color)] hover:text-[var(--accent-color)]">Impressum</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -33,7 +33,9 @@ if (!isset($topicData)) {
|
|||||||
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
||||||
<script src="assets/js/sidebar.js"></script>
|
<script src="assets/js/sidebar.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
|
|
||||||
|
<body class="min-h-screen">
|
||||||
|
|
||||||
<button class="menu-toggle fixed top-4 left-4 z-50 bg-white h-12 w-12 border-2 p-1 hover:border-[<?php echo($subjectData->color); ?>]">
|
<button class="menu-toggle fixed top-4 left-4 z-50 bg-white h-12 w-12 border-2 p-1 hover:border-[<?php echo($subjectData->color); ?>]">
|
||||||
<i class="fas fa-bars"></i>
|
<i class="fas fa-bars"></i>
|
||||||
@@ -110,5 +112,15 @@ if (!isset($topicData)) {
|
|||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<footer class="sticky top-[100vh] lg:ms-[280px] w-full lg:w-auto bg-white/80 backdrop-blur-lg shadow-sm p-5">
|
||||||
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
||||||
|
<div class="flex justify-between">
|
||||||
|
<p class="text-gray-600">© Horst-Schlämmer-Gedächtnis-Gymnasium</p>
|
||||||
|
<p><a href="impressum.php"
|
||||||
|
class="text-[var(--primary-color)] hover:text-[var(--accent-color)]">Impressum</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user