notice shortcode markdownify support

README.ko.md

@@ -8,6 +8,11 @@
 클릭해 주셔서 감사합니다. Zzo theme은 많은 기능을 지원하고있고 있습니다. 기술 블로그를 운영하기에 최적화 되어있습니다!(적어도 제생각엔...)
 Zzo theme을 이용할 시 가장 매력적인 포인트 한가지는, 한글로 저와 소통할 수 있다는 점? 입니다. 
 
+## Documentation
+
+영문버전 도큐먼트
+[https://zzodocs.netlify.com/docs/](https://zzodocs.netlify.com/docs/)
+
 ## Table of contents
 
 * [기능](#features)

README.md

@@ -3,10 +3,14 @@
 English | 
 [한국어](https://github.com/zzossig/hugo-theme-zzo/blob/master/README.ko.md)
 
-🔥🔥🔥🤓The minimum Hugo version changed to 0.60.0. This version changed the markdown rendering library, so if you are using an older version, it may not be compatible.🔥🔥🔥
+😸The minimum Hugo version changed to 0.60.0. This version changed the markdown rendering library, so if you are using an older version, it may not be compatible.😸
 
 Thank you for click me!. Zzo theme is a blog theme powered by Hugo with free(always), and many features. 
 
+## Documentation
+
+[https://zzodocs.netlify.com/docs/](https://zzodocs.netlify.com/docs/)
+
 ## Table of contents
 
 * [Features](#features)

assets/sass/components/_notice.scss

@@ -1,11 +1,22 @@
 .notices {
-    margin: 2rem 0;
     position: relative;
     border-radius: .125rem;
     color: #fff;
+    margin: 2rem 0;
     padding: .3rem 0.5rem .3rem 2rem;
     font-size: 0.95rem;
 
+    a {
+        text-decoration: underline;
+    }
+
+    > table {
+        table-layout:fixed;
+        width: 100%;
+        margin: 10px 0;
+        border-spacing: 0;
+    }
+
     &.warning {
         border-top: 30px solid #f1b37e;
         background: #fefaf5;
@@ -19,6 +30,35 @@
             left: 0.4rem;
             height: 100%;
         }
+
+        a {
+            font-weight: bold;
+            color: rgba(134, 74, 22, 0.995);
+            @include themify($themes) {
+                @include on-event {
+                    color: themed('link-hover');
+                }
+            }
+        }
+
+        > table {
+            thead {
+                background: #f1b37e;
+            }
+
+            th {
+                color: rgba(134, 74, 22, 0.995);
+            }
+
+            th, td {
+                padding: 5px 15px;
+                border: 1px double rgba(166, 106, 54, 0.45);
+            }
+        }
+
+        p > code, li > code, td > code {
+            background-color: darken(#fefaf5, 6%);
+        }
     }
 
     &.error {
@@ -34,6 +74,35 @@
             left: 0.4rem;
             height: 100%;
         }
+
+        a {
+            font-weight: bold;
+            color: rgba(116, 40, 40, 0.995);
+            @include themify($themes) {
+                @include on-event {
+                    color: themed('link-hover');
+                }
+            }
+        }
+
+        > table {
+            thead {
+                background: #d58181;
+            }
+
+            th {
+                color: rgba(116, 40, 40, 0.995);
+            }
+
+            th, td {
+                padding: 5px 15px;
+                border: 1px double rgba(148, 72, 72, 0.45);
+            }
+        }
+
+        p > code, li > code, td > code {
+            background-color: darken(#fbeded, 6%);
+        }
     }
 
     &.info {
@@ -49,6 +118,35 @@
             left: 0.4rem;
             height: 100%;
         }
+
+        a {
+            font-weight: bold;
+            color: rgba(31, 87, 125, 0.995);
+            @include themify($themes) {
+                @include on-event {
+                    color: themed('link-hover');
+                }
+            }
+        }
+
+        > table {
+            thead {
+                background: #6bb1e0;
+            }
+
+            th {
+                color: rgba(31, 87, 125, 0.995);
+            }
+
+            th, td {
+                padding: 5px 15px;
+                border: 1px double rgba(63, 119, 157, 0.45);
+            }
+        }
+
+        p > code, li > code, td > code {
+            background-color: darken(#e6f3fb, 6%);
+        }
     }
 
     &.success {
@@ -64,5 +162,34 @@
             left: 0.4rem;
             height: 100%;
         }
+
+        a {
+            font-weight: bold;
+            color: rgba(56, 109, 47, 0.995);
+            @include themify($themes) {
+                @include on-event {
+                    color: themed('link-hover');
+                }
+            }
+        }
+
+        > table {
+            thead {
+                background: #84c578;
+            }
+
+            th {
+                color: rgba(56, 109, 47, 0.995);
+            }
+
+            th, td {
+                padding: 5px 15px;
+                border: 1px double rgba(82, 141, 79, 0.45);
+            }
+        }
+
+        p > code, li > code, td > code {
+            background-color: darken(#e8f7e6, 6%);
+        }
     }
 }

assets/sass/pages/_single.scss

@@ -370,7 +370,7 @@
           }
 
           th, td {
-            padding: 5px 15px;
+            padding: 0.25rem 0.5rem;
             border: 1px double themed('content-pre-border-background-color');
           }
         }

assets/sass/themes/_darkcode.scss

@@ -29,9 +29,9 @@ $darkcode: '';
     content-pre-color: #d1d1d1,
     content-pre-number-color: #666,
     content-pre-background-color: #282a36,
-    content-pre-border-background-color: #f3ff6e,
+    content-pre-border-background-color: #424242,
     content-pre-header-background-color: darken(#202420, 1.5%),
-    content-pre-header-color: #f3ff6e,
+    content-pre-header-color: #FCFCFA,
   );
 } @else if $theme_dark_chroma_background == solarized {
   $darkcode: (

assets/sass/themes/_hackercode.scss

@@ -29,9 +29,9 @@ $hackercode: '';
     content-pre-color: #d1d1d1,
     content-pre-number-color: #666,
     content-pre-background-color: #282a36,
-    content-pre-border-background-color: #f3ff6e,
+    content-pre-border-background-color: #424242,
     content-pre-header-background-color: darken(#202420, 1.5%),
-    content-pre-header-color: #f3ff6e,
+    content-pre-header-color: #FCFCFA,
   );
 } @else if $theme_hacker_chroma_background == solarized {
   $hackercode: (
@@ -62,8 +62,8 @@ $hackercode: '';
     content-pre-color: #d1d1d1,
     content-pre-number-color: #666,
     content-pre-background-color: #282a36,
-    content-pre-border-background-color: #f3ff6e,
+    content-pre-border-background-color: #424242,
     content-pre-header-background-color: darken(#202420, 1.5%),
-    content-pre-header-color: #f3ff6e,
+    content-pre-header-color: #FCFCFA,
   );
 }

assets/sass/themes/_kimbiecode.scss

@@ -29,9 +29,9 @@ $kimbiecode: '';
     content-pre-color: #d1d1d1,
     content-pre-number-color: #666,
     content-pre-background-color: #282a36,
-    content-pre-border-background-color: #f3ff6e,
+    content-pre-border-background-color: #424242,
     content-pre-header-background-color: darken(#202420, 1.5%),
-    content-pre-header-color: #f3ff6e,
+    content-pre-header-color: #FCFCFA,
   );
 } @else if $theme_kimbie_chroma_background == solarized {
   $kimbiecode: (

assets/sass/themes/_lightcode.scss

@@ -29,9 +29,9 @@ $lightcode: '';
     content-pre-color: #d1d1d1,
     content-pre-number-color: #666,
     content-pre-background-color: #282a36,
-    content-pre-border-background-color: #f3ff6e,
+    content-pre-border-background-color: #424242,
     content-pre-header-background-color: darken(#202420, 1.5%),
-    content-pre-header-color: #f3ff6e,
+    content-pre-header-color: #FCFCFA,
   );
 } @else if $theme_light_chroma_background == solarized {
   $lightcode: (

assets/sass/themes/_solarizedcode.scss

@@ -29,9 +29,9 @@ $solarizedcode: '';
     content-pre-color: #d1d1d1,
     content-pre-number-color: #666,
     content-pre-background-color: #282a36,
-    content-pre-border-background-color: #f3ff6e,
+    content-pre-border-background-color: #424242,
     content-pre-header-background-color: darken(#202420, 1.5%),
-    content-pre-header-color: #f3ff6e,
+    content-pre-header-color: #FCFCFA,
   );
 } @else if $theme_solarized_chroma_background == solarized {
   $solarizedcode: (

layouts/shortcodes/notice.html

@@ -1 +1,3 @@
-<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}>{{ .Inner }}</div>
+<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}>
+  {{ .Inner | markdownify }}
+</div>

theme.toml

@@ -1,6 +1,6 @@
 name = "Zzo"
 description = "Hugo blog theme with rich features."
-homepage = "https://github.com/zzossig/hugo-theme-zzo.git"
+homepage = "https://zzodocs.netlify.com/docs"
 license = "MIT"
 licenselink = "https://github.com/zzossig/hugo-theme-zzo/blob/master/LICENSE.md"
 tags = ["accessible", "multilingual", "responsive", "blog", "search", "simple", "light", "dark", "mobile", "gallery", "technical", "fast", "presentation"]