figbert.com-website

commit c70461b1f0ccc37b08120e63fc8f9092e0778ccc
parent efbf21ba86a35e8551769596ae96b106c63af14d
Author: FIGBERT <figbert@figbert.com>
Date:   Tue, 19 Dec 2023 23:12:19 -0800

Use class instead of id for repeated elements

Diffstat:
M
static/global.css
 | 
4
++--
M
templates/reading.html
 | 
6
+++---
M
templates/section.html
 | 
4
++--

3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/static/global.css b/static/global.css
@@ -94,14 +94,14 @@ small {
   transition: opacity .1s linear;
 }
 
-#section-list {
+.section-list {
   list-style: none;
   margin: 0;
 
   padding-inline-start: 0;
 }
 
-#section-title {
+.section-title {
   text-decoration: none;
 }
 
diff --git a/templates/reading.html b/templates/reading.html
@@ -10,12 +10,12 @@
           {{ subsection.content | safe }}
         {% endif %}
         {% for page in subsection.pages %}
-          <ul id="section-list">
+          <ul class="section-list">
             <li>
               {% if subsection.extra is not containing("no_link") %}
-                <a href="{{ page.permalink }}" id="section-title">{{ page.extra.book }}</a>
+                <a href="{{ page.permalink }}" class"section-title">{{ page.extra.book }}</a>
               {% else %}
-                <span id="section-title">{{ page.extra.book }}</span>
+                <span class="section-title">{{ page.extra.book }}</span>
               {% endif %}
               <div class="summary">
                 By: {{ page.extra.author }} <br/>
diff --git a/templates/section.html b/templates/section.html
@@ -3,10 +3,10 @@
       {% if section.content %}
       {{ section.content | safe }}
       {% endif %}
-      <ul id="section-list">
+      <ul class="section-list">
       {% for page in section.pages %}
         <li>
-          <a href="{{ page.permalink }}" id="section-title">{{ page.title }}</a>
+          <a href="{{ page.permalink }}" class="section-title">{{ page.title }}</a>
           {% if page.summary %}
           <div class="summary">{{ page.summary | safe }}</div>
           {% else %}