From dcb2e9000457016571560ff41277b1e976630bbc Mon Sep 17 00:00:00 2001
From: Rahmat Subekti <rahmatsubekti@live.com>
Date: Sat, 4 Jul 2020 00:03:32 +0700
Subject: fix some styling

---
 themes/the-roots-home/assets/_scss/base.scss     | 14 ++++++++++----
 themes/the-roots-home/assets/_scss/layout.scss   | 12 ++++++++++--
 themes/the-roots-home/assets/_scss/media.scss    | 20 ++++++++++++++++----
 themes/the-roots-home/layouts/partials/head.html |  3 +++
 themes/the-roots-home/layouts/partials/math.html |  6 ++++++
 5 files changed, 45 insertions(+), 10 deletions(-)
 create mode 100644 themes/the-roots-home/layouts/partials/math.html

diff --git a/themes/the-roots-home/assets/_scss/base.scss b/themes/the-roots-home/assets/_scss/base.scss
index 3f12da8..3bbfaea 100755
--- a/themes/the-roots-home/assets/_scss/base.scss
+++ b/themes/the-roots-home/assets/_scss/base.scss
@@ -28,7 +28,10 @@
    max-width: $content-width;
  }
  
- 
+ hr{
+   border: 1px dashed #828282;
+   margin: 25px 0;
+ }
  
  /**
   * Set `margin-bottom` to maintain vertical rhythm
@@ -132,6 +135,7 @@
   * Blockquotes
   */
  blockquote {
+   font-family: serif;
    color: $grey-color;
    border-left: 4px solid $grey-color-light;
    padding-left: $spacing-unit / 2;
@@ -154,7 +158,6 @@
    @include relative-font-size(0.9375);
    border: 1px solid #d4d4d4;
    border-radius: 2px;
-   background-color: #eee4d0;
  }
  
  code {
@@ -198,7 +201,10 @@
  /**
   * Icons
   */
- 
+  .emoji {
+    font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
+  }
+
  .svg-icon {
      width: 16px;
      height: 16px;
@@ -223,7 +229,7 @@
    margin-bottom: $spacing-unit;
    width: 100%;
    text-align: $table-text-align;
-   color: lighten($text-color, 18%);
+   color: darken($text-color, 9%);
    border-collapse: collapse;
    border: 1px solid $grey-color-light;
    tr {
diff --git a/themes/the-roots-home/assets/_scss/layout.scss b/themes/the-roots-home/assets/_scss/layout.scss
index 2e33f56..e828ca8 100644
--- a/themes/the-roots-home/assets/_scss/layout.scss
+++ b/themes/the-roots-home/assets/_scss/layout.scss
@@ -144,13 +144,11 @@
     }
   
     h2 {
-      border-bottom: 1px dotted $grey-color-light;
       @include relative-font-size(1.1);
       font-weight: bold;
     }
   
     h3 {
-      border-bottom: 1px dotted $grey-color-light;
       font-weight: bold;
       @include relative-font-size(1.075);
     }
@@ -163,4 +161,14 @@
   article~.pagination{
     padding: $spacing-unit 0;
     border-top: 1px dashed $grey-color-light;
+  }
+
+  .__h_instagram.card {
+    font-size: 14px;
+    border: 1px solid #bfbaba;
+    padding: 10px 0;
+    background: #fff;
+    .card-link{
+      padding-left: 16px;
+    }
   }
\ No newline at end of file
diff --git a/themes/the-roots-home/assets/_scss/media.scss b/themes/the-roots-home/assets/_scss/media.scss
index 9f92460..c01f010 100644
--- a/themes/the-roots-home/assets/_scss/media.scss
+++ b/themes/the-roots-home/assets/_scss/media.scss
@@ -1,18 +1,30 @@
 @include media-query($on-laptop) {
     .post-title{
-        @include relative-font-size(1.55);
+        @include relative-font-size(1.65);
     }
     .post-content {
+        h1 {
+            @include relative-font-size(1.80);
+        }
+
         h2 {
-            @include relative-font-size(1.25);
+            @include relative-font-size(1.40);
         }
     
         h3 {
-            @include relative-font-size(1);
+            @include relative-font-size(1.20);
         }
     
         h4 {
-            @include relative-font-size(.9);
+            @include relative-font-size(1.05);
+        }
+    
+        h5 {
+            @include relative-font-size(.98);
+        }
+    
+        h6 {
+            @include relative-font-size(.82);
         }
     }
 
diff --git a/themes/the-roots-home/layouts/partials/head.html b/themes/the-roots-home/layouts/partials/head.html
index 271d574..7a899f6 100644
--- a/themes/the-roots-home/layouts/partials/head.html
+++ b/themes/the-roots-home/layouts/partials/head.html
@@ -31,4 +31,7 @@
     {{ hugo.Generator}}
     <script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
     <script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
+
+    {{ partial "math.html" . }}
+
 </head>
diff --git a/themes/the-roots-home/layouts/partials/math.html b/themes/the-roots-home/layouts/partials/math.html
new file mode 100644
index 0000000..050d7fc
--- /dev/null
+++ b/themes/the-roots-home/layouts/partials/math.html
@@ -0,0 +1,6 @@
+{{ if or .Params.math .Site.Params.math }}
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
+<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
+    onload="renderMathInElement(document.body);"></script>
+{{ end }}
\ No newline at end of file
-- 
cgit v1.2.3