~zethra/my-website: Switch to time tag and adjust article line height and margins

3 files changed, 10 insertions(+), 5 deletions(-)

M sass/main.scss
M templates/base.html
M templates/blog_post.html

M sass/main.scss => sass/main.scss +7 -2

@@ 8,7 8,7 @@ body {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  max-width: 900px;
+  max-width: 920px;
   margin: 0 auto;
   padding: 0 1rem;
 }


@@ 45,11 45,16 @@ hr {
   width: 100%;
 }
 
-.date {
+time {
   color: #c7c7c7;
   margin: 0.5rem 0;
 }
 
+article {
+  line-height: 1.3;
+  max-width: 720px;
+}
+
 .prompt {
   font-family: $font-mono;
   font-weight: 500;

M templates/base.html => templates/base.html +1 -1

@@ 38,4 38,4 @@
     </footer>
 </body>
 
-</html>>
\ No newline at end of file
+</html>

M templates/blog_post.html => templates/blog_post.html +2 -2

@@ 3,8 3,8 @@
 
 {% block content %}
 <h1>{{ page.title }}</h1>
-<p class="date">Post published: {{ page.date }}</p>
+<time datetime="{{ page.date }}">Post published: {{ page.date }}</time>
 <article>
     {{ page.content | safe }}
 </article>
-{% endblock content %}>
\ No newline at end of file
+{% endblock content %}