Update heading style

_includes/style.css

@@ -8,31 +8,35 @@ footer p,header h1{padding-left:var(--px-size);padding-right:var(--px-size)}
 footer p{border-top:1px solid #222;padding-top:1rem}
 main{gap:2rem;position:relative;padding-left:var(--px-size);padding-right:var(--px-size);width:100%;scrollbar-width:thin;overflow-y:scroll;min-height:75vh;margin-top:calc(var(--px-size)/4);margin-bottom:0}
 article{flex:3}
+a{color:#36c}
+a:hover{text-decoration-color:#36c}
+a{text-decoration:1.25px underline;text-decoration-skip-ink:none;text-underline-offset:1px;text-rendering:geometricprecision;color:#36c;text-decoration-color:#3366cc61}
 aside .container{border-right:1px dotted #222;min-height:75vh}
 aside{flex:1;min-width:25vw}
 aside a,aside u{text-underline-offset:1.25px;text-decoration-skip-ink:none;text-decoration-thickness:1.2px}
 aside a:hover{color:#222}
 aside h4 a{font-family:sans-serif;font-size:.9em}
 aside strong{font-weight:700;display:block;line-height:1.1}
-h1,h2,h3,h4{margin:0 0}
+h1,h3{margin:0 0}
 h1 a{color:#222}
 h1,h2,h3{font-family:times}
-h3 a{text-transform:capitalize;text-decoration:none;color:initial}
+h3 a{text-transform:capitalize;text-decoration:none;color:initial;font-size:1.3rem}
 hr{border:0;border-bottom:1px solid #222;margin:1rem 0}
 label span:empty{display:none}
 label{display:block;line-height:1.2}
-ol,ul{padding:0 1.35rem}
+c ol,ul{padding:0 1.35rem}
 q:after,q:before{content:""}
 q{white-space:pre-wrap}
 table{line-height:1.3;border-collapse:collapse;width:95%}
-td h3{margin-top:1rem;margin-bottom:.5rem}
+.toc-header{margin-top:1rem;margin-bottom:.5rem}
+.toc-header a{color:inherit;text-decoration:none}
 td,th{vertical-align:top;padding-top:.25rem;padding-bottom:.25rem}
 td.flex{padding-left:.75rem}
-th date{white-space:pre}
+th date{white-space:pre;font-weight:400;color:#8e8e8e}
 th{text-align:right;min-width:30%;padding-right:.5rem;border-right:1px solid #aaa}
 tr{line-height:1.2}
 ul.list{padding:0 0rem;list-style:none;padding-right:1rem}
-ul{display:flex;flex-direction:column;gap:.5rem;padding:0 2rem;padding-right:1rem}
+ol,ul{display:flex;flex-direction:column;gap:.5rem;padding:0 2rem;padding-right:1rem}
 ul>li{padding:0 .4rem}
 .bookmark .meta{font-size:.8rem;color:#aaa;text-transform:uppercase;font-family:sans-serif;font-variant:proportional-nums}
 .bookmark a{text-decoration:none}
@@ -53,10 +57,12 @@ ul>li{padding:0 .4rem}
 .meta a{color:gray;font-weight:700}
 .meta{margin-top:.25rem}
 .wrap{flex-wrap:wrap}
+td label{font-size:.95em}
 .related .container{padding-right:1rem}
 .toc li{height:calc((var(--length)/ var(--total)) * 100%)}
 [data-count]:after{content:attr(data-count);margin-left:.35rem;font-size:.9em;opacity:.3;display:inline}
 [id]>a:hover:after{content:"#";color:#aaa}
+.site-title a{text-decoration-color:#e4e4e7;text-underline-offset:2px;text-decoration-thickness:2px;font-family:courier new;font-weight:500;letter-spacing:-1px;font-size:.9em}
 section .toc{max-height:60vh;position:sticky;top:0;list-style:none;padding:0 0;/*! margin:0 .01rem; */gap:.25rem}
 section .toc li{position:relative;line-height:.9;font-size:.9em;padding:0 0;display:flex}
 section .toc li a{color:#222;white-space:pre;text-align:center;padding:0 4px}
@@ -65,7 +71,6 @@ section .toc li a{color:#222;white-space:pre;text-align:center;padding:0 4px}
 #burger~aside .container{position:sticky;top:0;max-height:75vh;overflow-y:scroll;scrollbar-width:thin;scroll-behavior:smooth}
 #burger.show{opacity:.25}
 @media (max-width:750px){
-main{padding-right:unset}
 aside .container{min-height:20vh}
 main>.flex{display:flex;flex-direction:column}
 :root{--px-size:1rem}

index.md

@@ -9,12 +9,12 @@ layout: default
 {%- for books in books_by_genre %}
 {%- assign list = books.items | sort: 'created' |reverse %}
   <tr><td colspan="2">
-    <h3 id="{{books.name}}"><a href="{{books.name}}">{{books.name| replace: "-", " " |capitalize}}</a></h3>
+    <h2 class="toc-header" id="{{books.name}}"><a href="{{books.name}}">{{books.name| replace: "-", " " |capitalize}}</a></h2>
     </td></tr>
   {%- for book in list %}
   <tr>
     <th width="15%"><date>{{book.created|date_to_string}}</date></th>
-    <td width="" class="flex col gap"><a href="{{site.baseurl}}/{{book.tags}}/{{book.slug }}.html">{{book.title}}</a><label><span data-label="author">{{book.author}}</span> &bull; <span data-label="count">{{book.count}}</span></label></td>
+    <td width="" class="flex col gap"><strong><a href="{{site.baseurl}}/{{book.tags}}/{{book.slug }}.html">{{book.title}}</a></strong><label><span data-label="author">{{book.author}}</span> &bull; <span data-label="count">{{book.count}}</span></label></td>
   </tr>
   {%- endfor %}
 {%- endfor -%}