From 0fe33b59fd02b8de0c794c749037235e1ed13a06 Mon Sep 17 00:00:00 2001 From: Kat Inskip Date: Sun, 7 Apr 2024 12:26:22 -0700 Subject: [PATCH] feat: handle images and also make the site more responsive and accessible --- _includes/head.liquid | 1 + _layouts/article.liquid | 2 +- _layouts/default.liquid | 2 +- stylesheet.sass | 7 ++++++- 4 files changed, 9 insertions(+), 3 deletions(-) diff --git a/_includes/head.liquid b/_includes/head.liquid index e422a35..d0fa934 100644 --- a/_includes/head.liquid +++ b/_includes/head.liquid @@ -1,6 +1,7 @@ dork.dev - {{ page.title }} + \ No newline at end of file diff --git a/_layouts/article.liquid b/_layouts/article.liquid index e3ee8f0..0d15f65 100644 --- a/_layouts/article.liquid +++ b/_layouts/article.liquid @@ -1,5 +1,5 @@ - + {% include "head.liquid" %} diff --git a/_layouts/default.liquid b/_layouts/default.liquid index a781a20..95f6d64 100644 --- a/_layouts/default.liquid +++ b/_layouts/default.liquid @@ -1,5 +1,5 @@ - + {% include "head.liquid" %} diff --git a/stylesheet.sass b/stylesheet.sass index 9f9afe6..0ebc5a5 100644 --- a/stylesheet.sass +++ b/stylesheet.sass @@ -17,13 +17,18 @@ body /* Center the container within the viewport */ margin: 0 auto /* Give the lines an adequate amount of room to breathe. */ - line-height: 1.4em + line-height: 1.4 h1, h2, h3 /* More contrast with the headers than the main text */ color: #111 +img + /* Make sure that the images do not overflow the body */ + max-width: 100% + /* Make sure that the images are not too tall as to be annoying */ + max-height: 50ch /* We want the footer to be like two columns, where the right columns are also right-aligned and the columns grow to share the space sanely. */