diff --git a/content/home.php b/content/home.php index 4ce7dfc..58e0993 100644 --- a/content/home.php +++ b/content/home.php @@ -1,19 +1,5 @@ getArticle(1); - $dummy2 = $articleManager->getArticle(2); - $dummy3 = $articleManager->getArticle(3); -} catch (Exception $e){ - $_SESSION["message"] = "internal_error"; - echo "Fehler aufgetreten: " . $e->getMessage(); -} +include_once 'php/controller/home-controller.php'; ?> - -
- - -
+
+
+ +
- + -

+

-
+
- Von: + Von:
- -
+ +
-
+
- + -
-
Tags:
-
+
+
Tags:
+
- +
+
diff --git a/css/showArticle.css b/css/showArticle.css index 2521ff9..ca3b40a 100644 --- a/css/showArticle.css +++ b/css/showArticle.css @@ -1,5 +1,5 @@ -/* Container für den gesamten Artikel */ -.art-view-container { +/* Container für den gesamten articleikel */ +.article-view-container { box-sizing: border-box; max-width: 900px; /* Angenehme Lesebreite für längere Texte */ margin: 3rem auto; @@ -9,19 +9,19 @@ line-height: 1.6; } -.art-view-container * { +.article-view-container * { box-sizing: border-box; } /* --- KOPFDATEN-BEREICH --- */ -.art-view-top-section { +.article-view-top-section { margin-bottom: 2.5rem; border-bottom: 1px solid #e2e8f0; padding-bottom: 1.5rem; } /* Kategorie-Badge */ -.art-view-category { +.article-view-category { display: inline-block; background-color: #ebf8ff; color: #2b6cb0; @@ -35,7 +35,7 @@ } /* Hauptüberschrift */ -.art-view-title { +.article-view-title { font-size: 2.5rem; color: #1a202c; line-height: 1.2; @@ -44,28 +44,28 @@ } /* Autoren-Zeile */ -.art-view-meta { +.article-view-meta { font-size: 0.95rem; color: #4a5568; } -.art-view-author strong { +.article-view-author strong { color: #2d3748; } /* --- INHALT --- */ -.art-view-content { +.article-view-content { margin-bottom: 3rem; } -.art-view-body { +.article-view-body { font-size: 1.125rem; color: #2d3748; white-space: pre-line; } /* --- TAG-BEREICH --- */ -.art-view-bottom-section { +.article-view-bottom-section { border-top: 1px solid #e2e8f0; padding-top: 1.5rem; display: flex; @@ -73,7 +73,7 @@ gap: 0.5rem; } -.art-view-tags-label { +.article-view-tags-label { font-size: 0.9rem; font-weight: 600; color: #718096; @@ -81,14 +81,14 @@ letter-spacing: 0.05em; } -.art-view-tags-list { +.article-view-tags-list { display: flex; flex-wrap: wrap; gap: 0.5rem; } /* Einzelner Tag */ -.art-view-tag-item { +.article-view-tag-item { background-color: #f1f5f9; color: #475569; font-size: 0.85rem; @@ -99,20 +99,20 @@ transition: background-color 0.2s, color 0.2s; } -.art-view-tag-item:hover { +.article-view-tag-item:hover { background-color: #e2e8f0; color: #1e293b; cursor: default; } -/* Responsive Anpassungen unter 760px (für z.B. Smartphones) */ +/* Responsive Anpassungen unter 760px (für z.B. Smarticlephones) */ @media (max-width: 760px) { - .art-view-container { + .article-view-container { margin: 1.5rem auto; padding: 0 1rem; } - .art-view-title { + .article-view-title { font-size: 1.85rem; } } diff --git a/php/controller/home-controller.php b/php/controller/home-controller.php new file mode 100644 index 0000000..517c079 --- /dev/null +++ b/php/controller/home-controller.php @@ -0,0 +1,17 @@ +getArticle(1); + $dummy2 = $articleManager->getArticle(2); + $dummy3 = $articleManager->getArticle(3); +} catch (Exception $e){ + $_SESSION["message"] = "internal_error"; + echo "Fehler aufgetreten: " . $e->getMessage(); +} +?> \ No newline at end of file