From cce58ac4c81fbd7e3ea0afa6d2955b350bb31cdd Mon Sep 17 00:00:00 2001
From: Evan Pratten <ewpratten@gmail.com>
Date: Sat, 21 Aug 2021 13:20:38 -0400
Subject: [PATCH] readability changes
---
sass/styles/layout.scss | 23 +++++++++++++++++++++++
templates/section.html | 7 ++++---
2 files changed, 27 insertions(+), 3 deletions(-)
diff --git a/sass/styles/layout.scss b/sass/styles/layout.scss
index c2a1b7e..bcc687b 100644
--- a/sass/styles/layout.scss
+++ b/sass/styles/layout.scss
@@ -13,6 +13,24 @@ p {
}
a {
text-decoration: none;
+
+ &:visited {
+ color: blue;
+ }
+
+ &:hover {
+ color: blueviolet;
+ }
+}
+
+body {
+ margin-bottom: 30px;
+}
+
+.mobile-hidden {
+ @media only screen and (max-width: 650px) {
+ display: none;
+ }
}
.yt-embed {
@@ -76,3 +94,8 @@ a {
}
}
}
+
+.blog-post-li {
+ margin: 0.25em;
+ font-size: 96%;
+}
diff --git a/templates/section.html b/templates/section.html
index 0420c37..87a46ee 100644
--- a/templates/section.html
+++ b/templates/section.html
@@ -28,9 +28,10 @@
{% if section.extra.inject_blog_posts %}
<ul>
-{% for page in section.pages %}
-<li><a href="{{page.path}}">{{page.title}}</a> <span style="color:gray;">({{page.date}})</span></li>
-{% endfor %}
+ {% for page in section.pages %}
+ <li class="blog-post-li"><a href="{{page.path}}">{{page.title}}</a> <span style="color:gray;">({{page.date}})</span>
+ </li>
+ {% endfor %}
</ul>
{% endif %}
{% endblock content %}
\ No newline at end of file