Add top button

nntrn · Sep 24, 2024 · f99a6eb · f99a6eb
1 parent dafd016
commit f99a6eb
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 13 deletions.
diff --git a/_includes/docs.css b/_includes/docs.css
@@ -13,6 +13,6 @@ q:before{content:""}
 .toc a:hover:after{text-decoration:none;border:0;content:attr(title);position:absolute;right:1.5rem;background:#fff;padding:2px 4px;z-index:1;font-size:.8rem}
 .mark q{background:var(--bs-highlight-bg)}
 .smaller{font-size:.9em}
-.muted{color:#aaa}
+.muted{color:#a9a9a9}
 .sans-serif{font-family:var(--bs-font-sans-serif)}
 a{text-decoration-skip-ink:none}
diff --git a/_includes/theme.css b/_includes/theme.css
@@ -7,7 +7,7 @@
 [data-layout=serif] {
   font-family: times, serif;
   line-height: 1.3;
-  font-size: 14px
+  font-size: 15px
 }
 
 [data-layout=sans-serif] {

diff --git a/_layouts/book.html b/_layouts/book.html
@@ -14,7 +14,7 @@ <h3 class="h5">{{page.author}}</h3>
   <div class="d-flex flex-sm-wrap gap-1">
     <span>{{annotations.size}} annotation{% if annotations.size > 1 %}s{%- endif -%}</span>
     <span class="accent">&bull;</span>
-    <span style="--gap:3px" class="gap flex">
+    <span style="--gap:5px" class="gap d-flex">
       <span title="Created">{{pagecreated}}</span>
       {%- if pagemodified != pagecreated -%}<span>&ndash;</span><span title="Modified">{{pagemodified}}</span>{%- endif %}
     </span>
@@ -32,7 +32,7 @@ <h3 class="h4" id="{{chapter.name | slugify: 'latin'}}">{{chapter.name|replace:'
           <div class="small d-flex text-uppercase gap mt-1" style="--gap:3px">
             <a class="fw-semibold" href="#{{annotation.id}}">#{{annotation.id}}</a>
             <span>&bull;</span>
-            <time class="text-muted">{{annotation.created|date:'%b %-d %Y %-I:%M%p'}}</time>
+            <time class="muted">{{annotation.created|date:'%b %-d %Y %-I:%M%p'}}</time>
           </div>
         </li>
         {%- endfor %}

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -4,7 +4,7 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
   <meta charset="UTF-8">
-  <title>{{page.title|default:site.title}}</title>
+  <title>{{page.title|default:"✨"}} | {{site.title}}</title>
   <link rel="canonical" href="{{ page.url | absolute_url }}" />
   <link rel="icon" href="{{site.favicon_ico|relative_url}}" type="image/x-icon">
   <meta name="description" content="{{site.description}}" />
@@ -27,12 +27,16 @@
   <meta name="twitter:description" content="{{ page.description | default: site.description }}">
   <link rel="stylesheet" href="{{'/assets/vendor/bootstrap.css'|relative_url}}">
   <link rel="stylesheet" href="{{'/assets/minimal.css'|relative_url}}">
+  <style>
+  #btn-top{display:block;position:fixed;right:1rem;top:1rem;color:#aaa}
+  #btn-top:hover{background:#eee}
+  </style>
 </head>
 <body data-layout="{{site.font_family}}">
-<div class="container">
+<div class="container" id="ttop">
   <header class="mt-2 mb-4">
     <h1 class="site-title my-0 mb-2"><a href="{{ '/' | relative_url }}">{{site.title}}</a></h1>
-    <div class="d-flex gap-2 smaller">
+    <div class="d-flex gap-3 smaller">
     {%- for link in site.links %}
       <a class="text-dark" href="{{ site.baseurl }}/{{link}}">{{link}}</a>
     {%- endfor %}
@@ -58,6 +62,11 @@ <h1 class="site-title my-0 mb-2"><a href="{{ '/' | relative_url }}">{{site.title
       </div>
     </div>
   </footer>
+  <a id="btn-top" href="#ttop">
+    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 16 16" fill="currentColor">
+      <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm8.5 9.5a.5.5 0 0 1-1 0V5.7L5.4 8a.5.5 0 1 1-.8-.8l3-3a.5.5 0 0 1 .8 0l3 3a.5.5 0 0 1-.8.8L8.5 5.7z"/>
+    </svg>
+  </a>
   </main>
 </div>
 <script>

diff --git a/_pages/feed.html b/_pages/feed.html
@@ -9,7 +9,9 @@
   {%- for books in books_by_date %}
   {%- assign list = books.items|sort:'created'|reverse %}
   <tr>
-    <th data-level="1"><h2 id="{{books.name|slugify:'latin'}}" class="my-0">{{books.name|replace:"-"," "|capitalize}}</h2></th>
+    <th data-level="1">
+      <h2 id="{{books.name|slugify:'latin'}}" class="mt-4 mb-3">{{books.name|replace:"-"," "|capitalize}}</h2>
+    </th>
     <td></td>
   </tr>
   {%- for book in list %}

diff --git a/scripts/group.sh b/scripts/group.sh
@@ -37,7 +37,7 @@ jq 'map(
 jq -n --unbuffered env &>/dev/null
 
 echo '---
-title: Reading Activity
+title: activity
 layout: default
 permalink: /activity
 ---
@@ -52,11 +52,8 @@ li p strong{color:#000;font-weight:700;font-size:.95rem}
 li p{margin:0 0;padding-bottom:.25rem}
 ul{list-style-type:disc}
 li,ul{color:#666}
-h2{font-size:1.4rem;text-align:right;margin-right:10%;border-bottom:2px dotted gray;margin:2rem 0;padding:0 .5rem}
+h2{font-size:1.4rem;margin-right:10%;border-bottom:2px dotted gray;margin:2rem 0}
 </style>
-
-# Reading Activity 
-
 '
 
 jq -r --slurpfile books $DATADIR/books.json '($books[] |