Some design changes

Author: khemarato

_content/monographs/along-the-ancient-silk-routes_hartel-herbert-yaldiz-marianne.md

@@ -22,4 +22,4 @@ pages: 212
 
 > The decision of a Buddhist council in favor of extensive missionary work outside India and the dispatch of monks to Afghanistan and Kashmir launched Buddhism's development into a world religion. Thus, at the beginning of our era, Buddhist monks were wandering as missionaries through Central and Far East Asia.
 
-This is a catalog of a 1982 exhibit at the Metropolitan Museum of Art, with the pieces themselves dating from the 3rd century CE to the 10th century CE and now housed in the collections of the West Berlin State Museums. Also included is a scholastic introduction, giving a background to both the Silk Road and the movement of Buddhist art (and therefore Buddhism itself) through Central and East Asia.
+This is a catalog of a 1982 exhibit at the Metropolitan Museum of Art, with the pieces themselves dating from the 3rd century CE to the 10th century CE and now housed in the collections of the West Berlin State Museums. Also included is a scholarly introduction, giving a background to both the Silk Road and the movement of Buddhist art (and therefore Buddhism itself) through Central and East Asia.

_content/monographs/under-a-white-sky_kolbert-elizabeth.md

@@ -20,7 +20,7 @@ pages: 256
 
 > … a book about people trying to solve problems created by people trying to solve problems
 
-A few case studies of man setting out to fix his environment. 
+A few case studies of humanity setting out to fix the environment. 
 
 By zooming in on tiny fish and out to the entire stratosphere, it beautifully captures the staggering scope of climate change and its challenges.
 In highlighting the scientists and engineers working on it, the book offers a somewhat more hopeful picture of our possible future: less apocalyptic but still incredibly strange.

_includes/content_filelinks.html

@@ -1,23 +1,24 @@
-<div class="content_links">{% if page.collection == "content" and page.external_url %}{% if page.external_url contains "archive.org" and page.category == "monographs" and page.external_url contains "/mode/" %}Read it:{% elsif page.subcat == "podcast" %}Listen:{% elsif page.subcat == "film" or page.subcat == "course" and page.external_url contains "youtu" %}Watch:{% else %}Get it:{% endif %}{% elsif page.collection == "content" and page.drive_links.size > 0 %}Available as:{% endif %}
+<div class="content_links"><div class="intro-text">{% if page.collection == "content" and page.external_url %}{% if page.external_url contains "archive.org" and page.category == "monographs" and page.external_url contains "/mode/" %}Read it:{% elsif page.subcat == "podcast" %}Listen:{% elsif page.subcat == "film" or page.subcat == "course" and page.external_url contains "youtu" %}Watch:{% else %}Get it:{% endif %}{% elsif page.collection == "content" and page.drive_links.size > 0 %}Available as:{% endif %}</div>
+  <div class="the-links">
      {% if include.content.external_url %}{% assign linkfmt = "" %}
         {%- capture linkbody -%}<i class="fa{% if include.content.external_url contains "youtu" %}{% assign linkfmt = "YouTube (link)" %}b fa-youtube"></i> YouTube{% elsif include.content.external_url contains "//www.academia.edu/" %}c-academia"></i>cademia.edu{% assign linkfmt = "Academia.edu" %}{% else %}s fa-{% assign ext = include.content.external_url | slice: -4, 4 %}{% if ext == ".mp3" %}{% assign linkfmt = "mp3" %}file-audio"></i> mp3{% elsif ext == ".zip" %}{% assign linkfmt = "zip" %}file-archive"></i> zip{% elsif ext == ".htm" or ext == "html" %}{% assign linkfmt = "html" %}globe"></i> Online{% elsif include.content.external_url contains "download" or include.content.external_url contains "viewcontent.cgi" or include.content.external_url contains "pdf" %}{% assign linkfmt = "pdf" %}file-pdf"></i> pdf{% else %}{% case include.content.category %}{% when "av" %}{% if page.subcat == "film" %}video{% else %}volume-up{% endif %}{% when "booklets" %}book-open{% when "monographs" %}book-open{% else %}globe{% endcase %}"></i> Online{% endif %}{% endif %}{%- endcapture -%}
-        <a class="btn" {% if include.newtab %}target="_blank"{% endif %} {% include content_link_data_attributes.html content=include.content linktype="Main External URL" linkfmt=linkfmt %} href="{{ include.content.external_url }}"{% for nrh in site.data.content.noreferrerhosts %}{% if include.content.external_url contains nrh %} rel="noreferrer"{% break %}{% endif %}{% endfor %}>{{ linkbody }}</a>
+        <div class="a-link"><a class="btn" {% if include.newtab %}target="_blank"{% endif %} {% include content_link_data_attributes.html content=include.content linktype="Main External URL" linkfmt=linkfmt %} href="{{ include.content.external_url }}"{% for nrh in site.data.content.noreferrerhosts %}{% if include.content.external_url contains nrh %} rel="noreferrer"{% break %}{% endif %}{% endfor %}>{{ linkbody }}</a></div>
     {% endif %}
     {%- if include.content.drive_links.size > 0 -%}
         {%- for link in include.content.drive_links -%}
             {% assign linkfmt = include.content.formats[forloop.index0] %}{% unless linkfmt == "epub" and include.content.file_links[forloop.index0] %}
-            <a class="btn" {% if include.newtab %}target="_blank" {% endif %}{% include content_link_data_attributes.html content=include.content linktype="Google Drive" linkfmt=linkfmt %} href="{{ link }}"><i class="fa{% if link contains "drive.google.com" %}b fa-google-drive{% elsif link contains "play.google.com" %}b fa-google-play{% else %}s fa-globe{% endif %}"></i> {{ linkfmt }}</a>
+            <div class="a-link"><a class="btn" {% if include.newtab %}target="_blank" {% endif %}{% include content_link_data_attributes.html content=include.content linktype="Google Drive" linkfmt=linkfmt %} href="{{ link }}"><i class="fa{% if link contains "drive.google.com" %}b fa-google-drive{% elsif link contains "play.google.com" %}b fa-google-play{% else %}s fa-globe{% endif %}"></i> {{ linkfmt }}</a></div>
         {% endunless %}{%- endfor -%}
     {%- endif -%}
     {% if include.content.file_links.size > 0 %}
         {%- for link in include.content.file_links -%}
             {%- assign bucket = link | split: "/" | first -%}
             {% assign linkfmt = include.content.formats[forloop.index0] %}
-            <a download class="btn" {% if include.newtab %}target="_blank"{% endif %} {% include content_link_data_attributes.html content=include.content linktype="Self-Hosted" linkfmt=linkfmt %} href="{% if bucket == "smallpdfs" %}https://smallpdfs.buddhistuniversity.net/{{ link | remove_first: "smallpdfs/" }}{% elsif bucket == "largefiles" %}https://cfr-cdn.buddhistuniversity.net/{{ link | remove_first: "largefiles/" }}{% else %}{{ site.data.content.filehost | append: link }}{% endif %}"><i class="fas fa-cloud-arrow-down"></i> {{ linkfmt }}</a>
+            <div class="a-link"><a download class="btn" {% if include.newtab %}target="_blank"{% endif %} {% include content_link_data_attributes.html content=include.content linktype="Self-Hosted" linkfmt=linkfmt %} href="{% if bucket == "smallpdfs" %}https://smallpdfs.buddhistuniversity.net/{{ link | remove_first: "smallpdfs/" }}{% elsif bucket == "largefiles" %}https://cfr-cdn.buddhistuniversity.net/{{ link | remove_first: "largefiles/" }}{% else %}{{ site.data.content.filehost | append: link }}{% endif %}"><i class="fas fa-cloud-arrow-down"></i> {{ linkfmt }}</a></div>
         {%- endfor -%}
     {%- endif -%}
     {% if page.source_url %}
-        <a class="btn" href="{{ include.content.source_url }}" {% if include.newtab %}target="_blank"{% endif %} {% include content_link_data_attributes.html content=include.content linktype="Source" linkfmt="" %}><i class="fas fa-route"></i> Origin</a>
+        <div class="a-link"><a class="btn" href="{{ include.content.source_url }}" {% if include.newtab %}target="_blank"{% endif %} {% include content_link_data_attributes.html content=include.content linktype="Source" linkfmt="" %}><i class="fas fa-route"></i> Origin</a></div>
     {% endif %}
     {%- assign showworldcat = false -%}
     {%- unless include.content.source_url or include.content.external_url or include.content.file_links or include.content.drive_links.size > 0 -%}
@@ -28,17 +29,19 @@
         {%- endif -%}
     {%- endunless -%}
     {%- if include.content.excerpt_url -%}
-        {%- if showworldcat -%}<details class="copyright details-reset"><summary>{%- endif -%}
+        <div class="a-link">{%- if showworldcat -%}<details class="copyright details-reset"><summary>{%- endif -%}
         <a class="btn" {% if include.newtab %}target="_blank" {% endif %}href="{{ include.content.excerpt_url }}" {% include content_link_data_attributes.html content=include.content linktype="Preview" linkfmt="html" %}><i class="fas fa-book-reader"></i> Preview</a>
+        {%- unless showworldcat -%}</div>{%- endunless -%}
     {%- endif -%}
     {%- if showworldcat -%}
-        {%- unless include.content.excerpt_url -%}<details class="copyright details-reset"><summary>{%- endunless -%}
+        {%- unless include.content.excerpt_url -%}<div class="a-link"><details class="copyright details-reset"><summary>{%- endunless -%}
         {%- capture authors -%}{% include content_authors_string.html content=include.content %}{%- endcapture -%}
         {% assign authors = authors | strip_html | strip | cgi_escape %}
             <a class="btn" {% include content_link_data_attributes.html content=include.content linktype="WorldCat" linkfmt="WorldCat" %} href="https://www.worldcat.org/{% if include.content.oclc %}oclc/{{ include.content.oclc }}{% else %}search?q=ti%3A{{ include.content.title | markdownify | strip_html | strip | cgi_escape }}{% if authors %}+au%3A{{ authors }}{% endif %}{% if include.content.category == 'monographs' %}&fq=x0%3Abook+%3E+ln%3Aeng{% endif %}&qt=advanced{% endif %}"><i class="fas fa-binoculars"></i> WorldCat&trade;</a>
             <i class="far fa-question-circle"></i>
         </summary><div>
             <i class="far fa-copyright"></i> This fine, Copyrighted work cannot be shared {% if include.content.excerpt_url %}in its entirety{% else %}directly{% endif %}, however WorldCat&trade; can help you find a copy at a nearby library{% if include.content.category == 'monographs' %} or wherever you get books{% endif %}.
-        </div></details>
+        </div></details></div>
     {%- endif -%}
+  </div>
 </div>

_layouts/content.html

@@ -20,9 +20,9 @@
 
 <article class="content-perma">
 
-  <header class="post-header">
+  <header class="post-header" style="margin-bottom: 12px;"><div>
     <script>window.topic_category="{{ page.course | default: 'archive' }}";</script>
-    <div class="back"><a href="/content/">Content</a> / <a href="/content/{{ page.category }}/">{{ category.title }}</a> /</div>
+    <div class="back"><a href="/content/">Content</a>&nbsp;/ <a href="/content/{{ page.category }}/">{{ category.title }}</a>&nbsp;/</div>
     {%- if page.olid -%}
     <img src="https://buddhistuniversity.net/assets/imgs/covers/{{ page.olid }}.jpg" alt="the book cover">
     {%- elsif page.image -%}
@@ -35,6 +35,7 @@
     {%- if dlink.size == 28 or dlink.size == 33 or dlink.size == 44 -%}
     <img src="https://drive.google.com/thumbnail?authuser=0&sz=h500&id={{ dlink }}" onerror="this.remove()">
     {%- endif -%}{%- endif -%}{%- endif -%}
+    </div><div class="content-information">
     {% assign title = page.title | markdownify | remove: '<p>' | remove: '</p>' | split: ": " %}
     <h1 class="post-title">{% if page.subcat %}{% include content_icon.html category=page.category subcat=page.subcat %} {% endif %}{{ title | first }}
     {%- if title.size > 1 -%}<span style="color:transparent">: </span><div class="post-subtitle">{{ title | shift | join: ": " }}</div>{%- endif -%}</h1>
@@ -58,8 +59,11 @@ <h2 class="author">Read by {% if reader %}<a href="{{ reader.url }}">{{ reader.t
             {% endif %}</div>
         </details>
     </div>{% endunless %}
+    <div class="download-info">
     {% include content_filelinks.html content=page %}
-    {% include content_size.html content=page %}
+    <div>{% include content_size.html content=page %}</div>
+    </div>
+  </div>
  </header>
   <div class="post-content">
         {% if page.category == "av" and page.external_url contains "youtu" or page.file_links[0] or page.embedded_html %}{% unless page.external_url contains "list" %}

_layouts/tag.html

@@ -12,11 +12,11 @@
 {% for pslug in page.parents %}
     {% assign parent = alltags | find: "slug", pslug %}
     {% unless parent %}{% continue %}{% endunless %}
-    {% capture plink %}<a href="{{ parent.url }}">{{ parent.title }}</a>{% endcapture %}
+    {% capture plink %}<a href="{{ parent.url }}">{{ parent.title | replace: " ", "&nbsp;" }}</a>{% endcapture %}
     {% assign parents = parents | push: plink %}
 {% endfor %}
 {% unless page.banner_info %}
-<div class="back"><a href="/tags" style="font-size: 130%;">Topical Bibliographies</a> / {% if parents.size > 0 %}{{ parents | join: ", " }} / {% endif %}</div>
+<div class="back"><a href="/tags" style="font-size: 130%;">Topical Bibliographies</a>&nbsp;/ {% if parents.size > 0 %}{{ parents | join: ", " }}&nbsp;/ {% endif %}</div>
 {% endunless %}
 <h1 class="post-title{% if page.banner_info %} overlay-into-banner{% endif %}">{{ page.title | escape }}</h1>
 {% assign course = site.courses | find: "slug", page.slug %}

_sass/nimitta.scss

@@ -341,6 +341,8 @@ p, li {
 
 .back {
     font-family: $base-font-family;
+    text-indent: -1em;
+    padding-left: 1em;
 }
 
 header.post-header, div.post-content {
@@ -515,12 +517,28 @@ h1.overlay-into-banner {
     padding-right: 20%;
 }
 
-.content_links a {
-    font-family: $ui-font-family;
+.content_size {
+  text-wrap-mode: nowrap;
 }
 
-.content_links .btn {
-    padding: 5px 14px 8px;
+.content_links {
+    display: inline-flex;
+    .intro-text {
+        padding-right: 0.5em;
+        text-align: center;
+        margin-top: auto;
+        margin-bottom: auto;
+        text-wrap-mode: nowrap;
+    }
+    .the-links {
+        display: inline-flex;
+        flex-wrap: wrap;
+        place-content: start; // Used by the content tables (elsewhere?) Overridden in featured content list (below) and on content-perma pages
+        gap: 0.5em;
+    }
+    a {
+        font-family: $ui-font-family;
+    }
 }
 
 main header.post-header {
@@ -598,8 +616,9 @@ div.featured_content_list {
     .content_links {
         text-align: end;
         margin-top: 10px;
-        a.btn {
-            margin-bottom: 10px;
+        margin-bottom: 10px;
+        .the-links {
+            place-content: end;
         }
     }
 }

_tags/things.md

@@ -2,16 +2,24 @@
 title: "Things"
 status: unpublished
 parents: [wider]
-illustration: https://illeakyw.sirv.com/Images/tags/NASA_astronaut_Scott_Kelly_corrals_the_supply_of_fresh_fruit_that_arrived_on_HTV-5.jpg
-illustration_height: 1704
+# illustration: https://illeakyw.sirv.com/Images/tags/NASA_astronaut_Scott_Kelly_corrals_the_supply_of_fresh_fruit_that_arrived_on_HTV-5.jpg
+# illustration_height: 1704
+# illustration_width: 2560
+# illustration_center_x: 58%
+# illustration_center_y: 35%
+# illustration_caption: >-
+#  Astronaut Scott Kelly wrangles fresh fruit as it arrives on the International Space Station on the 25th of August, 2015.
+#  Fresh fruit is a rare and welcome treat aboard the ISS, where they cannot grow food.
+#  Around him, various tools and equipment are velcroed to the walls to keep them in place.<br>
+#  (Photo by <a href="https://commons.wikimedia.org/wiki/File:NASA_astronaut_Scott_Kelly_corrals_the_supply_of_fresh_fruit_that_arrived_on_HTV-5.jpg">NASA</a>)
+illustration: https://illeakyw.sirv.com/Images/tags/Tlatelolco_Marketplace.JPG
+illustration_height: 1920
 illustration_width: 2560
-illustration_center_x: 58%
-illustration_center_y: 35%
+illustration_center_x: 55%
+illustration_center_y: 100%
 illustration_caption: >-
-  Astronaut Scott Kelly wrangles fresh fruit as it arrives on the International Space Station on the 25th of August, 2015.
-  Fresh fruit is a rare and welcome treat aboard the ISS, where they cannot grow food.
-  Around him, various tools and equipment are velcroed to the walls to keep them in place.<br>
-  (Photo by <a href="https://commons.wikimedia.org/wiki/File:NASA_astronaut_Scott_Kelly_corrals_the_supply_of_fresh_fruit_that_arrived_on_HTV-5.jpg">NASA</a>)
+  A set of clay figurines at <a href="https://en.wikipedia.org/wiki/Field_Museum_of_Natural_History">The Field Museum of Chicago</a> depicts the bustling market square of pre-Columbian Tlatelolco.
+  (Photo by <a href="https://commons.wikimedia.org/wiki/File:Tlatelolco_Marketplace.JPG">Joe Ravi</a>, <a href="https://creativecommons.org/licenses/by-sa/3.0">CC BY-SA 3.0</a>)
 image: https://illeakyw.sirv.com/Images/banners/Seattle_-_Viet_Nam_Buddhist_Temple_offerings_01.jpg
 image_width: 2592
 image_height: 1944

_tags/wider.md

@@ -12,11 +12,11 @@ big_height: 2308
 image_center_x: 70%
 image_center_y: 85%
 footer_info: <a href="https://commons.wikimedia.org/wiki/File:Tanguar_haor,_Bangladesh_01.jpg">Abdul Momin</a>, <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0</a>
-illustration: https://buddhistuniversity.net/imgs/tags/tags/salt_production.jpg
+illustration: https://illeakyw.sirv.com/Images/tags/salt_production.jpg
 illustration_height: 675
 illustration_width: 1200
-illustration_center_x: 14%
-illustration_center_y: 30%
+illustration_center_x: 15%
+illustration_center_y: 38%
 illustration_caption: >-
   Workers collect salt in <i>đòn gánh</i> baskets under a cloudy sunset in Ninh Hòa, Vietnam in May 2014.
   The salt is collected from <a href="https://en.wikipedia.org/wiki/Salt_evaporation_pond">evaporated sea water</a> in one of the many clever tricks humans use to extract useful substances from their environment.

assets/css/content-perma.scss

@@ -3,6 +3,23 @@
 
 @import "support";
 
+article.content-perma {
+    @media (min-width: 475px) {
+        header:has(img) {
+            display: flex;
+        }
+    }
+    .content-information {
+        margin: auto;
+        padding-left: 1rem;
+        padding-top: 0.1lh;
+    }
+}
+
+article.content-perma .post-content {
+    display: block;
+}
+
 article.content-perma h1.post-title {
     font-size: 39px;
     margin-bottom: 4px;
@@ -85,13 +102,24 @@ article.content-perma iframe {
 }
 
 article.content-perma header img {
-    margin-bottom: 20px;
-    margin-left: 0px;
+    border: 1px solid $grey-color-light;
     @extend %olcoverimg;
 }
 
+div.download-info {
+    display: flex;
+    align-items: center;
+}
+
 div.content_links {
-  display: inline-block;
+    padding: 8px;
+    border-radius: 8px;
+    background-color: $banner-color;
+    color: white;
+
+    div.the-links {
+        place-content: space-evenly;
+    }
 }
 
 .content_size {
@@ -112,9 +140,7 @@ div.content_links {
         padding-left: 13px;
     }
     div {
-        border: 1px solid gray;
         padding: 5px;
-        background-color: #EEF0FC;
         border-radius: 3px;
         font-size: 96%;
     }