diff --git a/archetypes/pt.md b/archetypes/presentation.md
similarity index 98%
rename from archetypes/pt.md
rename to archetypes/presentation.md
index 2dd389e..e20aa05 100644
--- a/archetypes/pt.md
+++ b/archetypes/presentation.md
@@ -2,7 +2,7 @@
 title: "{{ replace .Name "-" " " | title }}"
 date: {{ .Date }}
 description: 
-type: pt
+type: presentation
 tags:
 -
 series:
diff --git a/archetypes/publication.md b/archetypes/publication.md
new file mode 100644
index 0000000..669effa
--- /dev/null
+++ b/archetypes/publication.md
@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+description: 
+type: publication
+---
diff --git a/assets/js/fuzzysort.min.js b/assets/js/fuzzysort.min.js
new file mode 100644
index 0000000..ce07a85
--- /dev/null
+++ b/assets/js/fuzzysort.min.js
@@ -0,0 +1,8 @@
+/**
+ * Minified by jsDelivr using UglifyJS v3.4.4.
+ * Original file: /npm/fuzzysort@1.1.4/fuzzysort.js
+ * 
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+!function(e,r){"function"==typeof define&&define.amd?define([],r):"object"==typeof module&&module.exports?module.exports=r():e.fuzzysort=r()}(this,function(){var P="undefined"!=typeof require&&"undefined"==typeof window,n=new Map,o=new Map,j=[];j.total=0;var m=[],T=[];function r(){n.clear(),o.clear(),m=[],T=[]}function N(e){for(var r=-9007199254740991,n=e.length-1;0<=n;--n){var o=e[n];if(null!==o){var t=o.score;r<t&&(r=t)}}return-9007199254740991===r?null:r}function S(e,r){var n=e[r];if(void 0!==n)return n;var o=r;Array.isArray(r)||(o=r.split("."));for(var t=o.length,i=-1;e&&++i<t;)e=e[o[i]];return e}function D(e){return"object"==typeof e}var t=function(){var i=[],a=0,e={};function r(){for(var e=0,r=i[e],n=1;n<a;){var o=n+1;e=n,o<a&&i[o].score<i[n].score&&(e=o),i[e-1>>1]=i[e],n=1+(e<<1)}for(var t=e-1>>1;0<e&&r.score<i[t].score;t=(e=t)-1>>1)i[e]=i[t];i[e]=r}return e.add=function(e){var r=a;i[a++]=e;for(var n=r-1>>1;0<r&&e.score<i[n].score;n=(r=n)-1>>1)i[r]=i[n];i[r]=e},e.poll=function(){if(0!==a){var e=i[0];return i[0]=i[--a],r(),e}},e.peek=function(e){if(0!==a)return i[0]},e.replaceTop=function(e){i[0]=e,r()},e},k=t();return function e(A){var L={single:function(e,r,n){return e?(D(e)||(e=L.getPreparedSearch(e)),r?(D(r)||(r=L.getPrepared(r)),((n&&void 0!==n.allowTypo?n.allowTypo:!A||void 0===A.allowTypo||A.allowTypo)?L.algorithm:L.algorithmNoTypo)(e,r,e[0])):null):null},go:function(e,r,n){if(!e)return j;var o=(e=L.prepareSearch(e))[0],t=n&&n.threshold||A&&A.threshold||-9007199254740991,i=n&&n.limit||A&&A.limit||9007199254740991,a=(n&&void 0!==n.allowTypo?n.allowTypo:!A||void 0===A.allowTypo||A.allowTypo)?L.algorithm:L.algorithmNoTypo,l=0,f=0,u=r.length;if(n&&n.keys)for(var s=n.scoreFn||N,p=n.keys,d=p.length,c=u-1;0<=c;--c){for(var g=r[c],v=new Array(d),h=d-1;0<=h;--h)(y=S(g,x=p[h]))?(D(y)||(y=L.getPrepared(y)),v[h]=a(e,y,o)):v[h]=null;v.obj=g;var w=s(v);null!==w&&(w<t||(v.score=w,l<i?(k.add(v),++l):(++f,w>k.peek().score&&k.replaceTop(v))))}else if(n&&n.key){var x=n.key;for(c=u-1;0<=c;--c)(y=S(g=r[c],x))&&(D(y)||(y=L.getPrepared(y)),null!==(m=a(e,y,o))&&(m.score<t||(m={target:m.target,_targetLowerCodes:null,_nextBeginningIndexes:null,score:m.score,indexes:m.indexes,obj:g},l<i?(k.add(m),++l):(++f,m.score>k.peek().score&&k.replaceTop(m)))))}else for(c=u-1;0<=c;--c){var y,m;(y=r[c])&&(D(y)||(y=L.getPrepared(y)),null!==(m=a(e,y,o))&&(m.score<t||(l<i?(k.add(m),++l):(++f,m.score>k.peek().score&&k.replaceTop(m)))))}if(0===l)return j;var T=new Array(l);for(c=l-1;0<=c;--c)T[c]=k.poll();return T.total=l+f,T},goAsync:function(I,B,_){var C=!1,e=new Promise(function(c,g){if(!I)return c(j);var v=(I=L.prepareSearch(I))[0],h=t(),w=B.length-1,x=_&&_.threshold||A&&A.threshold||-9007199254740991,y=_&&_.limit||A&&A.limit||9007199254740991,m=(_&&void 0!==_.allowTypo?_.allowTypo:!A||void 0===A.allowTypo||A.allowTypo)?L.algorithm:L.algorithmNoTypo,T=0,k=0;function b(){if(C)return g("canceled");var e=Date.now();if(_&&_.keys)for(var r=_.scoreFn||N,n=_.keys,o=n.length;0<=w;--w){for(var t=B[w],i=new Array(o),a=o-1;0<=a;--a)(u=S(t,f=n[a]))?(D(u)||(u=L.getPrepared(u)),i[a]=m(I,u,v)):i[a]=null;i.obj=t;var l=r(i);if(null!==l&&!(l<x)&&(i.score=l,T<y?(h.add(i),++T):(++k,l>h.peek().score&&h.replaceTop(i)),w%1e3==0&&10<=Date.now()-e))return void(P?setImmediate(b):setTimeout(b))}else if(_&&_.key){for(var f=_.key;0<=w;--w)if((u=S(t=B[w],f))&&(D(u)||(u=L.getPrepared(u)),null!==(s=m(I,u,v))&&!(s.score<x)&&(s={target:s.target,_targetLowerCodes:null,_nextBeginningIndexes:null,score:s.score,indexes:s.indexes,obj:t},T<y?(h.add(s),++T):(++k,s.score>h.peek().score&&h.replaceTop(s)),w%1e3==0&&10<=Date.now()-e)))return void(P?setImmediate(b):setTimeout(b))}else for(;0<=w;--w){var u,s;if((u=B[w])&&(D(u)||(u=L.getPrepared(u)),null!==(s=m(I,u,v))&&!(s.score<x)&&(T<y?(h.add(s),++T):(++k,s.score>h.peek().score&&h.replaceTop(s)),w%1e3==0&&10<=Date.now()-e)))return void(P?setImmediate(b):setTimeout(b))}if(0===T)return c(j);for(var p=new Array(T),d=T-1;0<=d;--d)p[d]=h.poll();p.total=T+k,c(p)}P?setImmediate(b):b()});return e.cancel=function(){C=!0},e},highlight:function(e,r,n){if(null===e)return null;void 0===r&&(r="<b>"),void 0===n&&(n="</b>");for(var o="",t=0,i=!1,a=e.target,l=a.length,f=e.indexes,u=0;u<l;++u){var s=a[u];if(f[t]===u){if(i||(i=!0,o+=r),++t===f.length){o+=s+n+a.substr(u+1);break}}else i&&(i=!1,o+=n);o+=s}return o},prepare:function(e){if(e)return{target:e,_targetLowerCodes:L.prepareLowerCodes(e),_nextBeginningIndexes:null,score:null,indexes:null,obj:null}},prepareSlow:function(e){if(e)return{target:e,_targetLowerCodes:L.prepareLowerCodes(e),_nextBeginningIndexes:L.prepareNextBeginningIndexes(e),score:null,indexes:null,obj:null}},prepareSearch:function(e){if(e)return L.prepareLowerCodes(e)},getPrepared:function(e){if(999<e.length)return L.prepare(e);var r=n.get(e);return void 0!==r||(r=L.prepare(e),n.set(e,r)),r},getPreparedSearch:function(e){if(999<e.length)return L.prepareSearch(e);var r=o.get(e);return void 0!==r||(r=L.prepareSearch(e),o.set(e,r)),r},algorithm:function(e,r,n){for(var o=r._targetLowerCodes,t=e.length,i=o.length,a=0,l=0,f=0,u=0;;){if(n===o[l]){if(m[u++]=l,++a===t)break;n=e[0===f?a:f===a?a+1:f===a-1?a-1:a]}if(i<=++l)for(;;){if(a<=1)return null;if(0===f){if(n===e[--a])continue;f=a}else{if(1===f)return null;if((n=e[1+(a=--f)])===e[a])continue}l=m[(u=a)-1]+1;break}}var s=a=0,p=!1,d=0,c=r._nextBeginningIndexes;null===c&&(c=r._nextBeginningIndexes=L.prepareNextBeginningIndexes(r.target));var g=l=0===m[0]?0:c[m[0]-1];if(l!==i)for(;;)if(i<=l){if(a<=0){if(t-2<++s)break;if(e[s]===e[s+1])continue;l=g;continue}--a,l=c[T[--d]]}else if(e[0===s?a:s===a?a+1:s===a-1?a-1:a]===o[l]){if(T[d++]=l,++a===t){p=!0;break}++l}else l=c[l];if(p)var v=T,h=d;else v=m,h=u;for(var w=0,x=-1,y=0;y<t;++y)x!==(l=v[y])-1&&(w-=l),x=l;for(p?0!==s&&(w+=-20):(w*=1e3,0!==f&&(w+=-20)),w-=i-t,r.score=w,r.indexes=new Array(h),y=h-1;0<=y;--y)r.indexes[y]=v[y];return r},algorithmNoTypo:function(e,r,n){for(var o=r._targetLowerCodes,t=e.length,i=o.length,a=0,l=0,f=0;;){if(n===o[l]){if(m[f++]=l,++a===t)break;n=e[a]}if(i<=++l)return null}var u=!1,s=a=0,p=r._nextBeginningIndexes;if(null===p&&(p=r._nextBeginningIndexes=L.prepareNextBeginningIndexes(r.target)),(l=0===m[0]?0:p[m[0]-1])!==i)for(;;)if(i<=l){if(a<=0)break;--a,l=p[T[--s]]}else if(e[a]===o[l]){if(T[s++]=l,++a===t){u=!0;break}++l}else l=p[l];if(u)var d=T,c=s;else d=m,c=f;for(var g=0,v=-1,h=0;h<t;++h)v!==(l=d[h])-1&&(g-=l),v=l;for(u||(g*=1e3),g-=i-t,r.score=g,r.indexes=new Array(c),h=c-1;0<=h;--h)r.indexes[h]=d[h];return r},prepareLowerCodes:function(e){for(var r=e.length,n=[],o=e.toLowerCase(),t=0;t<r;++t)n[t]=o.charCodeAt(t);return n},prepareBeginningIndexes:function(e){for(var r=e.length,n=[],o=0,t=!1,i=!1,a=0;a<r;++a){var l=e.charCodeAt(a),f=65<=l&&l<=90,u=f||97<=l&&l<=122||48<=l&&l<=57,s=f&&!t||!i||!u;t=f,i=u,s&&(n[o++]=a)}return n},prepareNextBeginningIndexes:function(e){for(var r=e.length,n=L.prepareBeginningIndexes(e),o=[],t=n[0],i=0,a=0;a<r;++a)a<t?o[a]=t:(t=n[++i],o[a]=void 0===t?r:t);return o},cleanup:r,new:e};return L}()});
+//# sourceMappingURL=/sm/57e217d47ad2be09f5ef2bc70608da208649aef7bbc194f7ee23c51727f8955a.map
\ No newline at end of file
diff --git a/assets/sass/abstracts/_functions.scss b/assets/sass/abstracts/_functions.scss
index 4d781d9..640c429 100644
--- a/assets/sass/abstracts/_functions.scss
+++ b/assets/sass/abstracts/_functions.scss
@@ -10,20 +10,3 @@
 @function themed($key) {   
   @return map-get($theme-map, $key);
 }
-
-@function calcSideWidth() {
-  $grid_max: $grid_max_width + $grid_max_unit;
-  $grid_main_main: $grid_main_main_width + $grid_main_main_unit;
-  $grid_main_side: $grid_main_side_width + $grid_main_side_unit;
-  $grid_column_gap: $grid_column_gap_width + $grid_column_gap_unit;
-
-  @if $grid_main_main_unit == fr and $grid_main_side_unit == fr {
-    @if $grid_max_unit == px {
-      @return #{($grid_main_side_width / ($grid_main_main_width + $grid_main_side_width)) * $grid_max_width - $grid_column_gap_width}px;
-    } @else if $grid_max_unit == "%" {
-      @return ($grid_main_side_width / ($grid_main_main_width + $grid_main_side_width) * 100)*1%;
-    }
-  } @else if $grid_main_side_unit == px {
-    @return $grid_main_side;
-  }
-}
\ No newline at end of file
diff --git a/assets/sass/components/_breadcrumb.scss b/assets/sass/components/_breadcrumb.scss
index f6c9ea8..0a67b99 100644
--- a/assets/sass/components/_breadcrumb.scss
+++ b/assets/sass/components/_breadcrumb.scss
@@ -30,6 +30,7 @@
     }    
 
     &:last-child {
+      @include truncate($grid_max_width + $grid_max_unit);
       @include themify($themes) {
         color: themed('breadcrumb-item-active-color');
       }
diff --git a/assets/sass/components/_button.scss b/assets/sass/components/_button.scss
index 818d536..c5d437f 100644
--- a/assets/sass/components/_button.scss
+++ b/assets/sass/components/_button.scss
@@ -6,6 +6,7 @@
   cursor: pointer;
   text-decoration: none !important;
   border-radius: 0.25rem;
+  background-color: transparent;
 
   &__text {
     margin: auto;
@@ -15,6 +16,21 @@
     @include translate(-50%, -50%);
   }
 
+  &__small {
+    height: 28px;
+    font-size: 16px;
+  }
+
+  &__medium {
+    height: 32px;
+    font-size: 17px;
+  }
+
+  &__large {
+    height: 36px;
+    font-size: 18px;
+  }
+
   @include themify($themes) {
     &[data-color="default"] {
       color: themed('link');
diff --git a/assets/sass/components/_modal.scss b/assets/sass/components/_modal.scss
index 19d0607..8b09c8f 100644
--- a/assets/sass/components/_modal.scss
+++ b/assets/sass/components/_modal.scss
@@ -130,6 +130,49 @@
       @include translateY(-50%);
     }
   }
+
+  &__cite {
+    width: 350px;
+    height: 500px;
+    white-space: nowrap;
+
+    @include flexbox();
+    @include justify-content(center);
+    @media only screen and (max-width: 600px) {
+      width: 100%;
+    }
+    @include themify($themes) {
+      border: 4px solid themed('hr-color');
+      background-color: themed('body-background-color');
+      @include webkit-scrollbars(themed('custom-scrollbar-foreground-color'), themed('custom-scrollbar-background-color'));
+      @include moz-scrollbars(themed('custom-scrollbar-foreground-color'), themed('custom-scrollbar-background-color'));
+    }
+
+    &--exist {
+      width: 100%;
+      padding: 4rem 0.5rem 2.5rem;
+      font-size: 1rem;
+      overflow-x: auto;
+
+      @include themify($themes) {
+        background-color: themed('body-background-color');
+        @include webkit-scrollbars(themed('custom-scrollbar-foreground-color'), themed('custom-scrollbar-background-color'));
+        @include moz-scrollbars(themed('custom-scrollbar-foreground-color'), themed('custom-scrollbar-background-color'));
+      }
+    }
+
+    &--notexist {
+      padding-top: 4rem;
+    }
+  }
+
+  &__copy {
+    position: absolute;
+    left: 4px;
+    bottom: 56px;
+    width: 60px;
+    height: 30px;
+  }
 }
 
 @keyframes mmfadeIn {
diff --git a/assets/sass/components/_pagination.scss b/assets/sass/components/_pagination.scss
index f341ef5..2aa9938 100644
--- a/assets/sass/components/_pagination.scss
+++ b/assets/sass/components/_pagination.scss
@@ -72,7 +72,6 @@
     border-radius: 0.125rem;
     &-title {
       font-size: 16.8px;
-      padding-bottom: 0.3rem;
       @include truncate($grid_max_width + $grid_max_unit);
     }
 
diff --git a/assets/sass/components/_related.scss b/assets/sass/components/_related.scss
index e6b0752..fdebb09 100644
--- a/assets/sass/components/_related.scss
+++ b/assets/sass/components/_related.scss
@@ -1,7 +1,8 @@
 .related {
-  margin: 2rem 0;
+  margin: 2rem auto;
   padding: 0.5rem;
   width: 100%;
+  max-width: 700px;
   position: relative;
 
   @include flexbox();
@@ -10,6 +11,7 @@
 
   &__title {
     font-size: 32px;
+    
     @include themify($themes) {
       color: themed('related-header-title-color');
     }
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 7ef0230..0608994 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -89,4 +89,5 @@ $cursive-font: {{ .Site.Data.font.cursive_font }};
 @import 'pages/contact';
 @import 'pages/talk';
 @import 'pages/showcase';
-@import 'pages/wrapper';
\ No newline at end of file
+@import 'pages/wrapper';
+@import 'pages/publication';
\ No newline at end of file
diff --git a/assets/sass/pages/_publication.scss b/assets/sass/pages/_publication.scss
new file mode 100644
index 0000000..947d81f
--- /dev/null
+++ b/assets/sass/pages/_publication.scss
@@ -0,0 +1,53 @@
+.pub {
+  padding: 0.75rem 1.5rem;
+
+  @media only screen and (max-width: 600px) {
+    padding: 1rem;
+  }
+
+  &__section {
+    @include flexbox();
+    @include flex-direction(column);
+  }
+  
+  &__toolbar {
+    &--search {
+      width: 240px;
+      padding: 0 0.5rem;
+      margin-right: 1rem;
+      
+      @media only screen and (max-width: 600px) {
+        width: 100%;
+      }
+    }
+  }
+
+  &__list {
+    margin: 1rem 0;
+  }
+
+  &__item {
+    margin: 1rem;
+    padding: 0.5rem 0;
+
+    @include flexbox();
+    @include flex-direction(column);
+    @media only screen and (max-width: 600px) {
+      margin: 1rem 0;
+    }
+  }
+
+  &__meta {
+    margin: 0 0.25rem;
+    display: inline-block;
+  }
+
+  &__summary {
+    margin-top: 0.75rem;
+    margin-bottom: 1rem;
+  }
+
+  &__links {
+    
+  }
+}
\ No newline at end of file
diff --git a/assets/sass/pages/_showcase.scss b/assets/sass/pages/_showcase.scss
index e6a0dce..6d6cf98 100644
--- a/assets/sass/pages/_showcase.scss
+++ b/assets/sass/pages/_showcase.scss
@@ -46,8 +46,8 @@
     &[data-meta]:after {
       content: attr(data-meta);
       width: 100%;
-      padding: 0.125rem 0.25rem;
-      border-radius: 50%;
+      padding: 0.125rem 0.35rem;
+      border-radius: 0.25rem;
       margin: auto;
       font-size: 12px;
       
diff --git a/assets/sass/pages/_single.scss b/assets/sass/pages/_single.scss
index 9972a0f..99add96 100644
--- a/assets/sass/pages/_single.scss
+++ b/assets/sass/pages/_single.scss
@@ -19,6 +19,18 @@
     }
   }
 
+  &__shorttitle {
+    font-size: 1.5rem;
+    font-family: $title-font;
+    overflow-wrap: break-word;
+    margin-bottom: 0.25rem;
+    opacity: 0.7;
+
+    @include themify($themes) {
+      color: themed("single-header-title-color");
+    }
+  }
+
   &__meta {
     font-size: 0.8rem;
     margin-bottom: 2rem;
diff --git a/exampleSite/config/_default/config.toml b/exampleSite/config/_default/config.toml
index ebb5806..642168a 100644
--- a/exampleSite/config/_default/config.toml
+++ b/exampleSite/config/_default/config.toml
@@ -36,6 +36,7 @@ googleAnalytics = ""
 
 [outputs]
   home = ["HTML", "RSS", "JSON"]
+  section = ["HTML", "JSON"]
 
 [taxonomies]
   category = "categories"
diff --git a/exampleSite/config/_default/languages.toml b/exampleSite/config/_default/languages.toml
index 73027b8..23989a5 100644
--- a/exampleSite/config/_default/languages.toml
+++ b/exampleSite/config/_default/languages.toml
@@ -3,9 +3,11 @@
   languageName = "English"
   weight = 1
   languagedir = "ltr"
+  contentdir = "content/en"
 
 [ko]
   title = "Hugo Zzo Theme"
   languageName = "한국어"
   weight = 2
   languagedir = "ltr"
+  contentdir = "content/ko"
diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml
index 04b5705..7190ddc 100644
--- a/exampleSite/config/_default/params.toml
+++ b/exampleSite/config/_default/params.toml
@@ -6,9 +6,9 @@ custom_js = []
 useFaviconGenerator = true # https://www.favicon-generator.org/
 
 themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"]
-notAllowedTypesInHome = ["contact", "talks", "about", "showcase"]
-notAllowedTypesInHomeSidebar = ["about", "archive", "showcase"]
-notAllowedTypesInArchive = ["about", "talks", "showcase"]
+notAllowedTypesInHome = ["contact", "talks", "about", "showcase", "publication", "presentation"]
+notAllowedTypesInHomeSidebar = ["about", "archive", "showcase", "publication", "presentation"]
+notAllowedTypesInArchive = ["about", "talks", "showcase", "publication", "presentation"]
 
 # header
 homeHeaderType = "text" # text, img, slide
@@ -26,6 +26,7 @@ archivePaginate = 13
 paginateWindow = 1
 talksPaginate = 5
 talksGroupByDate = "2006"
+pubPaginate = 20
 
 # whoami
 myname = "zzossig"
diff --git a/exampleSite/content/_index.md b/exampleSite/content/en/_index.md
similarity index 100%
rename from exampleSite/content/_index.md
rename to exampleSite/content/en/_index.md
diff --git a/exampleSite/content/about/index.md b/exampleSite/content/en/about/index.md
similarity index 100%
rename from exampleSite/content/about/index.md
rename to exampleSite/content/en/about/index.md
diff --git a/exampleSite/content/archive/_index.md b/exampleSite/content/en/archive/_index.md
similarity index 100%
rename from exampleSite/content/archive/_index.md
rename to exampleSite/content/en/archive/_index.md
diff --git a/exampleSite/content/gallery/cartoon/index.md b/exampleSite/content/en/gallery/cartoon/index.md
similarity index 100%
rename from exampleSite/content/gallery/cartoon/index.md
rename to exampleSite/content/en/gallery/cartoon/index.md
diff --git a/exampleSite/content/gallery/photo/index.md b/exampleSite/content/en/gallery/photo/index.md
similarity index 100%
rename from exampleSite/content/gallery/photo/index.md
rename to exampleSite/content/en/gallery/photo/index.md
diff --git a/exampleSite/content/posts/_index.md b/exampleSite/content/en/posts/_index.md
similarity index 100%
rename from exampleSite/content/posts/_index.md
rename to exampleSite/content/en/posts/_index.md
diff --git a/exampleSite/content/posts/emoji-support.md b/exampleSite/content/en/posts/emoji-support.md
similarity index 100%
rename from exampleSite/content/posts/emoji-support.md
rename to exampleSite/content/en/posts/emoji-support.md
diff --git a/exampleSite/content/posts/markdown-syntax.md b/exampleSite/content/en/posts/markdown-syntax.md
similarity index 100%
rename from exampleSite/content/posts/markdown-syntax.md
rename to exampleSite/content/en/posts/markdown-syntax.md
diff --git a/exampleSite/content/posts/math-typesetting.md b/exampleSite/content/en/posts/math-typesetting.md
similarity index 100%
rename from exampleSite/content/posts/math-typesetting.md
rename to exampleSite/content/en/posts/math-typesetting.md
diff --git a/exampleSite/content/posts/rich-content.md b/exampleSite/content/en/posts/rich-content.md
similarity index 100%
rename from exampleSite/content/posts/rich-content.md
rename to exampleSite/content/en/posts/rich-content.md
diff --git a/exampleSite/content/posts/shortcodes.md b/exampleSite/content/en/posts/shortcodes.md
similarity index 100%
rename from exampleSite/content/posts/shortcodes.md
rename to exampleSite/content/en/posts/shortcodes.md
diff --git a/exampleSite/content/posts/syntax-highlight.md b/exampleSite/content/en/posts/syntax-highlight.md
similarity index 100%
rename from exampleSite/content/posts/syntax-highlight.md
rename to exampleSite/content/en/posts/syntax-highlight.md
diff --git a/exampleSite/content/posts/test-chartjs.md b/exampleSite/content/en/posts/test-chartjs.md
similarity index 100%
rename from exampleSite/content/posts/test-chartjs.md
rename to exampleSite/content/en/posts/test-chartjs.md
diff --git a/exampleSite/content/posts/test-flowchart.md b/exampleSite/content/en/posts/test-flowchart.md
similarity index 100%
rename from exampleSite/content/posts/test-flowchart.md
rename to exampleSite/content/en/posts/test-flowchart.md
diff --git a/exampleSite/content/posts/test-js-sequence-diagrams.md b/exampleSite/content/en/posts/test-js-sequence-diagrams.md
similarity index 100%
rename from exampleSite/content/posts/test-js-sequence-diagrams.md
rename to exampleSite/content/en/posts/test-js-sequence-diagrams.md
diff --git a/exampleSite/content/posts/test-katex.md b/exampleSite/content/en/posts/test-katex.md
similarity index 100%
rename from exampleSite/content/posts/test-katex.md
rename to exampleSite/content/en/posts/test-katex.md
diff --git a/exampleSite/content/posts/test-mathjax.md b/exampleSite/content/en/posts/test-mathjax.md
similarity index 100%
rename from exampleSite/content/posts/test-mathjax.md
rename to exampleSite/content/en/posts/test-mathjax.md
diff --git a/exampleSite/content/posts/test-mermaid.md b/exampleSite/content/en/posts/test-mermaid.md
similarity index 100%
rename from exampleSite/content/posts/test-mermaid.md
rename to exampleSite/content/en/posts/test-mermaid.md
diff --git a/exampleSite/content/posts/test-viz.md b/exampleSite/content/en/posts/test-viz.md
similarity index 100%
rename from exampleSite/content/posts/test-viz.md
rename to exampleSite/content/en/posts/test-viz.md
diff --git a/exampleSite/content/posts/test-wavedrom.md b/exampleSite/content/en/posts/test-wavedrom.md
similarity index 100%
rename from exampleSite/content/posts/test-wavedrom.md
rename to exampleSite/content/en/posts/test-wavedrom.md
diff --git a/exampleSite/content/pt/_index.md b/exampleSite/content/en/pt/_index.md
similarity index 100%
rename from exampleSite/content/pt/_index.md
rename to exampleSite/content/en/pt/_index.md
diff --git a/exampleSite/content/pt/dir/fourth.md b/exampleSite/content/en/pt/dir/fourth.md
similarity index 100%
rename from exampleSite/content/pt/dir/fourth.md
rename to exampleSite/content/en/pt/dir/fourth.md
diff --git a/exampleSite/content/pt/first.md b/exampleSite/content/en/pt/first.md
similarity index 100%
rename from exampleSite/content/pt/first.md
rename to exampleSite/content/en/pt/first.md
diff --git a/exampleSite/content/pt/second.md b/exampleSite/content/en/pt/second.md
similarity index 100%
rename from exampleSite/content/pt/second.md
rename to exampleSite/content/en/pt/second.md
diff --git a/exampleSite/content/pt/third.md b/exampleSite/content/en/pt/third.md
similarity index 100%
rename from exampleSite/content/pt/third.md
rename to exampleSite/content/en/pt/third.md
diff --git a/exampleSite/content/showcase/_index.md b/exampleSite/content/en/showcase/_index.md
similarity index 100%
rename from exampleSite/content/showcase/_index.md
rename to exampleSite/content/en/showcase/_index.md
diff --git a/exampleSite/content/showcase/hugo/_index.md b/exampleSite/content/en/showcase/hugo/_index.md
similarity index 100%
rename from exampleSite/content/showcase/hugo/_index.md
rename to exampleSite/content/en/showcase/hugo/_index.md
diff --git a/exampleSite/content/showcase/hugo/hugo-theme-zdoc.md b/exampleSite/content/en/showcase/hugo/hugo-theme-zdoc.md
similarity index 96%
rename from exampleSite/content/showcase/hugo/hugo-theme-zdoc.md
rename to exampleSite/content/en/showcase/hugo/hugo-theme-zdoc.md
index 019e2ea..52cdde9 100644
--- a/exampleSite/content/showcase/hugo/hugo-theme-zdoc.md
+++ b/exampleSite/content/en/showcase/hugo/hugo-theme-zdoc.md
@@ -1,10 +1,10 @@
----
-title: "Hugo zDoc Theme"
-date: 2020-01-19T21:13:42+09:00
-description: Make a documentation with hugo zdoc theme!
-weight: 2
-link: https://github.com/zzossig/hugo-theme-zdoc
-repo: https://github.com/zzossig/hugo-theme-zdoc
-pinned: true
-thumb: feature3/css3-bare.png
----
+---
+title: "Hugo zDoc Theme"
+date: 2020-01-19T21:13:42+09:00
+description: Make a documentation with hugo zdoc theme!
+weight: 2
+link: https://github.com/zzossig/hugo-theme-zdoc
+repo: https://github.com/zzossig/hugo-theme-zdoc
+pinned: true
+thumb: feature3/css3-bare.png
+---
diff --git a/exampleSite/content/showcase/hugo/hugo-theme-zzo.md b/exampleSite/content/en/showcase/hugo/hugo-theme-zzo.md
similarity index 100%
rename from exampleSite/content/showcase/hugo/hugo-theme-zzo.md
rename to exampleSite/content/en/showcase/hugo/hugo-theme-zzo.md
diff --git a/exampleSite/content/ko/_index.md b/exampleSite/content/ko/_index.md
new file mode 100644
index 0000000..62ee180
--- /dev/null
+++ b/exampleSite/content/ko/_index.md
@@ -0,0 +1,96 @@
+---
+header:
+  - type: text
+    height: 200
+    paddingX: 50
+    paddingY: 0
+    align: center
+    title:
+      - HUGO
+    subtitle:
+      - The world’s fastest framework for building websites
+    titleColor: 
+    titleShadow: true
+    titleFontSize: 44
+    subtitleColor: 
+    subtitleCursive: true
+    subtitleFontSize: 18
+    spaceBetweenTitleSubtitle: 16
+  
+  - type: img
+    imageSrc: images/header/background.jpg
+    imageSize: cover
+    imageRepeat: no-repeat
+    imagePosition: center
+    height: 235
+    paddingX: 50
+    paddingY: 0
+    align: center
+    title:
+      -
+    subtitle:
+      -
+    titleColor:
+    titleShadow: false
+    titleFontSize: 44
+    subtitleColor:
+    subtitleCursive: false
+    subtitleFontSize: 16
+    spaceBetweenTitleSubtitle: 20
+
+  - type: slide
+    height: 235
+    options:
+        startSlide: 0
+        auto: 5000
+        draggable: true
+        autoRestart: true
+        continuous: true
+        disableScroll: true
+        stopPropagation: true
+    slide:
+      - paddingX: 50
+        paddingY: 0
+        align: left
+        imageSrc: images/header/background.jpg
+        imageSize: cover
+        imageRepeat: no-repeat
+        imagePosition: center
+        title:
+          - header title1
+        subtitle:
+          - header subtitle1
+        titleFontSize: 44
+        subtitleFontSize: 16
+        spaceBetweenTitleSubtitle: 20
+
+      - paddingX: 50
+        paddingY: 0
+        align: center
+        imageSrc: images/header/background.jpg
+        imageSize: cover
+        imageRepeat: no-repeat
+        imagePosition: center
+        title:
+          - header title2
+        subtitle:
+          - header subtitle2
+        titleFontSize: 44
+        subtitleFontSize: 16
+        spaceBetweenTitleSubtitle: 20
+
+      - paddingX: 50
+        paddingY: 0
+        align: right
+        imageSrc: images/header/background.jpg
+        imageSize: cover
+        imageRepeat: no-repeat
+        imagePosition: center
+        title:
+          - header title3
+        subtitle:
+          - header subtitle3
+        titleFontSize: 44
+        subtitleFontSize: 16
+        spaceBetweenTitleSubtitle: 20
+---
\ No newline at end of file
diff --git a/exampleSite/content/about/index.ko.md b/exampleSite/content/ko/about/index.ko.md
similarity index 100%
rename from exampleSite/content/about/index.ko.md
rename to exampleSite/content/ko/about/index.ko.md
diff --git a/exampleSite/content/archive/_index.ko.md b/exampleSite/content/ko/archive/_index.ko.md
similarity index 100%
rename from exampleSite/content/archive/_index.ko.md
rename to exampleSite/content/ko/archive/_index.ko.md
diff --git a/exampleSite/content/gallery/cartoon/index.ko.md b/exampleSite/content/ko/gallery/cartoon/index.ko.md
similarity index 100%
rename from exampleSite/content/gallery/cartoon/index.ko.md
rename to exampleSite/content/ko/gallery/cartoon/index.ko.md
diff --git a/exampleSite/content/gallery/photo/index.ko.md b/exampleSite/content/ko/gallery/photo/index.ko.md
similarity index 100%
rename from exampleSite/content/gallery/photo/index.ko.md
rename to exampleSite/content/ko/gallery/photo/index.ko.md
diff --git a/exampleSite/content/posts/_index.ko.md b/exampleSite/content/ko/posts/_index.ko.md
similarity index 100%
rename from exampleSite/content/posts/_index.ko.md
rename to exampleSite/content/ko/posts/_index.ko.md
diff --git a/i18n/en.toml b/i18n/en.toml
index e1684bf..55fa9f9 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -25,6 +25,9 @@ other = "Jan 2"
 [single-dateformat]
 other = "Jan 2, 2006"
 
+[pub-dateformat]
+other = "2006-01-02"
+
 [single-related]
 other = "See Also"
 
diff --git a/i18n/fa.toml b/i18n/fa.toml
index 3ba82a9..af943ad 100644
--- a/i18n/fa.toml
+++ b/i18n/fa.toml
@@ -25,6 +25,9 @@ other = "Jan 2"
 [single-dateformat]
 other = "Jan 2, 2006"
 
+[pub-dateformat]
+other = "2006-01-02"
+
 [single-related]
 other = "پست های مشابه"
 
diff --git a/i18n/ko.toml b/i18n/ko.toml
index cf500b7..ae5d55a 100644
--- a/i18n/ko.toml
+++ b/i18n/ko.toml
@@ -25,6 +25,9 @@ other = "01월 02일"
 [single-dateformat]
 other = "2006년 01월 02일"
 
+[pub-dateformat]
+other = "2006-01-02"
+
 [single-related]
 other = "관련글"
 
diff --git a/i18n/zh.toml b/i18n/zh.toml
index 9385517..d8d36d9 100644
--- a/i18n/zh.toml
+++ b/i18n/zh.toml
@@ -25,6 +25,9 @@ other = "01月02日"
 [single-dateformat]
 other = "2006年01月02日"
 
+[pub-dateformat]
+other = "2006-01-02"
+
 [single-related]
 other = "相关内容"
 
diff --git a/layouts/_default/list.json.json b/layouts/_default/list.json.json
new file mode 100644
index 0000000..da85c4a
--- /dev/null
+++ b/layouts/_default/list.json.json
@@ -0,0 +1,22 @@
+{{ if eq .Type "publication" }}
+{{ $paginator := .Paginate (where .Pages "Type" "publication") 100 }}
+[{{ range $index, $page := $paginator.Pages }}
+{{- if ne $page.Type "json" -}}
+{{- if and $index (gt $index 0) -}},{{- end }}
+{
+	"uri": "{{ $page.Permalink }}",
+	"title": "{{ htmlEscape $page.Title}}",
+	"shorttitle": "{{ htmlEscape $page.Params.shorttitle}}",
+	"booktitle": "{{ htmlEscape $page.Params.booktitle}}",
+	"tags": [{{ range $tindex, $tag := $page.Params.tags }}{{ if $tindex }}, {{ end }}"{{ $tag| htmlEscape }}"{{ end }}],
+	"authors": "{{ with $page.Params.authors }}{{ delimit . ", " }}{{ end }}",
+	"abstract": "{{ with $page.Params.abstract }}{{ . | markdownify }}{{ end }}",
+	"ENTRYTYPE": "{{ with $page.Params.ENTRYTYPE }}{{ . }}{{ end }}",
+	"publication": "{{ with $page.Params.publication }}{{ . }}{{ end }}",
+	"publishDate": "{{ with $page.Params.publishDate }}{{ . }}{{ end }}",
+	"permalink": "{{ .Permalink }}",
+	"content": {{$page.Plain | jsonify}}
+}
+{{- end -}}
+{{- end -}}]
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/head/scripts.html b/layouts/partials/head/scripts.html
index 4c1de33..e2dea4f 100644
--- a/layouts/partials/head/scripts.html
+++ b/layouts/partials/head/scripts.html
@@ -78,6 +78,8 @@
   }
   // ===============================================================
 
+  {{ $permalink := .Permalink }}
+  var permalink = JSON.parse({{ $permalink | jsonify }});
 
   document.addEventListener('DOMContentLoaded', function () {
     // ============================ tab ============================
@@ -552,44 +554,6 @@
 
 
   // ========================== search ==========================
-    var baseurl = null;
-    {{ $siteBaseURL:= .Site.BaseURL }}
-    var siteBaseURL = JSON.parse({{ $siteBaseURL | jsonify }});
-    var siteBaseChecker = /\/\w+\//i;
-    var isSlug = siteBaseChecker.test(siteBaseURL);
-    var isThemeSite = location.origin.includes('themes.gohugo.io');
-
-    {{ if .Site.IsMultiLingual }}
-        if (isThemeSite) {
-          baseurl = "{{.Site.BaseURL}}{{.Site.LanguagePrefix}}";
-        } else {
-          var hasLangPostfix = location.pathname.includes("/{{.Site.Language.Lang}}");
-          if (hasLangPostfix) {
-            if (isSlug) {
-              baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0] + "{{.Site.Language.Lang}}";
-            } else {
-              baseurl = location.origin + "/{{.Site.Language.Lang}}";
-            }
-          } else {
-            if (isSlug) {
-              baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0];
-            } else {
-              baseurl = location.origin;
-            }
-          }
-        }
-    {{ else }}
-        if (isThemeSite) {
-          baseurl = "{{.Site.BaseURL}}";
-        } else {
-          if (isSlug) {
-            baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0];
-          } else {
-            baseurl = location.origin;
-          } 
-        }
-    {{ end }}
-
     var searchResults = null;
     var searchMenu = null;
     var searchText = null;
@@ -604,12 +568,8 @@
     }
 
     function initFuse() {
-      if (!endsWith(baseurl, "/")) {
-        baseurl = baseurl + '/';
-      };
-
       var xhr = new XMLHttpRequest();
-      xhr.open('GET', baseurl + "index.json");
+      xhr.open('GET', permalink + "index.json");
       xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
       xhr.onload = function () {
         if (xhr.status === 200) {
diff --git a/layouts/partials/pagination/pagination-single.html b/layouts/partials/pagination/pagination-single.html
index d189a50..8aef497 100644
--- a/layouts/partials/pagination/pagination-single.html
+++ b/layouts/partials/pagination/pagination-single.html
@@ -1,36 +1,36 @@
 <div class="grow"></div>
 <nav class="pagination-single">
   {{ if eq ($.Param "languagedir") "rtl" }}
-    {{ if .NextPage }}
-    <a href="{{ .NextPage.Permalink }}" class="pagination-single__right">
+    {{ with .NextInSection }}
+    <a href="{{ .Permalink }}" class="pagination-single__right">
       <div class="pagination-single__icon">
         {{ partial "svgs/arrow/arrow-forward.svg" (dict "width" 25 "height" 25) }}
       </div>
-      <div class="pagination-single__right-title">{{ .NextPage.Title }}</div>
+      <div class="pagination-single__right-title">{{ .Title }}</div>
     </a>
     {{ end }}
     <div class="grow"></div>
-    {{ if .PrevPage }}
-    <a href="{{ .PrevPage.Permalink }}" class="pagination-single__left">
-      <div class="pagination-single__left-title">{{ .PrevPage.Title }}</div>
+    {{ with .PrevInSection }}
+    <a href="{{ .Permalink }}" class="pagination-single__left">
+      <div class="pagination-single__left-title">{{ .Title }}</div>
       <div class="pagination-single__icon">
         {{ partial "svgs/arrow/arrow-back.svg" (dict "width" 25 "height" 25) }}
       </div>
     </a>
     {{ end }}
   {{ else }}
-    {{ if .PrevPage }}
-      <a href="{{ .PrevPage.Permalink }}" class="pagination-single__left">
+    {{ with .PrevInSection }}
+      <a href="{{ .Permalink }}" class="pagination-single__left">
         <div class="pagination-single__icon">
           {{ partial "svgs/arrow/arrow-back.svg" (dict "width" 25 "height" 25) }}
         </div>
-        <div class="pagination-single__left-title">{{ .PrevPage.Title }}</div>      
+        <div class="pagination-single__left-title">{{ .Title }}</div>      
       </a>
     {{ end }}
     <div class="grow"></div>
-    {{ if .NextPage }}
-      <a href="{{ .NextPage.Permalink }}" class="pagination-single__right">      
-        <div class="pagination-single__right-title">{{ .NextPage.Title }}</div>
+    {{ with .NextInSection }}
+      <a href="{{ .Permalink }}" class="pagination-single__right">      
+        <div class="pagination-single__right-title">{{ .Title }}</div>
         <div class="pagination-single__icon">
           {{ partial "svgs/arrow/arrow-forward.svg" (dict "width" 25 "height" 25) }}
         </div>
diff --git a/layouts/partials/publication/pub-links.html b/layouts/partials/publication/pub-links.html
new file mode 100644
index 0000000..c291267
--- /dev/null
+++ b/layouts/partials/publication/pub-links.html
@@ -0,0 +1,38 @@
+<div class="pub__links">
+  {{ with .Params.link }}
+    <a href="{{ . }}" title="{{ . }}" target="_blank" rel="noreferrer" class="button button__medium" data-color="default">
+      url
+    </a>
+  {{ end }}
+  <button title="Cite Button" aria-label="Cite Button" id="citeBtn" class="button button__medium" data-color="default">
+    cite
+  </button>
+</div>
+
+<div class="modal micromodal-slide" id="modal" aria-hidden="true">
+  <div class="modal__overlay" tabindex="-1" data-micromodal-close>
+    <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="modal-title">
+      <div class="modal__paging">
+        Cite
+      </div>
+      <div class="modal__icon modal__toolbar--close" title="Close" aria-label="Close Button" data-micromodal-close>
+        {{ partial "svgs/etc/close.svg" (dict "width" 25 "height" 25) }}
+      </div>
+      <main class="modal__cite">
+        {{ $filePath := (print .Permalink "cite.bib" | relLangURL) }}
+        {{ if fileExists $filePath }}
+          <div class="modal__cite--exist" id="citeContents">
+            {{ readFile $filePath | markdownify }}
+          </div>
+        {{ else }}
+          <div class="modal__cite--notexist">
+            cite.bib file not found
+          </div>
+        {{ end }}
+      </main>
+      <button id="copyBtn" class="button modal__copy" data-color="default" aria-label="Cite Copy Button" data-clipboard-target="#citeContents">
+        {{ i18n "copy" | default "Copy"}}
+      </button>
+    </div>
+  </div>
+</div>
diff --git a/layouts/partials/publication/pub-list.html b/layouts/partials/publication/pub-list.html
new file mode 100644
index 0000000..5902dac
--- /dev/null
+++ b/layouts/partials/publication/pub-list.html
@@ -0,0 +1,34 @@
+<div class="pub__list">
+  {{ $paginator := .Paginate (where .Pages "Type" .Type) ($.Param "pubPaginate") }}
+  <ul>
+    {{ range $paginator.Pages }}
+    <li class="pub__item">
+      <a href="{{ .Permalink }}">
+        {{ .Title }}
+        {{ with .Params.shorttitle }}
+          <span class="p2">
+          - {{ . }}
+          </span>
+        {{ end }}
+        {{ with .Params.booktitle }}
+          <span class="p2">
+          - {{ . }}
+          </span>
+        {{ end }}
+      </a>
+      {{ if not .IsNode }}
+        <div>
+          {{ partial "publication/pub-meta" . }}
+        </div>
+        <div class="pub__summary">
+          {{ .Params.abstract }}
+        </div>
+      {{ else }}
+        <div class="pub__summary">
+          {{ .Params.description | markdownify }}
+        </div>
+      {{ end }}
+    </li>
+    {{ end }}
+  </ul>
+</div>
\ No newline at end of file
diff --git a/layouts/partials/publication/pub-meta.html b/layouts/partials/publication/pub-meta.html
new file mode 100644
index 0000000..0d49f43
--- /dev/null
+++ b/layouts/partials/publication/pub-meta.html
@@ -0,0 +1 @@
+<span class="caption pub__meta">📅 {{ if .Params.publishDate }}{{ dateFormat (i18n "pub-dateformat") .Params.publishDate }}{{ end }}</span>{{ with .Params.authors }}<span class="caption pub__meta">✍️ {{ delimit . ", " }}</span>{{ end }}{{ with .Params.publication }}<span class="caption pub__meta">📚 {{ . }}</span>{{ end }}{{ with .Params.ENTRYTYPE }}<span class="caption pub__meta" data-entry-type="{{ . }}">🎯 {{ . }}</span>{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/publication/pub-toolbar.html b/layouts/partials/publication/pub-toolbar.html
new file mode 100644
index 0000000..cd90725
--- /dev/null
+++ b/layouts/partials/publication/pub-toolbar.html
@@ -0,0 +1,18 @@
+{{ $current := . }}
+<nav class="showcase__nav">
+  <div class="pub__toolbar--search search">
+    <input id="pubSearch" aria-label="Publication Search" class="input" type="text" placeholder="{{T "search-placeholder"}}" autocomplete="off"/>
+  </div>
+  <a href="{{ .FirstSection.Permalink }}" class="showcase__button {{ if eq .Permalink .FirstSection.Permalink }}active{{ end }}">
+    {{ i18n "showcase-overview" }}
+  </a>
+  {{ range (.Site.GetPage "section" .Type).Pages }}
+    {{ $active := false }}
+    {{ $active = or $active (eq .Name $current.Title) }}
+    {{ $active = or $active (eq (lower .Permalink) (lower $current.Title)) }}
+    {{ $active = or $active (eq (lower .Permalink) (lower $current.Type)) }}
+    <a href="{{ .Permalink }}" class="showcase__button {{ if $active }}active{{ end }}" data-meta="{{ len .Pages }}">
+      {{ i18n (lower .Title) | default .Title }}
+    </a>
+  {{ end }}
+</nav>
\ No newline at end of file
diff --git a/layouts/partials/script/pub-list-script.html b/layouts/partials/script/pub-list-script.html
new file mode 100644
index 0000000..b3e64c3
--- /dev/null
+++ b/layouts/partials/script/pub-list-script.html
@@ -0,0 +1,132 @@
+{{ $shave := resources.Get "js/shave.min.js" | resources.Fingerprint }}
+<script defer src="{{ $shave.RelPermalink }}"></script>
+{{ $fuzzysort := resources.Get "js/fuzzysort.min.js" | resources.Fingerprint }}
+<script defer src="{{ $fuzzysort.RelPermalink }}"></script>
+
+<script>
+  {{ $permalink := .Permalink }}
+  var permalink = JSON.parse({{ $permalink | jsonify }});
+  {{ $isRootSection := eq .Permalink .FirstSection.Permalink }}
+  var isRootSection = JSON.parse({{ $isRootSection | jsonify }});
+  var data = null;
+  const options = {
+    limit: 100, // don't return more results than you need!
+    allowTypo: false, // if you don't care about allowing typos
+    threshold: -10000, // don't return bad results
+    keys: ['title', 'abstract'],
+  }
+  
+  document.addEventListener('DOMContentLoaded', function () {
+    // search
+    (function loadData() {
+      var xhr = new XMLHttpRequest();
+      xhr.open('GET', permalink + "index.json");
+      xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
+      xhr.onload = function () {
+        if (xhr.status === 200) {
+          data = JSON.parse(xhr.response.toString('utf-8'));
+        } else {
+          console.error('[' + xhr.status + ']Error:', xhr.statusText);
+        }
+      };
+      xhr.send();
+    })();
+
+    var pubSearch = document.getElementById('pubSearch');
+    var pubList = document.querySelector('.pub__list');
+
+    var makeLi = function(ulElem, obj) {
+      var li = document.createElement('li');
+      li.className = 'pub__item';
+      
+      var a = document.createElement('a');
+      a.innerHTML = obj.title;
+      a.setAttribute('href', obj.permalink);
+      if (obj.booktitle) {
+        var span = document.createElement('span');
+        span.className = 'p2';
+        span.innerText = ' - ' + obj.booktitle;
+        a.appendChild(span);
+      } else if (obj.shorttitle) {
+        var span = document.createElement('span');
+        span.className = 'p2';
+        span.innerText = ' - ' + obj.shorttitle;
+        a.appendChild(span);
+      }
+
+      var metaDiv = document.createElement('div');
+      if (obj.publishDate) {
+        var dateSpan = document.createElement('span');
+        dateSpan.className = 'caption pub__meta';
+        dateSpan.innerText = '📅 ' + obj.publishDate.slice(0, 11);
+        metaDiv.appendChild(dateSpan);
+      }
+
+      if (obj.authors) {
+        var authorsSpan = document.createElement('span');
+        authorsSpan.className = 'caption pub__meta';
+        authorsSpan.innerText = '✍️ ' + obj.authors.toString();
+        metaDiv.appendChild(authorsSpan);
+      }
+
+      if (obj.publication) {
+        var pubSpan = document.createElement('span');
+        pubSpan.className = 'caption pub__meta';
+        pubSpan.innerText = '📚 ' + obj.publication;
+        metaDiv.appendChild(pubSpan);
+      }
+
+      if (obj.ENTRYTYPE) {
+        var typeSpan = document.createElement('span');
+        typeSpan.className = 'caption pub__meta';
+        typeSpan.innerText = '🎯 ' + obj.ENTRYTYPE;
+        metaDiv.appendChild(typeSpan);
+      }
+
+      var descDiv = document.createElement('div');
+      descDiv.className = 'pub__summary';
+      if (obj.abstract) {
+        descDiv.innerHTML = obj.abstract.substr(0, 300);
+      }
+      
+      li.appendChild(a);
+      li.appendChild(metaDiv);
+      li.appendChild(descDiv);
+      ulElem.appendChild(li);
+    }
+
+    pubSearch ? 
+    pubSearch.addEventListener('input', function(e) {
+      if (isRootSection) {
+        return null;
+      }
+      var originUl = pubList.querySelector('ul');
+      var ul = document.createElement('ul');
+      
+      if (!e.target.value) {
+        data.forEach(function (elem) {
+          makeLi(ul, elem);
+        });
+        originUl.parentNode.replaceChild(ul, originUl);
+      } else if (data) {
+        var results = fuzzysort.go(e.target.value, data, options);
+        if (results && results.length) {
+          var sortedResult = results.sort(function (a, b) {
+            var aDate = new Date(a.obj.publishDate);
+            var bDate = new Date(b.obj.publishDate);
+            return bDate.getTime() - aDate.getTime();
+          });
+
+          sortedResult.forEach(function (elem) {
+            makeLi(ul, elem.obj);
+          });
+
+          originUl.parentNode.replaceChild(ul, originUl);
+        }
+      }
+    }) : null;
+
+    // shave
+    shave('.pub__summary', 150);
+  });
+</script>
\ No newline at end of file
diff --git a/layouts/partials/script/pub-single-script.html b/layouts/partials/script/pub-single-script.html
new file mode 100644
index 0000000..c3f9889
--- /dev/null
+++ b/layouts/partials/script/pub-single-script.html
@@ -0,0 +1,30 @@
+{{ $micromodal := resources.Get "js/micromodal.min.js" | resources.Fingerprint }}
+<script defer src="{{ $micromodal.RelPermalink }}"></script>
+{{ $clipboard := resources.Get "js/clipboard.min.js" | resources.Fingerprint }}
+<script defer src="{{ $clipboard.RelPermalink }}"></script>
+
+<script>
+  document.addEventListener('DOMContentLoaded', function () {
+    // modal
+    MicroModal.init({
+      disableScroll: true,
+      disableFocus: true,
+      awaitOpenAnimation: false,
+      awaitCloseAnimation: false,
+      debugMode: false,
+      onClose: function(modal) {
+        if (clipboard) {
+          clipboard = null;
+        }
+      },
+    });
+
+    var citeBtn = document.getElementById('citeBtn');
+    citeBtn.addEventListener('click', function () {
+      MicroModal.show('modal');
+    });
+
+    // clipboard
+    var clipboard = new ClipboardJS('#copyBtn');
+  });
+</script>
\ No newline at end of file
diff --git a/layouts/pt/single.html b/layouts/presentation/single.html
similarity index 100%
rename from layouts/pt/single.html
rename to layouts/presentation/single.html
diff --git a/layouts/publication/list.html b/layouts/publication/list.html
new file mode 100644
index 0000000..1641b2c
--- /dev/null
+++ b/layouts/publication/list.html
@@ -0,0 +1,15 @@
+{{ define "main" }}
+<main class="main pub inner" data-sidebar-position="{{ $.Param "sidebarPosition" }}">
+  <section class="pub__section lmr">
+    {{ partial "publication/pub-toolbar" . }}
+    {{ partial "publication/pub-list" . }}
+    <div class="grow"></div>
+    {{ partial "pagination/pagination" . }}
+  </section>
+  
+  {{ partial "script/pub-list-script" . }}
+  <div class="hide">
+    {{ partial "search/site-search" . }}
+  </div>
+</main>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/publication/single.html b/layouts/publication/single.html
new file mode 100644
index 0000000..08d23f4
--- /dev/null
+++ b/layouts/publication/single.html
@@ -0,0 +1,43 @@
+{{ define "main" }}
+
+<main class="single__main {{ if or ($.Param "enableToc") ($.Param "toc") }}{{ if $.Param "hideToc" }}main{{ else if eq ($.Param "tocPosition") "outer" }}main{{ else }}main-main{{ end }}{{ else }}main{{ end }}">
+  {{ if $.Param "enableBreadcrumb" }}
+    {{ partial "body/breadcrumb" . }}
+  {{ end }}
+  <div class="single">
+    <h2 class="single__title">{{ .Title }}</h2>
+    {{ with .Params.shorttitle }}
+      <h6 class="single__shorttitle">{{ . }}</h6>
+    {{ end }}
+    {{ with .Params.booktitle }}
+      <h6 class="single__shorttitle">{{ . }}</h6>
+    {{ end }}
+    <div class="single__meta">
+      {{ partial "publication/pub-meta" . }}
+    </div>
+    <div class="pub__links">
+      {{ partial "publication/pub-links" . }}
+    </div>
+    <article class="single__contents" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
+      {{ .Params.abstract }}
+      {{ .Content }}
+    </article>
+    {{ partial "body/share" . }}
+    {{ partial "body/donation" . }}
+    {{ partial "body/whoami" . }}
+    {{ partial "comments/comments.html" . }}
+    {{ partial "body/photoswipe" . }}
+
+    <div class="hide">
+      {{ partial "search/site-search" . }}
+    </div>
+  </div>
+</main>
+
+{{ if and (or ($.Param "enableToc") ($.Param "toc")) (ne ($.Param "tocPosition") "outer") }}
+<aside class="single__side {{ if or ($.Param "enableToc") ($.Param "toc") }}main-side{{ end }}">
+  {{ partial "sidebar/sidebar-single" . }}
+</aside>
+{{ end }}
+{{ partial "script/pub-single-script" . }}
+{{ end }}
\ No newline at end of file