{% for post in posts %} {% else %}
No posts yet. Create one!
{% endfor %}<html>
<head><title>{{ post['title'] }}</title></head>
<body style="font-family: Arial; background: #0f172a; color: #f8fafc; margin: 40px;">
<h1>{{ post['title'] }}</h1>
<p>{{ post['content'] }}</p>
<a href="/">← Back</a>
</body>
</html>
<html>
<head>
<title>Create Post</title>
<style>
body {font-family: Arial; background: #0f172a; color: #f8fafc; margin: 40px;}
input, textarea {width: 100%; padding: 10px; margin-top: 8px; border-radius: 6px; border: none;}
textarea {height: 200px;}
.btn {background: #67e8f9; color: black; padding: 8px 14px; border-radius: 6px; margin-top: 8px;}
</style>
</head>
<body>
<h1>New Post</h1>
<form method="post">
<input name="title" placeholder="Post title" required><br>
<textarea name="content" placeholder="Write your content here..." required></textarea><br>
<button type="submit" class="btn">Publish</button>
</form>
<a href="/">← Back</a>
</body>
</html>