Skip to content
Snippets Groups Projects
Commit c482e7b0 authored by Silas Meister's avatar Silas Meister
Browse files

Show article on separate page

parent 8e902533
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
php/Index.php
+ 1
− 1
View file @ c482e7b0
...@@ -40,7 +40,7 @@ class Index extends Page { ...@@ -40,7 +40,7 @@ class Index extends Page {
$news[] = new News($title, $imgurl, $content); $news[] = new News($title, $imgurl, $content);
} }
$resultSet->close(); $resultSet->free();
return $news; return $news;
} }
......
php/NewsArticle.html 0 → 100644
+ 26
− 0
View file @ c482e7b0
<!DOCTYPE html>
<html lang="de">
<head>
<title>News Article</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" style="text/css" href="../styles.css" />
</head>
<body>
<header class="news-article-header">
<h1>Europe Wants Ideas for Cave-Spelumking Moon Robots</h1>
</header>
<main class="news-article-main">
<div class="news-article-image-container">
<img src="../img/astronaut.jpg" />
</div>
<p class="news-article-content">dfg sfgggggggfsdfsdfsdfsdfsdfth.</p>
</main>
<footer class="news-article-footer">
<h4><a href="Index.php">Back to NASA page</a></h4>
</footer>
</body>
</html>
\ No newline at end of file
php/NewsArticle.php
+ 24
− 2
View file @ c482e7b0
...@@ -56,11 +56,33 @@ class NewsArticle extends Page ...@@ -56,11 +56,33 @@ class NewsArticle extends Page
$data = $this->getViewData(); $data = $this->getViewData();
$this->generatePageHeader('News Article'); $this->generatePageHeader('News Article');
var_dump($data); $title = "";
$imgurl = "";
$content = "";
if (count($data) !== 0) {
$title = $data[self::TITLE];
$imgurl = $data[self::IMGURL];
$content = $data[self::CONTENT];
}
echo <<<EOT echo <<<EOT
<body> <body>
<header></header> <header class="news-article-header">
<h1>$title</h1>
</header>
<main class="news-article-main">
<div class="news-article-image-container">
<img src="$imgurl" />
</div>
<p class="news-article-content">$content</p>
</main>
<footer class="news-article-footer">
<h4><a href="Index.php">Back to NASA page</a></h4>
</footer>
</body> </body>
EOT; EOT;
......
styles.css
+ 37
− 2
View file @ c482e7b0
...@@ -140,7 +140,6 @@ a { ...@@ -140,7 +140,6 @@ a {
display: block; display: block;
word-wrap: break-word; word-wrap: break-word;
white-space: pre-wrap; white-space: pre-wrap;
background-color: blue;
} }
.admin-button a { .admin-button a {
...@@ -451,7 +450,7 @@ main { ...@@ -451,7 +450,7 @@ main {
height: 100%; height: 100%;
} }
/* admin.html Page */ /* Admin.php */
.admin-header, .login-header { .admin-header, .login-header {
text-align: center; text-align: center;
...@@ -529,6 +528,42 @@ main { ...@@ -529,6 +528,42 @@ main {
border-radius: 0.1rem; border-radius: 0.1rem;
} }
/* NewsArticle.php */
.news-article-header {
font-size: 1rem;
text-align: center;
}
.news-article-main {
margin: 0;
padding: 0;
width: 100%;
}
.news-article-main > .news-article-image-container {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}
.news-article-image-container > img {
width: 20rem;
}
.news-article-main > .news-article-content {
display: block;
font-size: 1.1rem;
padding: 0.5rem;
margin: 0;
}
.news-article-footer {
font-size: 0.9rem;
text-align: center;
width: 100%;
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment