css and posts

2026-01-25 20:28:13 -05:00
parent 552cad6b4a
commit a2ce84707d
18 changed files with 264 additions and 173 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,17 +4,19 @@
 	<link rel="stylesheet" href="/static/style.css"
 	<meta charset="utf-8"/>
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Jeremy Janella</title>
 </head>
 <body>
 	<header>
-		<nav>
+		<nav id="navbar">
 			<ul>
-				<li>Posts</li>
-				<li>Contact</li>
+				<li><a class="hover-underline" href="/">Home</a></li>
+				<li><a class="hover-underline" href="/posts">Posts</a></li>
+				<!-- <li><a>Contact</a></li> -->
 			</ul>
 		</nav>
  	</header>
-    <div style="padding: auto">
+    <div style="padding-top: 3rem" class="content">
        {% block body %}{% endblock %}
    </div>
 </body>
--- a/templates/post-preview.html
+++ b/templates/post-preview.html
@@ -1,4 +1,7 @@
-<div>
-    <h2>{{ post.title }}</h2>
-    {{ post.summary }}
-</div>
+<a href="/posts/{{ post.slug }}">
+    <div class="postpreview">
+        <h2>{{ post.title }}</h2>
+        <img src="{{ post.preview_image }}">
+        {{ post.summary }}
+    </div>
+</a>
--- a/templates/post.html
+++ b/templates/post.html
@@ -2,8 +2,6 @@

 {% block body %}

-{{ title|safe }}
-
 {{ content|safe }}

 {% endblock %}
--- a/templates/posts.html
+++ b/templates/posts.html
@@ -3,7 +3,7 @@
 {% block body %}


-<div id="posts-grid">
+<div class="content">
    {% for post in posts %}
        {% include "post-preview.html" %}
    {% endfor %}