md content ui adjust, prism.js yaml, toml, bash, shell added

assets/js/zzo.js

@@ -188,4 +188,14 @@ $(document).ready(function() {
       $('html').css('overflow-y', 'visible');
     }
   });
+
+  // markdown table
+  const tables = document.querySelectorAll('.single__contents > table');
+  for (let i = 0; i < tables.length; i++) {
+    const table = tables[i];
+    const wrapper = document.createElement('div');
+    wrapper.className = 'table-wrapper';
+    table.parentElement.replaceChild(wrapper, table);
+    wrapper.appendChild(table);
+  }
 });

assets/sass/components/_bio.scss

@@ -20,9 +20,6 @@
       @include flexbox();
       @include align-items(center);
       @include justify-content(center);
-      @include themify($themes) {
-        background-color: themed('avatar-background-color');
-      }
     }
   }
 

assets/sass/components/_summary.scss

@@ -1,9 +1,9 @@
 .summary-card {
-  @for $i from 1 through 8 {
+  // @for $i from 1 through 8 {
-    &:nth-child(#{$i}) {
+  //   &:nth-child(#{$i}) {
-      @include animation('slide-in-down-2 .3s #{$i * .15}s 1 ease both');
+  //     @include animation('slide-in-down-2 .3s #{$i * .15}s 1 ease both');
-    }
+  //   }
-  }
+  // }
 
   margin: 0 0.5rem;
   padding: 0 0.5rem;
@@ -83,11 +83,11 @@
 }
 
 .summary-classic {
-  @for $i from 1 through 13 {
+  // @for $i from 1 through 13 {
-    &:nth-child(#{$i}) {
+  //   &:nth-child(#{$i}) {
-      @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
+  //     @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
-    }
+  //   }
-  }
+  // }
 
   padding: 0 1rem;
   .title {
@@ -163,11 +163,11 @@
 }
 
 .summary-compact {
-  @for $i from 1 through 20 {
+  // @for $i from 1 through 20 {
-    &:nth-child(#{$i}) {
+  //   &:nth-child(#{$i}) {
-      @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
+  //     @include animation('slide-in-left .25s #{$i * .15}s 1 ease both');
-    }
+  //   }
-  }
+  // }
 
   padding: 0 1rem;
   &__flexbox {

assets/sass/pages/_single.scss

@@ -10,7 +10,7 @@
     line-height: 3rem;
     overflow-wrap: break-word;
 
-    @include animation('slide-in-down .3s .1s 1 ease both');
+    //@include animation('slide-in-down .3s .1s 1 ease both');
     @include themify($themes) {
       color: themed("single-header-title-color");
     }
@@ -20,7 +20,7 @@
     font-size: 0.8rem;
     @include flexbox();
     @include align-items(center);
-    @include animation('slide-in-down .3s .4s 1 ease both');
+    //@include animation('slide-in-down .3s .4s 1 ease both');
 
     @include respond-to(sm) {
       @include flexbox();
@@ -33,16 +33,19 @@
   }
 
   &__contents {
-    @include animation('slide-in-down-3 .3s .7s 1 ease both');
+    //@include animation('slide-in-down-3 .3s .7s 1 ease both');
     &--gallery {
       overflow: hidden;
-      @include animation('slide-in-down-3 .6s .0s 1 ease both');
+      //@include animation('slide-in-down-3 .6s .0s 1 ease both');
     }
 
     &--about {
-      @include animation('slide-in-down-3 .6s .2s 1 ease both');
+      //@include animation('slide-in-down-3 .6s .2s 1 ease both');
     }
 
+    &>p>a {
+      text-decoration: underline;
+    }
 
     font-size: 1rem;
     font-family: $single_contents_font;
@@ -141,14 +144,19 @@
     blockquote {
       margin: 0 1.75rem 1.75rem 1.5rem;
       padding: 0 0 0 1.42188rem;
-      font-size: 1.20112rem;
+      font-size: 1.05rem;
       line-height: 1.75rem;
       color: inherit;
-      font-style: italic;
       opacity: 0.8;
+      position: relative;
+      
       @include themify($themes) {
           border-left: 0.32813rem solid themed("single-blockquote-border-color");
       }
+
+      code {
+        margin: 0 0.25rem;
+      }
     }
 
     img {
@@ -160,27 +168,30 @@
     p {
       margin: 0 0 1.75rem 0;
       padding: 0;      
-    }
 
-    a {
+      code {
-      text-decoration: underline;
+        margin: 0 0.25rem;
+      }
     }
 
     ul {
       margin-right: 0;
       margin-top: 0;
       padding: 0;
-      margin-bottom: 1.75rem;
       list-style: disc outside none;
     }
 
     li {
       margin-left: 2rem;
-      margin-bottom: calc(1.75rem / 2);
+      margin-bottom: calc(1rem / 2);
+
+      code {
+        margin: 0 0.25rem;
+      }
     }
 
     hr {
-      margin: 0 0 calc(1.75rem - 1px) 0;
+      margin: 0 0 calc(1.25rem - 1px) 0;
       padding: 0;
       border: none;
       height: 1px;
@@ -189,9 +200,70 @@
       }
     }
 
+    dl dt::after {
+        content: ':';
+    }
+
+    dd {
+      display: block;
+      margin-inline-start: 40px;
+    }
+
     .anchor {
       cursor: pointer;
     }
+
+    .footnote-ref {
+      a {
+        font-size: 0.75rem;
+        font-weight: bold;
+        margin-left: 3px;
+
+        &::before {
+          content: "[";
+        }
+
+        &::after {
+          content: "]";
+        }
+      }
+    }
+
+    .table-wrapper {
+      overflow-x: auto;      
+
+      > table {
+        max-width: 100%;
+        margin: 10px 0;
+        border-spacing: 0;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.125);
+
+        
+        @include themify($themes) {
+          thead {
+            background: themed('content-pre-header-background-color');
+          }
+
+          th {
+            color: themed('content-pre-header-color');            
+          }
+
+          th, td {
+            padding: 5px 15px;
+            font-size: 0.9rem;
+            border: 1px double themed('content-pre-border-background-color');
+          }
+
+          tr:hover {
+            background-color: themed('content-pre-header-background-color');
+          }
+        }
+      }
+
+      code {
+        margin: 0 0.25rem;
+      }
+    }
   }
 
   &__tags {
@@ -213,11 +285,17 @@
 
 code, pre {
   padding: 7px;
+  line-height: 1.5em;
   font-size: $code-font-size;
   font-family: $code-font-stack;  
+  
   @include themify($themes) {
     background: themed('content-pre-background-color');
   }
+
+  a {
+    text-decoration: none !important;
+  }
 }
 
 code {
@@ -236,6 +314,7 @@ code {
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   position: relative;
   @include themify($themes) {
+    color: themed('content-pre-color');
     background: themed('content-pre-background-color');
   }
 
@@ -293,4 +372,11 @@ code {
     width: 100%;
     border-collapse: collapse;
   }
+
+  /* LineNumbersTable */  
+  .lnt {
+    @include themify($themes) {
+      color: themed('content-pre-number-color');
+    }
+  }
 }

assets/sass/prism/_dark.scss

@@ -8,7 +8,6 @@
     word-spacing: normal;
     word-break: normal;
     word-wrap: normal;
-    line-height: 1;
     min-width: 100%;
     font-size: 14px;
     line-height: 1.5em;

assets/sass/prism/_light.scss

@@ -9,12 +9,12 @@ Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
   pre[class*="language-"] {
     font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
     font-size: 14px;    
-    line-height: 1.375;
     direction: ltr;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
     word-break: normal;
+    line-height: 1.5em;
 
     -moz-tab-size: 4;
     -o-tab-size: 4;

assets/sass/prism/_solarized.scss

@@ -22,7 +22,7 @@
       white-space: pre;
       word-spacing: normal;
       word-break: normal;
-      line-height: 1.5;
+      line-height: 1.5em;
       -moz-tab-size: 4;
       -o-tab-size: 4;
       tab-size: 4;

assets/sass/themes/_custom.scss

@@ -47,9 +47,12 @@ $custom: (
   related-header-title-color: hsl($primary_color, 100%, 10%),
   related-link-color: hsl($primary_color, 65%, 32%),
   content-pre-main-color: hsl($primary_color, 65%, 32%),
+  content-pre-color: hsl($primary_color, 100%, 10%),
+  content-pre-number-color: hsl($primary_color, 0%, 67%),
   content-pre-background-color: hsl($primary_color, 100%, 97%),
   content-pre-header-color: hsl($primary_color, 100%, 10%),
   content-pre-header-background-color: hsl($primary_color, 100%, 92%),
+  content-pre-border-background-color: hsl($primary_color, 100%, 86%),
   burger-menu-color: hsl($primary_color, 100%, 10%),
   social-icon-color: hsl($primary_color, 25%, 50%),
   social-icon-hover-color: hsl($primary_color, 25%, 60%),
@@ -91,5 +94,4 @@ $custom: (
   switch-active-color: hsl($primary_color, 80%, 60%),
   gallery-mask-color: hsl($primary_color, 100%, 10%),
   gallery-mask-background-color: hsla($primary_color, 100%, 90%, 0.7),
-  avatar-background-color: hsl($primary_color, 100%, 90%),
 ) !default;

assets/sass/themes/_dark.scss

@@ -47,9 +47,12 @@ $dark: (
     related-header-title-color: #FCFCFA,
     related-link-color: #A9DC76,
     content-pre-main-color: #FFA7C4,
+    content-pre-color: #d1d1d1,
+    content-pre-number-color: #666,
     content-pre-background-color: #011627,
     content-pre-header-background-color: darken(#011627, 1.5%),
-    content-pre-header-color: #FCFCFA,
+    content-pre-border-background-color: #3a3a3a,
+    content-pre-header-color: #d1d1d1,
     burger-menu-color: #FCFCFA,
     social-icon-color: #bdbdbd,
     social-icon-hover-color: lighten(#bdbdbd, 20%),
@@ -91,6 +94,4 @@ $dark: (
     switch-active-color: #FF6188,
     gallery-mask-color: #FCFCFA,
     gallery-mask-background-color: rgba(0, 0, 0, 0.7),
-    avatar-background-color: #403E41,
-    language-background-color: #bdbdbd,
 );

assets/sass/themes/_hacker.scss

@@ -47,7 +47,10 @@ $hacker: (
     related-header-title-color: #FCFCFA,
     related-link-color: #C7BA00,
     content-pre-main-color: #1FFF2A,
+    content-pre-color: #d1d1d1,
+    content-pre-number-color: #666,
     content-pre-background-color: #202420,
+    content-pre-border-background-color: #f3ff6e,
     content-pre-header-background-color: darken(#202420, 1.5%),
     content-pre-header-color: #f3ff6e,
     burger-menu-color: #1FFF2A,
@@ -91,5 +94,4 @@ $hacker: (
     switch-active-color: #FF6188,
     gallery-mask-color: #FCFCFA,
     gallery-mask-background-color: rgba(0, 0, 0, 0.7),
-    avatar-background-color: #E3CD26,
 );

assets/sass/themes/_light.scss

@@ -47,9 +47,12 @@ $light: (
     related-header-title-color: #424242,
     related-link-color: #607d8b,   
     content-pre-main-color: #607d8b,
+    content-pre-color: #344952,
+    content-pre-number-color: #aaa,
     content-pre-background-color: #F5F2F0,
+    content-pre-border-background-color: darken(#F5F2F0, 7%),
     content-pre-header-background-color: darken(#F5F2F0, 3%),
-    content-pre-header-color: #212121,
+    content-pre-header-color: #344952,
     burger-menu-color: #9e9e9e,
     social-icon-color: #9e9e9e,
     social-icon-hover-color: darken(#9e9e9e, 20%),
@@ -91,5 +94,4 @@ $light: (
     switch-active-color: #FF6188,
     gallery-mask-color: #424242,
     gallery-mask-background-color: rgba(255, 255, 255, 0.7),
-    avatar-background-color: #dbdbdb,
 );

assets/sass/themes/_solarized.scss

@@ -47,9 +47,12 @@ $solarized: (
     related-header-title-color: #424242,
     related-link-color: #ffb300,   
     content-pre-main-color: #B58900,
+    content-pre-color: #344952,
+    content-pre-number-color: #aaa,
     content-pre-background-color: #FBF1D1,
-    content-pre-header-background-color: darken(#FBF1D1, 3%),
+    content-pre-border-background-color: darken(#FBF1D1, 12%),
-    content-pre-header-color: #424242,
+    content-pre-header-background-color: darken(#FBF1D1, 6%),
+    content-pre-header-color: #344952,
     burger-menu-color: #B58900,
     social-icon-color: #B58900,
     social-icon-hover-color: lighten(#B58900, 10%),
@@ -91,5 +94,4 @@ $solarized: (
     switch-active-color: #FF6188,
     gallery-mask-color: #424242,
     gallery-mask-background-color: rgba(253, 247, 227, 0.7),
-    avatar-background-color: darken(#FBF1D1, 5%),
 );