2024-04-19 22:13:16 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2024-05-19 12:06:49 -05:00
|
|
|
<title>My Cool Guestbook!</title>
|
2024-05-20 10:51:59 -05:00
|
|
|
<link rel="stylesheet" href="/css/readable.min.css"</link>
|
2024-05-19 12:06:49 -05:00
|
|
|
<link rel="stylesheet" href="./guestbook.css"</link>
|
2024-04-21 17:58:09 -05:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2024-04-19 22:13:16 -05:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-05-19 12:06:49 -05:00
|
|
|
<header>
|
|
|
|
|
<h1>Guestbook</h1>
|
|
|
|
|
<p>This is a guestbook, made by fbievan</p>
|
|
|
|
|
</header>
|
|
|
|
|
<nav>
|
|
|
|
|
<a href="../index.html">Back Home</a>
|
|
|
|
|
</nav>
|
|
|
|
|
<main>
|
2024-06-09 14:49:18 -05:00
|
|
|
<form action="./restore.php" method="post">
|
2024-05-19 12:06:49 -05:00
|
|
|
<input type="text" name="fname" placeholder="name"></input>
|
|
|
|
|
<input type="text" name="fmessage" placeholder="Message"></input>
|
|
|
|
|
<input type="submit"></input>
|
|
|
|
|
</form>
|
|
|
|
|
<?php
|
|
|
|
|
$data = json_decode(file_get_contents('test.json'), true);
|
|
|
|
|
echo "<div>";
|
|
|
|
|
foreach($data as $post) {
|
|
|
|
|
echo '<section class="guestbookpost">';
|
|
|
|
|
echo "<h4>";
|
|
|
|
|
echo $post["name"] . "<br>";
|
|
|
|
|
echo "</h4>";
|
|
|
|
|
echo '<h4 class="date">';
|
|
|
|
|
echo $post["date"] . "<br>";
|
|
|
|
|
echo "</h4>";
|
|
|
|
|
echo "<p>";
|
|
|
|
|
echo $post["message"] . "<br>";
|
|
|
|
|
echo "</p>";
|
|
|
|
|
echo "</section>";
|
|
|
|
|
}
|
|
|
|
|
echo "</div>";
|
|
|
|
|
|
|
|
|
|
?>
|
2024-04-21 17:58:09 -05:00
|
|
|
</main>
|
2024-05-19 12:06:49 -05:00
|
|
|
<footer>
|
|
|
|
|
I'm cool
|
|
|
|
|
</footer>
|
2024-04-19 22:13:16 -05:00
|
|
|
</body>
|
|
|
|
|
</html>
|
