some more design fixes

Author: khemarato

_config.yml

@@ -23,6 +23,7 @@ baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://buddhist-uni.github.io" # the base hostname & protocol for your site, e.g. http://example.com
 google_analytics: UA-159403467-1
 github_username:  buddhist-uni
+tinyletter_username: buddhist-uni
 header_pages: [courses.md, library.md, blog.md, about.md]
 timezone: "Asia/Bangkok"
 

_includes/social.html

@@ -0,0 +1,5 @@
+<ul class="social-media-list">
+  {%- if site.tinyletter_username -%}<li><a href="https://tinyletter.com/{{ site.tinyletter_username | cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/tinyletter-icon.svg#theicon' | relative_url }}"></use></svg> <span class="username" style="font-style: italic; font-family: Georgia, Times, serif;">TinyLetter</span></a></li>{%- endif -%}
+  {%- if site.github_username -%}<li><a href="https://github.com/{{ site.github_username| cgi_escape | escape }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#github' | relative_url }}"></use></svg> <span class="username">GitHub</span></a></li>{%- endif -%}
+  {%- if site.rss -%}<li><a href="{{ 'feed.xml' | relative_url }}"><svg class="svg-icon"><use xlink:href="{{ '/assets/minima-social-icons.svg#rss' | relative_url }}"></use></svg> <span>{{ site.rss | escape }}</span></a></li>{%- endif -%}
+</ul>

_layouts/content.html

@@ -116,7 +116,7 @@ <h2 class="author">Read by {% if reader %}<a href="{{ reader.url }}">{{ reader.t
             One of the best works in existence{% if tags %} on {% else %}.{% endif %}
         {% endcase %}
         {% if tags %}{{ tags | array_to_sentence_string: joiner }}.{% endif %}
-      <i>See <a href="{% link tags.md %}">all of our tags here</a>.
+      <i>See <a href="{% link tags.md %}">all of our tags here</a>.</i>
     </p>
 
     {% if page.course %}

_layouts/post.html

@@ -0,0 +1,26 @@
+---
+layout: default
+---
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
+
+  <header class="post-header">
+    <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+    <p class="post-meta">
+      Sent on 
+      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+        {{ page.date | date: date_format }}</time>.
+        For the latest, <a href="https://tinyletter.com/buddhist-uni">subscribe here</a>.
+    </p>
+  </header>
+
+  <div class="post-content e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  {%- if site.disqus.shortname -%}
+    {%- include disqus_comments.html -%}
+  {%- endif -%}
+
+  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
+</article>

_sass/frontpage.scss

@@ -35,8 +35,20 @@
     padding-bottom: 0px;
 }
 
-.frontpage div.herotext {
+.frontpage h1, .frontpage p {
     text-align: center;
+}
+
+.frontpage .welcome h1 {
+    letter-spacing: -2px;
+    margin-bottom: 6px;
+}
+
+.frontpage .page-content {
+    padding-top: 10px;
+}
+
+.frontpage div.herotext {
     max-width: 30em;
     margin-left: auto;
     margin-right: auto;
@@ -70,7 +82,11 @@
 }
 
 .frontpage footer.site-footer p {
-    color: #aaa;
+    color: #A8A8A8;
+}
+
+.frontpage footer.site-footer .social-media-list svg {
+    fill: white;
 }
 
 .frontpage footer.site-footer li {

_sass/nimitta.scss

@@ -42,6 +42,16 @@ figure figcaption {
     }
 }
 
+// Fix a couple rediculous bugs in the Minima theme
+.site-header {
+    z-index: 2;
+}
+
+.social-media-list .svg-icon {
+    padding: 0;
+    margin-right: 5px;
+}
+
 .site-nav {
     @include media-query($on-palm) {
         right: initial;

assets/tinyletter-icon.svg

@@ -12,8 +12,8 @@
 
     <main class="page-content" aria-label="Content">
       <div class="wrapper">
-        <h1><a href="{% link _posts/2020-03-13-welcome.md %}">Welcome to the Open Buddhist University</a></h1>
-        <p>A place to chill and learn about Buddhism.</p>
+        <div class="welcome"><h1><a href="{% link _posts/2020-03-13-welcome.md %}">Welcome to the Open Buddhist University</a></h1>
+        <p>A place to chill and learn about Buddhism.</p></div>
         <h2>What kind of learning do you prefer?</h2>
 
 <div class="learning_styles"><ul>
@@ -25,7 +25,7 @@ <h2>What kind of learning do you prefer?</h2>
   <li onclick="location.href='/tags/';">
     <div class="ls_name"><a href="/tags/">Self-Guided</a></div>
     <div class="ls_icon"><i class="fas fa-boxes"></i></div>
-    <div class="ls_desc">Explore our <a href="/library/">library</a> of interesting material gathered from <a href="{% link sources.md %}">around the web</a>.</div>
+    <div class="ls_desc">Explore our <a href="/library/">library</a> of material gathered from <a href="{% link sources.md %}">around the web</a>.</div>
   </li>
 </ul></div>