figbert.com-website

commit 5e98d24e73cca14e7ee717764a7711ed4d51863f
parent ff4f3d7f9020a4c0b6e2ceda6f6ee9c665e59930
Author: FIGBERT <figbert@figbert.com>
Date:   Tue, 14 Jun 2022 13:01:33 -0700

Style section lists

Diffstat:
M
static/css/global.css
 | 
22
+++++++++++++++++++---
M
templates/section.html
 | 
12
++++++++++--

2 files changed, 29 insertions(+), 5 deletions(-)
diff --git a/static/css/global.css b/static/css/global.css
@@ -1,7 +1,7 @@
 :root {
   --background-color: #212121;
   --text-color: #f5f5f5;
-  --secondary-color: #5c5c5c;
+  --secondary-color: #bababa;
   --link-color: #8e60a7;
 
   font-family: vistaserv, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
@@ -23,15 +23,15 @@ header {
 
 main {
   width: 75%;
+  font-size: 105%;
 }
 
 p {
-  font-size: 105%;
   margin-top: 0;
 }
 
 a {
-  color: var(--text-color);
+  color: inherit;
 }
 
 a:hover, a:focus {
@@ -52,3 +52,19 @@ h4 > a, h5 > a, h6 > a {
 video, picture, img {
   width: 100%;
 }
+
+#section-title {
+  font-weight: normal;
+  font-size: inherit;
+}
+
+#section-list {
+  list-style: none;
+  margin: 0;
+  padding-left: 1.5rem;
+}
+
+.summary {
+  color: var(--secondary-color);
+  font-size: 90%;
+}
diff --git a/templates/section.html b/templates/section.html
@@ -1,8 +1,16 @@
 {% extends "index.html" %}
 {% block content %}
-      <ul class="date-list">
+      <h2 id="section-title">{{ section.title }}</h2>
+      <ul id="section-list">
       {% for page in section.pages %}
-        <li><a href="{{ page.permalink | safe }}">{{ page.title | safe }}</a> {{ page.date | date(format="%B %d, %Y") }}</li>
+        <li>
+          <a href="{{ page.permalink }}">{{ page.title }}</a>
+          {% if page.summary %}
+          <div class="summary">{{ page.summary | safe }}</div>
+          {% else %}
+          <p class="summary">{{ page.description }}</p>
+          {% endif %}
+        </li>
       {% endfor %}
       </ul>
 {% endblock content %}