diff --git a/webseite/assets/css/styles.css b/webseite/assets/css/styles.css new file mode 100644 index 0000000..46efe87 --- /dev/null +++ b/webseite/assets/css/styles.css @@ -0,0 +1,97 @@ +/* styles.css */ + +/* Corporate Design Colors */ +:root { + --primary-color: #5265A0; /* HSGG Blau */ + --secondary-color: #323966; /* Dunkel Blau */ + --background-color: #F3F4F6; /* Gray-50 */ + --text-color: #1F2937; /* Gray-900 */ + --accent-color: #62a1f4; /* Green */ +} + +@tailwind base; +@tailwind components; +@tailwind utilities; + +/* Keyframes and animations */ +@keyframes float { + 0%, 100% { + transform: translateY(0px); + } + 50% { + transform: translateY(-20px); + } +} + +@keyframes blob { + 0%, 100% { + border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; + } + 33% { + border-radius: 72% 28% 30% 70% / 53% 51% 49% 47%; + } + 66% { + border-radius: 38% 62% 63% 37% / 46% 48% 52% 54%; + } +} + +@keyframes pulse { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.05); + } + 100% { + transform: scale(1); + } +} + +/* General styles */ +.card-hover { + transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); +} + +.card-hover:hover { + transform: translateY(-5px) scale(1.02); + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), + 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} + +.gradient-border { + position: relative; + background: linear-gradient(white, white) padding-box, + linear-gradient(45deg, #7C3AED, #F59E0B) border-box; + border: 4px solid transparent; + border-radius: 1rem; +} + +.blob { + animation: blob 7s infinite; + filter: blur(60px); /* Increased blur value */ + background: var(--accent-color); /* Ensure background color is set */ + padding: 50px; +} + +.pulse { + animation: pulse 2s infinite; +} + +.scroll-top.visible { + opacity: 1; +} + +.scroll-top:hover { + transform: translateY(-3px); + box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); +} + +/* Impressum page styles */ +.content { + margin: auto; + padding: 2rem; + background: white; + border-radius: 1rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); +} \ No newline at end of file diff --git a/webseite/assets/images/favicon.ico b/webseite/assets/images/favicon.ico new file mode 100644 index 0000000..b72daea Binary files /dev/null and b/webseite/assets/images/favicon.ico differ diff --git a/webseite/assets/images/hsgg-logo.png b/webseite/assets/images/hsgg-logo.png new file mode 100644 index 0000000..db5151d Binary files /dev/null and b/webseite/assets/images/hsgg-logo.png differ diff --git a/webseite/assets/images/hsgg-logo.svg b/webseite/assets/images/hsgg-logo.svg new file mode 100644 index 0000000..9803603 --- /dev/null +++ b/webseite/assets/images/hsgg-logo.svg @@ -0,0 +1,384 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/webseite/homepage.php b/webseite/homepage.php index 2390e93..981f56d 100644 --- a/webseite/homepage.php +++ b/webseite/homepage.php @@ -5,112 +5,28 @@ Modernes Lernportal + + -
-
-
+
+
@@ -119,12 +35,10 @@
-

- Entdecke deine Lernreise +

+ Willkommen beim
Horst-Schlämmer-Gedächtnis-Gymnasium

-

- Interaktives Lernen für die digitale Generation. Personalisierte Lernpfade, sofortiges Feedback und spielerische Elemente. -

@@ -133,92 +47,35 @@
'#' . $baseColor, - 'secondary' => $secondary, - 'light' => $light - ]; - } - - // Generate colors for each subject foreach ($subjects as $subject) { - $colors = generateColorVariants($subject->color); + // receive number of exercises for all topics of a subject + $numOfExcercises = 0; + foreach ($subject->topics as $topic) { + $numOfExcercises += count($topic->files); + } + ?> -
+
-
)"> - +
+

displayName); ?>

description); ?>

-
-
-
150+
+
+
+
topics)); ?>
+
Themen
+
+
+
Übungen
-
-
12
-
Kapitel
-
-
-
4.8
-
Bewertung
-
-
-
- Aktuelle Einheit: - - Bruchrechnung -
@@ -231,78 +88,15 @@
- -
- diff --git a/webseite/impressum.php b/webseite/impressum.php index bb30aea..6f78e40 100644 --- a/webseite/impressum.php +++ b/webseite/impressum.php @@ -5,30 +5,29 @@ Impressum + - + +
+
+
+
+ -
+

Impressum

Angaben gemäß § 5 TMG: