Update layout

nntrn · Sep 26, 2024 · 2100c7b · 2100c7b
1 parent cb984cc
commit 2100c7b
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 16 deletions.
diff --git a/_includes/docs.css b/_includes/docs.css
@@ -15,4 +15,5 @@ q:before{content:""}
 .smaller{font-size:.9em}
 .muted{color:#a9a9a9}
 .sans-serif{font-family:var(--bs-font-sans-serif)}
-a{text-decoration-skip-ink:none}
+a{text-decoration-skip-ink:none}
+.pre{white-space:pre}
diff --git a/_includes/postlist.html b/_includes/postlist.html
@@ -6,7 +6,7 @@ <h5>Other posts in <a class="fs-6" href="{{pagetag|relative_url}}">{{pagetag|upc
   {%- for book in books %}
     <li class="text-muted">
     {%- if book.slug == page.slug %}
-      <u>{{book.title}}</u>
+      <u class="fw-bold text-dark">{{book.title}}</u>
     {%- else %}
       <a title="{{book.count}} bookmark{%- if book.count > 1 -%}s{%- endif-%}" href="{{book.permalink|relative_url}}">{{book.title}}</a>
     {%- endif -%}

diff --git a/_includes/theme.css b/_includes/theme.css
@@ -18,4 +18,4 @@
 
 @media (min-width:900px){
 body>.container{max-width:80%;margin:0 auto}
-}
+}
diff --git a/_layouts/book.html b/_layouts/book.html
@@ -20,7 +20,7 @@ <h3 class="h5">{{page.author}}</h3>
     </span>
   </div>
   <hr>
-  <section class="d-flex gap-3">
+  <section class="d-flex gap-3 flex-grow-1">
     <div class="chapters d-flex flex-column gap-3">
     {%- for chapter in chapters %}
     {%- assign sortedchapteritems = chapter.items | sort: "cfi" %}

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -27,10 +27,6 @@
   <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" id="ttop">
@@ -45,10 +41,9 @@ <h1 class="site-title my-0 mb-2"><a href="{{ '/' | relative_url }}">{{site.title
   </header>
   <main id="top">
   {{ content }}
-  <div class="py-1 text-end"><a href="#top">[TOP]</a></div>
   <footer class="d-flex flex-column gap-3 py-4">
     <hr>
-    <div class="d-flex flex-wrap justify-content-between align-content-center align-items-center">
+    <div class="d-flex flex-wrap justify-content-between align-content-center align-items-center gap-2">
       <div>
       Created by <a href="https://github.com/{{site.repository}}">@{{site.github_username}}</a>. 
       Copyright {{ site.time | date: '%Y' }}
@@ -62,11 +57,6 @@ <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
@@ -18,7 +18,7 @@ <h2 id="{{books.name|slugify:'latin'}}" class="mt-4 mb-3">{{books.name|replace:"
   {%- assign statcount = site.data.stats.bookmarks_per_month[books.name]  %}
   <tr data-genre="{{book.tags}}" data-created="{{book.created}}" data-author="{{book.author}}" data-count="{{book.count}}">
     <th data-level="2" class="pb-3">
-      <time>{{book.created|date: '%F'}}</time><br><a class="small muted text-decoration-none fw-normal sans-serif" href="{{book.tags}}">{{book.tags}}</a>
+      <time class="pre">{{book.created|date: '%F'}}</time><br><a class="small muted text-decoration-none fw-normal sans-serif" href="{{book.tags}}">{{book.tags}}</a>
     </th>
     <td class="pb-3">
       <h4 class="h6"><a href="./{{book.tags}}/{{book.slug}}.html">{{book.title}}</a></h4>