enableGitInfo added, box shortcode added, README.md updated

README.ko.md

@@ -1,6 +1,6 @@
 # Zzo theme for Hugo
 
-🚨🚨🚨최소로 지원가능한 Hugo 버전이 0.60.0으로 변경되었습니다. 이전 버전과는 다르게 아예 마크다운 렌더링 라이브러리 자체가 변경되어(blackfridy에서 goldmark로), 혹여 이전버전을 사용하고 계시다면, 최신 Hugo 버전을 설치하시는걸 권장드립니다.🚨🚨🚨
+🎄🎄🎄🎅최소로 지원가능한 Hugo 버전이 0.60.0으로 변경되었습니다. 이전 버전과는 다르게 아예 마크다운 렌더링 라이브러리 자체가 변경되어(blackfridy에서 goldmark로), 혹여 이전버전을 사용하고 계시다면, 최신 Hugo 버전을 설치하시는걸 권장드립니다.🎄🎄🎄
 
 클릭해 주셔서 감사합니다. Zzo theme은 많은 기능을 지원하고있고 있습니다. 기술 블로그를 운영하기에 최적화 되어있습니다!(적어도 제생각엔...)
 Zzo theme을 이용할 시 가장 매력적인 포인트 한가지는, 한글로 저와 소통할 수 있다는 점? 입니다. 
@@ -120,6 +120,7 @@ enableEmoji = true
 paginate = 13 # Number of items per page in paginated lists.
 rssLimit = 100
 
+enableGitInfo = false # When true, the modified date will appear on a summary and single page. Since GitHub info needs to be fetched, this feature will slow down to build depending on a page number you have
 googleAnalytics = ""
 
 [markup]

README.md

@@ -3,7 +3,7 @@
 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. 
 
@@ -115,6 +115,7 @@ enableEmoji = true
 paginate = 13 # Number of items per page in paginated lists.
 rssLimit = 100
 
+enableGitInfo = false # When true, the modified date will appear on a summary and single page. Since GitHub info needs to be fetched, this feature will slow down to build depending on a page number you have
 googleAnalytics = ""
 
 [markup]

assets/sass/components/_box.scss

@@ -0,0 +1,13 @@
+.box {
+  font-size: 0.925rem;
+  font-family: $title-font;
+  word-break: keep-all;
+  padding: 0.5rem;
+  margin-bottom: 0.5rem;
+  border-radius: 0.5rem;
+
+  @include themify($themes) {
+    border: 1px solid themed('content-box-border-color');
+    background-color: themed('content-box-background-color');
+  }
+}

assets/sass/main.scss

@@ -56,6 +56,7 @@ $content-font: {{ .Site.Data.font.content_font }};
 @import 'components/whoami';
 @import 'components/busuanzi';
 @import 'components/donation';
+@import 'components/box';
 
 @import 'pages/404';
 @import 'pages/about';

assets/sass/pages/_single.scss

@@ -37,7 +37,12 @@
     margin-right: 0.5rem;
 
     @include flexbox();
-    @include flex-wrap(nowrap);
+    @include flex-wrap(wrap);
+  }
+
+  &__info {
+    word-break: keep-all;
+    padding: 0 0.125rem;
   }
 
   &__contents {

assets/sass/themes/_custom.scss

@@ -53,6 +53,8 @@ $custom: (
   content-pre-header-color: hsl($custom_theme_primary_color, 100%, 10%),
   content-pre-header-background-color: hsl($custom_theme_primary_color, 100%, 92%),
   content-pre-border-background-color: hsl($custom_theme_primary_color, 100%, 86%),
+  content-box-border-color: #ff0000,
+  content-box-background-color: #ff0000,
   burger-menu-color: hsl($custom_theme_primary_color, 86%, 20%),
   social-icon-color: hsl($custom_theme_primary_color, 25%, 35%),
   social-icon-hover-color: hsl($custom_theme_primary_color, 25%, 50%),

assets/sass/themes/_dark.scss

@@ -53,6 +53,8 @@ $dark: (
     content-pre-header-background-color: darken(#011627, 1.5%),
     content-pre-border-background-color: #3a3a3a,
     content-pre-header-color: #FCFCFA,
+    content-box-border-color: #616161,
+    content-box-background-color: #403E41,
     burger-menu-color: #FCFCFA,
     social-icon-color: #bdbdbd,
     social-icon-hover-color: lighten(#bdbdbd, 20%),

assets/sass/themes/_hacker.scss

@@ -53,6 +53,8 @@ $hacker: (
     content-pre-border-background-color: #f3ff6e,
     content-pre-header-background-color: darken(#202420, 1.5%),
     content-pre-header-color: #f3ff6e,
+    content-box-border-color: #dbdbdb,
+    content-box-background-color: #202420,
     burger-menu-color: #dbdbdb,
     social-icon-color: #9e9e9e,
     social-icon-hover-color: lighten(#9e9e9e, 20%),

assets/sass/themes/_light.scss

@@ -53,6 +53,8 @@ $light: (
     content-pre-border-background-color: darken(#F5F2F0, 7%),
     content-pre-header-background-color: darken(#F5F2F0, 3%),
     content-pre-header-color: #344952,
+    content-box-border-color: #aaa,
+    content-box-background-color: #eeeeee,
     burger-menu-color: #777,
     social-icon-color: #777,
     social-icon-hover-color: darken(#777, 20%),

assets/sass/themes/_solarized.scss

@@ -53,6 +53,8 @@ $solarized: (
     content-pre-border-background-color: darken(#FBF1D1, 12%),
     content-pre-header-background-color: darken(#FBF1D1, 6%),
     content-pre-header-color: #344952,
+    content-box-border-color: #B58900,
+    content-box-background-color: #FBF1D1,
     burger-menu-color: #B58900,
     social-icon-color: lighten(#B58900, 5%),
     social-icon-hover-color: darken(#B58900, 5%),

layouts/partials/body/infos.html

@@ -1,6 +1,6 @@
 <div class="single__infos">
-  🕓 {{ .Date.Format (i18n "single-dateformat") }} · ☕{{ .ReadingTime }} min read
+  🕓 {{ .Date.Format (i18n "single-dateformat") }} {{ if .GitInfo }} &middot <span class="single__info"> 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </span> {{ end }} &middot <span class="single__info"> ☕ {{ .ReadingTime }} min read </span>
-  {{ if (and .Site.Params.enableBusuanzi .Site.Params.busuanziPagePV) }}        
+  <span class="single__info">
-  · 👀 <span id="busuanzi_value_page_pv">...</span> {{ i18n "counter-page-pv" }}
+    {{ if (and .Site.Params.enableBusuanzi .Site.Params.busuanziPagePV) }} &middot 👀<span id="busuanzi_value_page_pv">...</span> {{ i18n "counter-page-pv" }}{{ end }}
-  {{ end }}
+  </span>
 </div>

layouts/partials/summary/card.html

@@ -1,7 +1,7 @@
 <article class="summary-card">
   <header>
     <h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
-    <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} &middot ☕{{ .ReadingTime }} min read</h6>
+    <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} {{ if .GitInfo }} &middot 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} {{ end }} &middot ☕{{ .ReadingTime }} min read</h6>
   </header>
   {{ $params := .Params }}
   <div class="summary-card__content">

layouts/partials/summary/classic.html

@@ -11,7 +11,7 @@
     <div class="summary-classic__content">
       <header>
         <h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
-        <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} &middot ☕{{ .ReadingTime }} min read
+        <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} {{ if .GitInfo }} &middot 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} {{ end }} &middot ☕{{ .ReadingTime }} min read
         </h6>
       </header>
       <div>

layouts/partials/summary/compact.html

@@ -4,7 +4,7 @@
     <div class="summary-compact__meta">
       <header>
         <h5 class="title h6"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
-        <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} &middot ☕{{ .ReadingTime }} min read
+        <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} {{ if .GitInfo }} &middot 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} {{ end }} &middot ☕{{ .ReadingTime }} min read
         </h6>
       </header>
     </div>

layouts/shortcodes/box.html

@@ -0,0 +1 @@
+<div class="box">{{.Inner | markdownify}}</div>

layouts/shortcodes/color.html

@@ -1 +1 @@
-<span style="color: {{ .Get 0 }}">{{.Inner | markdownify}}</span>
+<span style="color: {{ .Get 0 | default "#f48fb1" }}">{{.Inner | markdownify}}</span>