Impressum auf allen Seiten eingefügt

This commit is contained in:
Matthias Grief
2024-11-19 15:58:14 +01:00
parent 2a0f3b46d4
commit 040857c3df
6 changed files with 33 additions and 10 deletions

View File

@@ -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);
} }

View File

@@ -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%);
} }

View File

@@ -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">&copy; Horst-Schlämmer-Gedächtnis-Gymnasium</p> <p class="text-gray-600">&copy; Horst-Schlämmer-Gedächtnis-Gymnasium</p>

View File

@@ -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">

View File

@@ -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">&copy; 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>

View File

@@ -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">&copy; 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>