kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

go-to-top added, comment system added, google analytics support, gallery bug fixed, perfect-scrollbar deleted, whoami added

This commit is contained in:
zzossig 2019-11-10 04:52:09 +09:00
parent 19cde2c2f5
commit 6f7c1334ef
62 changed files with 421 additions and 253 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@ -1,6 +1,6 @@
# Zzo theme for Hugo # Zzo theme for Hugo
**Zzo** theme made for bloggers. **Zzo** is a blog theme for Hugo with many features.
It uses HTML5 with a modern CSS grid and flex layout. Recent versions of all the mayor browsers support it, see [Can I use css grid](http://caniuse.com/#search=grid). It uses HTML5 with a modern CSS grid and flex layout. Recent versions of all the mayor browsers support it, see [Can I use css grid](http://caniuse.com/#search=grid).
@ -221,21 +221,28 @@ You shoud make your own menu.
description = "The Zzo theme for Hugo example site." description = "The Zzo theme for Hugo example site."
custom_css = ["css/custom.css", "css/custom.css"] custom_css = ["css/custom.css", "css/custom.css"]
custom_js = ["js/custom.js"] custom_js = ["js/custom.js"]
custom_skin = "custom" myname = "yourname"
whoami = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet cursus massa. Vestibulum eu posuere est. Suspendisse erat purus, mollis in leo quis, hendrerit fringilla felis."
# body # body
enableToc = true enableToc = true
enableBreadcrumb = true enableBreadcrumb = true
enableCustomScrollbar = true
enablePhotoSwipe = true enablePhotoSwipe = true
enableSearch = true enableSearch = true
enableMark = true enableMark = true
enableGoToTop = true
enableWhoami = true
# sidebar # sidebar
enableSidebarTags = true enableSidebarTags = true
enableSidebarSeries = true enableSidebarSeries = true
enableSidebarCategories = true enableSidebarCategories = true
# comment
enableComment = false
disqus_shortname = ""
commento = false
# footer # footer
showPoweredBy = true showPoweredBy = true
showFeedLinks = true showFeedLinks = true
@ -244,6 +251,7 @@ enableLangChange = true
enableThemeChange = true enableThemeChange = true
themeOptions = ["dark", "light", "hacker", "solarized"] themeOptions = ["dark", "light", "hacker", "solarized"]
[socialOptions] [socialOptions]
email = "mailto:your@email.com"
facebook = "http://example.org/" facebook = "http://example.org/"
twitter = "http://example.org/" twitter = "http://example.org/"
github = "http://example.org/" github = "http://example.org/"
@ -254,7 +262,7 @@ themeOptions = ["dark", "light", "hacker", "solarized"]
medium = "" medium = ""
tumblr = "" tumblr = ""
linkedin = "" linkedin = ""
pinterest = "http://example.org/" pinterest = ""
stack-exchange = "" stack-exchange = ""
``` ```

2
archetypes/about.md
View File

@ -1,7 +1,7 @@
--- ---
title: "{{ replace .Name "-" " " | title }}" title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }} date: {{ .Date }}
desc: description:
type: about type: about
tags: tags:
- -

2
archetypes/archive.md
View File

@ -1,7 +1,7 @@
--- ---
title: "{{ replace .Name "-" " " | title }}" title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }} date: {{ .Date }}
desc: description:
type: archive type: archive
tags: tags:
- -

2
archetypes/default.md
View File

@ -1,7 +1,7 @@
--- ---
title: "{{ replace .Name "-" " " | title }}" title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }} date: {{ .Date }}
desc: description:
tags: tags:
- -
series: series:

2
archetypes/gallery.md
View File

@ -1,7 +1,7 @@
--- ---
title: "{{ replace .Name "-" " " | title }}" title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }} date: {{ .Date }}
desc: description:
type: gallery type: gallery
tags: tags:
- -

6
assets/css/photoswipe/custom-skin.css
View File

@ -56,7 +56,7 @@
.pswp__button, .pswp__button,
.pswp__button--arrow--left:before, .pswp__button--arrow--left:before,
.pswp__button--arrow--right:before { .pswp__button--arrow--right:before {
background: url(images/photoswipe/default-skin.png) 0 0 no-repeat; background: url(../../images/photoswipe/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px; background-size: 264px 88px;
width: 44px; width: 44px;
height: 44px; height: 44px;
@ -71,7 +71,7 @@
.pswp--svg .pswp__button, .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before { .pswp--svg .pswp__button--arrow--right:before {
background-image: url(images/photoswipe/default-skin.svg); background-image: url(../../images/photoswipe/default-skin.svg);
} }
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--left,
@ -372,7 +372,7 @@ a.pswp__share--download:hover {
.pswp__preloader--active .pswp__preloader__icn { .pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */ /* We use .gif in browsers that don't support CSS animation */
background: url(/images/photoswipe/preloader.gif) 0 0 no-repeat; background: url(../../images/photoswipe/preloader.gif) 0 0 no-repeat;
} }
.pswp--css_animation .pswp__preloader--active { .pswp--css_animation .pswp__preloader--active {

2
assets/js/perfect-scrollbar.jquery.min.js vendored
View File

File diff suppressed because one or more lines are too long

22
assets/js/zzo.js
View File

@ -9,6 +9,7 @@ $(document).ready(function() {
var position = $(window).scrollTop(); var position = $(window).scrollTop();
$(window).scroll(function () { $(window).scroll(function () {
var navbar = $('.navbar'); var navbar = $('.navbar');
var gtt = $('#gtt');
var scroll = $(window).scrollTop(); var scroll = $(window).scrollTop();
if (scroll > position) { // scroll down if (scroll > position) { // scroll down
@ -21,6 +22,10 @@ $(document).ready(function() {
} else if (navbar.hasClass('navbar--show')) { } else if (navbar.hasClass('navbar--show')) {
navbar.removeClass('navbar--show'); navbar.removeClass('navbar--show');
} }
if (scroll > 500 && gtt.hasClass('hide')) {
gtt.removeClass('hide');
}
$(".single__contents :header").each(function () { $(".single__contents :header").each(function () {
if ($(window).scrollTop() >= $(this).position().top) { if ($(window).scrollTop() >= $(this).position().top) {
@ -36,13 +41,16 @@ $(document).ready(function() {
} }
}); });
} else { // scroll up } else { // scroll up
var navbar = $('.navbar');
if (navbar.hasClass('navbar--hide')) { if (navbar.hasClass('navbar--hide')) {
navbar.removeClass('navbar--hide'); navbar.removeClass('navbar--hide');
} else if (!navbar.hasClass('navbar--show')) { } else if (!navbar.hasClass('navbar--show')) {
navbar.addClass('navbar--show'); navbar.addClass('navbar--show');
} }
if (scroll < 500 && !gtt.hasClass('hide')) {
gtt.addClass('hide');
}
$(".single__contents :header").each(function () { $(".single__contents :header").each(function () {
if ($(window).scrollTop() >= $(this).position().top) { if ($(window).scrollTop() >= $(this).position().top) {
var id = $(this).attr('id'); var id = $(this).attr('id');
@ -61,7 +69,7 @@ $(document).ready(function() {
}); });
// media query // media query
enquire.register("screen and (max-width:769px)", { enquire.register("screen and (max-width: 769px)", {
match: function () { match: function () {
$('main').removeClass('main-main').removeClass('main').addClass('main'); $('main').removeClass('main-main').removeClass('main').addClass('main');
$('aside').removeClass('main-side').removeClass('hide').addClass('hide'); $('aside').removeClass('main-side').removeClass('hide').addClass('hide');
@ -77,6 +85,16 @@ $(document).ready(function() {
setup: function () { }, setup: function () { },
deferSetup: true, deferSetup: true,
destroy: function () { }, destroy: function () { },
}).register("screen and (max-width: 1120px)", {
match: function () {
$('#gtt').removeClass('hide').addClass('hide');
},
unmatch: function () {
$('#gtt').removeClass('hide');
},
setup: function () { },
deferSetup: true,
destroy: function () { },
}); });
// navbar // navbar

22
assets/sass/components/_gtt.scss Normal file
View File

@ -0,0 +1,22 @@
.gtt {
position: fixed;
right: 1rem;
bottom: 1rem;
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
@include flexbox();
@include align-items(center);
@include justify-content(center);
@include themify($themes) {
color: themed('gtt-color');
background-color: themed('gtt-background-color');
@include on-event {
color: themed('gtt-hover-color');
background-color: themed('gtt-hover-background-color');
}
}
}

2
assets/sass/components/_search.scss
View File

@ -30,7 +30,7 @@
@include truncate(100%); @include truncate(100%);
@include themify($themes) { @include themify($themes) {
color: themed("search-color"); color: themed("search-color");
background-color: themed("search-background-color"); background-color: inherit;
@include input-placeholder { @include input-placeholder {
font-family: $search_placeholder_font; font-family: $search_placeholder_font;
color: themed("search-placeholder-color"); color: themed("search-placeholder-color");

24
assets/sass/components/_summary.scss
View File

@ -32,26 +32,28 @@
font-family: $summary_text_font; font-family: $summary_text_font;
} }
&__image-wrapper {
height: 100%;
width: auto;
margin: 0 auto;
padding: 1rem;
}
&__image { &__image {
width: 100%; width: 100%;
height: 100%; height: 100%;
&-wrapper {
height: 100%;
width: auto;
margin: 0 auto;
padding: 1rem;
padding-bottom: 0;
}
} }
.video { .video {
padding: 0 1rem;
}
.video-js {
width: 100%; width: 100%;
max-height: 500px; max-height: 500px;
object-fit: contain; object-fit: contain;
&-wrapper {
padding: 1rem;
padding-bottom: 0;
}
} }
hr { hr {

1
assets/sass/components/_taxo.scss
View File

@ -3,6 +3,7 @@
margin: 1.5rem 0; margin: 1.5rem 0;
&__title { &__title {
font-weight: 700;
font-family: $taxo_titie_font; font-family: $taxo_titie_font;
@include themify($themes) { @include themify($themes) {
color: themed('taxo-title-color'); color: themed('taxo-title-color');

32
assets/sass/components/_whoami.scss Normal file
View File

@ -0,0 +1,32 @@
.whoami {
padding: 1rem;
margin: 4rem 0;
border-radius: 0.25rem;
@include flexbox();
@include themify($themes) {
border: 2px dashed themed('whoami-border-color');
}
&__image {
width: 100%;
height: 100%;
object-fit: contain;
&-wrapper {
border-radius: 50%;
margin-right: 1rem;
min-width: 64px;
min-height: 64px;
max-width: 100px;
}
}
&__title {
font-weight: 700;
margin-bottom: 0.5rem;
}
&__desc {
}
}

7
assets/sass/main.scss
View File

@ -106,6 +106,11 @@ $archive_meta_color: {{ $scr.Get "archive_meta_color" }};
$archive_key_background_color: {{ $scr.Get "archive_key_background_color" }}; $archive_key_background_color: {{ $scr.Get "archive_key_background_color" }};
$archive_type_background_color: {{ $scr.Get "archive_type_background_color" }}; $archive_type_background_color: {{ $scr.Get "archive_type_background_color" }};
$archive_hover_line_color: {{ $scr.Get "archive_hover_line_color" }}; $archive_hover_line_color: {{ $scr.Get "archive_hover_line_color" }};
$gtt_color: {{ $scr.Get "gtt_color" }};
$gtt_background_color: {{ $scr.Get "gtt_background_color" }};
$gtt_hover_color: {{ $scr.Get "gtt_hover_color" }};
$gtt_hover_background_color: {{ $scr.Get "gtt_hover_background_color" }};
$whoami_border_color: {{ $scr.Get "whoami_border_color" }};
@import 'abstracts/variables'; @import 'abstracts/variables';
@import 'abstracts/mixins'; @import 'abstracts/mixins';
@ -137,6 +142,8 @@ $archive_hover_line_color: {{ $scr.Get "archive_hover_line_color" }};
@import 'components/alert'; @import 'components/alert';
@import 'components/attachment'; @import 'components/attachment';
@import 'components/tooltip'; @import 'components/tooltip';
@import 'components/gtt';
@import 'components/whoami';
@import 'pages/body'; @import 'pages/body';
@import 'pages/home'; @import 'pages/home';

1
assets/sass/pages/_body.scss
View File

@ -1,4 +1,5 @@
#body { #body {
position: relative;
@include themify($themes) { @include themify($themes) {
color: themed('body-color'); color: themed('body-color');
background-color: themed('backdrop-background-color'); background-color: themed('backdrop-background-color');

2
assets/sass/prism/_hacker.scss
View File

@ -9,7 +9,7 @@
color: #fafafa !important; color: #fafafa !important;
background: #2f2f2f; background: #2f2f2f;
font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
font-size: 1em; font-size: 14px;
line-height: 1.5em; line-height: 1.5em;
-moz-tab-size: 4; -moz-tab-size: 4;

2
assets/sass/prism/_solarized.scss
View File

@ -14,7 +14,7 @@
pre[class*="language-"], pre[class*="language-"],
code[class*="language-"] { code[class*="language-"] {
color: #5c6e74; color: #5c6e74;
font-size: 13px; font-size: 14px;
text-shadow: none; text-shadow: none;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
direction: ltr; direction: ltr;

119
assets/sass/themes/_custom.scss
View File

@ -29,61 +29,66 @@ $custom: (
sidebar-title-color: $sidebar_title_color, sidebar-title-color: $sidebar_title_color,
sidebar-li-color: $sidebar_li_color, sidebar-li-color: $sidebar_li_color,
taxo-title-color: $taxo_title_color, taxo-title-color: $taxo_title_color,
taxo-tags-background-color: $taxo_tags-background-color, taxo-tags-background-color: $taxo_tags_background_color,
taxo-tags-color: $taxo-tags-color, taxo-tags-color: $taxo_tags_color,
taxo-series-background-color: $taxo-series-background-color, taxo-series-background-color: $taxo_series_background_color,
taxo-series-color: $taxo-series-color, taxo-series-color: $taxo_series_color,
taxo-categories-background-color: $taxo-categories-background-color, taxo-categories-background-color: $taxo_categories_background_color,
taxo-categories-color: $taxo-categories-color, taxo-categories-color: $taxo_categories_color,
taxo-background-color-hover: $taxo-background-color-hover, taxo-background-color-hover: $taxo_background_color_hover,
breadcrumb-item-color: $breadcrumb-item-color, breadcrumb-item-color: $breadcrumb_item_color,
breadcrumb-background-color: $breadcrumb-background-color, breadcrumb-background-color: $breadcrumb_background_color,
breadcrumb-item-active-color: $breadcrumb-item-active-color, breadcrumb-item-active-color: $breadcrumb_item_active_color,
list-header-title-color: $list-header-title-color, list-header-title-color: $list_header_title_color,
figcaption-color: $figcaption-color, figcaption-color: $figcaption_color,
figcaption-strong-color: $figcaption-strong-color, figcaption-strong-color: $figcaption_strong_color,
single-hr-background-color: $single-hr-background-color, single-hr-background-color: $single_hr_background_color,
single-blockquote-border-color: $single-blockquote-border-color, single-blockquote-border-color: $single_blockquote_border_color,
single-header-title-color: $single-header-title-color, single-header-title-color: $single_header_title_color,
single-contents-title-color: $single-contents-title-color, single-contents-title-color: $single_contents_title_color,
related-header-title-color: $related-header-title-color, related-header-title-color: $related_header_title_color,
related-link-color: $related-link-color, related-link-color: $related_link_color,
content-pre-main-color: $content-pre-main-color, content-pre-main-color: $content_pre_main_color,
content-pre-background-color: $content-pre-background-color, content-pre-background-color: $content_pre_background_color,
content-code-color: $content-code-color, content-code-color: $content_code_color,
content-code-background-color: $content-code-background-color, content-code-background-color: $content_code_background_color,
burger-menu-color: $burger-menu-color, burger-menu-color: $burger_menu_color,
social-icon-color: $social-icon-color, social-icon-color: $social_icon_color,
social-icon-hover-color: $social-icon-hover-color, social-icon-hover-color: $social_icon_hover_color,
pagination-link-color: $pagination-link-color, pagination-link-color: $pagination_link_color,
pagination-background-color: $pagination-background-color, pagination-background-color: $pagination_background_color,
pagination-disabled-color: $pagination-disabled-color, pagination-disabled-color: $pagination_disabled_color,
pagination-number-color: $pagination-number-color, pagination-number-color: $pagination_number_color,
photoswipe-hover-color: $photoswipe-hover-color, photoswipe-hover-color: $photoswipe_hover_color,
photoswipe-color: $photoswipe-color, photoswipe-color: $photoswipe_color,
photoswipe-hover-background-color: $photoswipe-hover-background-color, photoswipe-hover-background-color: $photoswipe_hover_background_color,
photoswipe-background-color: $photoswipe-background-color, photoswipe-background-color: $photoswipe_background_color,
terms-title-color: $terms-title-color, terms-title-color: $terms_title_color,
terms-tags-color: $terms-tags-color, terms-tags-color: $terms_tags_color,
terms-categories-color: $terms-categories-color, terms-categories-color: $terms_categories_color,
terms-series-color: $terms-series-color, terms-series-color: $terms_series_color,
terms-len-color: $terms-len-color, terms-len-color: $terms_len_color,
toc-label-color: $toc-label-color, toc-label-color: $toc_label_color,
toc-title-color: $toc-title-color, toc-title-color: $toc_title_color,
toc-vertical-line: $toc-vertical-line, toc-vertical-line: $toc_vertical_line,
toc-vertical-line-active: $toc-vertical-line-active, toc-vertical-line-active: $toc_vertical_line_active,
search-placeholder-color: $search-placeholder-color, search-placeholder-color: $search_placeholder_color,
search-color: $search-color, search-color: $search_color,
search-icon-color: $search-icon-color, search-icon-color: $search_icon_color,
search-background-color: $search-background-color, search-background-color: $search_background_color,
search-content-background-color: $search-content-background-color, search-content-background-color: $search_content_background_color,
search-hover-background-color: $search-hover-background-color, search-hover-background-color: $search_hover_background_color,
mark-color: $mark-color, mark-color: $mark_color,
mark-background-color: $mark-background-color, mark-background-color: $mark_background_color,
archive-key-color: $archive-key-color, archive-key-color: $archive_key_color,
archive-type-color: $archive-type-color, archive-type-color: $archive_type_color,
archive-meta-color: $archive-meta-color, archive-meta-color: $archive_meta_color,
archive-key-background-color: $archive-key-background-color, archive-key-background-color: $archive_key_background_color,
archive-type-background-color: $archive-type-background-color, archive-type-background-color: $archive_type_background_color,
archive-hover-line-color: $archive-hover-line-color, archive-hover-line-color: $archive_hover_line_color,
gtt-color: $gtt_color,
gtt-background-color: $gtt_background_color,
gtt-hover-color: $gtt_hover_color,
gtt-hover-background-color: $gtt_hover_background_color,
whoami-border-color: $whoami_border_color,
) !default; ) !default;

5
assets/sass/themes/_dark.scss
View File

@ -87,4 +87,9 @@ $dark: (
archive-key-background-color: #FF6188, archive-key-background-color: #FF6188,
archive-type-background-color: #82aaff, archive-type-background-color: #82aaff,
archive-hover-line-color: #FF6188, archive-hover-line-color: #FF6188,
gtt-color: #bdbdbd,
gtt-background-color: #403E41,
gtt-hover-color: #82aaff,
gtt-hover-background-color: lighten(#403E41, 5%),
whoami-border-color: #90a4ae,
); );

7
assets/sass/themes/_hacker.scss
View File

@ -58,7 +58,7 @@ $hacker: (
burger-menu-color: $primary-color, burger-menu-color: $primary-color,
social-icon-color: #9e9e9e, social-icon-color: #9e9e9e,
social-icon-hover-color: darken(#9e9e9e, 20%), social-icon-hover-color: darken(#9e9e9e, 20%),
pagination-link-color: #7B4D94, pagination-link-color: #996287,
pagination-background-color: #252526, pagination-background-color: #252526,
pagination-disabled-color: #424242, pagination-disabled-color: #424242,
pagination-number-color: #FCFCFA, pagination-number-color: #FCFCFA,
@ -90,4 +90,9 @@ $hacker: (
archive-key-background-color: #E08C48, archive-key-background-color: #E08C48,
archive-type-background-color: #855E78, archive-type-background-color: #855E78,
archive-hover-line-color: #FF6188, archive-hover-line-color: #FF6188,
gtt-color: #9e9e9e,
gtt-background-color: #403e41,
gtt-hover-color: #E3CD26,
gtt-hover-background-color: lighten(#403e41, 5%),
whoami-border-color: #996287,
); );

35
assets/sass/themes/_light.scss
View File

@ -28,14 +28,14 @@ $light: (
navbar-dropdown-item-hover-background-color: #bdbdbd, navbar-dropdown-item-hover-background-color: #bdbdbd,
sidebar-title-color: #424242, sidebar-title-color: #424242,
sidebar-li-color: #424242, sidebar-li-color: #424242,
taxo-title-color: #424242, taxo-title-color: #607d8b,
taxo-tags-background-color: #9e9e9e, taxo-tags-background-color: #eeeeee,
taxo-tags-color: #eeeeee, taxo-tags-color: #424242,
taxo-series-background-color: #9e9e9e, taxo-series-background-color: #eeeeee,
taxo-series-color: #eeeeee, taxo-series-color: #424242,
taxo-categories-background-color: #9e9e9e, taxo-categories-background-color: #eeeeee,
taxo-categories-color: #eeeeee, taxo-categories-color: #424242,
taxo-background-color-hover: darken(#9e9e9e, 5%), taxo-background-color-hover: darken(#eeeeee, 5%),
breadcrumb-item-color: #424242, breadcrumb-item-color: #424242,
breadcrumb-background-color: #eeeeee, breadcrumb-background-color: #eeeeee,
breadcrumb-item-active-color: #bdbdbd, breadcrumb-item-active-color: #bdbdbd,
@ -72,13 +72,13 @@ $light: (
toc-title-color: #727072, toc-title-color: #727072,
toc-vertical-line: #727072, toc-vertical-line: #727072,
toc-vertical-line-active: #FF6188, toc-vertical-line-active: #FF6188,
search-placeholder-color: #eeeeee, search-placeholder-color: #bdbdbd,
search-color: #FCFCFA, search-color: #424242,
search-icon-color: #eeeeee, search-icon-color: #bdbdbd,
search-background-color: #9e9e9e, search-background-color: #eeeeee,
search-content-color: #FCFCFA, search-content-color: #424242,
search-content-background-color: #9e9e9e, search-content-background-color: #eeeeee,
search-hover-background-color: darken(#9e9e9e, 10%), search-hover-background-color: darken(#eeeeee, 10%),
mark-color: #FCFCFA, mark-color: #FCFCFA,
mark-background-color: #FF6188, mark-background-color: #FF6188,
archive-key-color: #FCFCFA, archive-key-color: #FCFCFA,
@ -87,4 +87,9 @@ $light: (
archive-key-background-color: #607d8b, archive-key-background-color: #607d8b,
archive-type-background-color: #bdbdbd, archive-type-background-color: #bdbdbd,
archive-hover-line-color: #FF6188, archive-hover-line-color: #FF6188,
gtt-color: #424242,
gtt-background-color: #FCFCFA,
gtt-hover-color: #607d8b,
gtt-hover-background-color: darken(#FCFCFA, 5%),
whoami-border-color: #607d8b,
); );

7
assets/sass/themes/_solarized.scss
View File

@ -9,7 +9,7 @@ $solarized: (
title-color: $primary-color, title-color: $primary-color,
meta-color: lighten($primary-color, 5%), meta-color: lighten($primary-color, 5%),
body-color: #424242, body-color: #424242,
hr-color: #ffb300, hr-color: $secondary-color,
body-background-color: #FDF7E3, body-background-color: #FDF7E3,
backdrop-background-color: #DDD6C7, backdrop-background-color: #DDD6C7,
dropdown-border-color: $primary-color, dropdown-border-color: $primary-color,
@ -90,4 +90,9 @@ $solarized: (
archive-key-background-color: $primary-color, archive-key-background-color: $primary-color,
archive-type-background-color: $secondary-color, archive-type-background-color: $secondary-color,
archive-hover-line-color: #FF6188, archive-hover-line-color: #FF6188,
gtt-color: $secondary-color,
gtt-background-color: #FBF1D1,
gtt-hover-color: $primary-color,
gtt-hover-background-color: darken(#FBF1D1, 5%),
whoami-border-color: $primary-color,
); );

6
data/_config/_default/params.toml
View File

@ -5,7 +5,6 @@ custom_js = ["js/custom.js"]
# body # body
enableToc = true enableToc = true
enableBreadcrumb = true enableBreadcrumb = true
enableCustomScrollbar = true
enablePhotoSwipe = true enablePhotoSwipe = true
enableSearch = true enableSearch = true
enableMark = true enableMark = true
@ -21,13 +20,14 @@ showFeedLinks = true
showSocialLinks = true showSocialLinks = true
enableLangChange = true enableLangChange = true
enableThemeChange = true enableThemeChange = true
themeOptions = ["custom", "dark", "light", "hacker", "solarized"] themeOptions = ["dark", "light", "hacker", "solarized", "custom"]
[marketing] [marketing]
google_analytics = "" google_analytics = ""
google_tag_manager = "" google_tag_manager = ""
[socialOptions] [socialOptions]
email = "mailto:your@email.com"
facebook = "http://example.org/" facebook = "http://example.org/"
twitter = "http://example.org/" twitter = "http://example.org/"
github = "http://example.org/" github = "http://example.org/"
@ -38,5 +38,5 @@ themeOptions = ["custom", "dark", "light", "hacker", "solarized"]
medium = "" medium = ""
tumblr = "" tumblr = ""
linkedin = "" linkedin = ""
pinterest = "http://example.org/" pinterest = ""
stack-exchange = "" stack-exchange = ""

181
data/skin.toml
View File

@ -1,88 +1,93 @@
footer_background_color = "#eeeeee" footer_background_color = "inherit"
footer_color = "#424242" footer_color = "inherit"
link = "#607d8b" link = "inherit"
link_hover = "#FF6188" link_hover = "inherit"
title_color = "#607d8b" title_color = "inherit"
meta_color = "#424242" meta_color = "inherit"
body_color = "#424242" body_color = "inherit"
hr_color = "#fcfcfa" hr_color = "inherit"
body_background_color = "#fafafa" body_background_color = "inherit"
backdrop_background_color = "#e0e0e0" backdrop_background_color = "inherit"
dropdown_border_color = "#bdbdbd" dropdown_border_color = "inherit"
dropdown_border_top_color = "#e0e0e0" dropdown_border_top_color = "inherit"
dropdown_item_active_background_color = "#e0e0e0" dropdown_item_active_background_color = "inherit"
dropdown_title_background_color = "#fafafa" dropdown_title_background_color = "inherit"
dropdown_content_background_color = "#fafafa" dropdown_content_background_color = "inherit"
dropdown_footer_item_color = "#424242" dropdown_footer_item_color = "inherit"
dropdown_item_hover_background_color = "#bdbdbd" dropdown_item_hover_background_color = "inherit"
dropdown_item_hover_color = "#fcfcfa" dropdown_item_hover_color = "inherit"
dropdown_item_color = "#424242" dropdown_item_color = "inherit"
navbar_border_bottom_color = "#e0e0e0" navbar_border_bottom_color = "inherit"
navbar_background_color = "#eeeeee" navbar_background_color = "inherit"
navbar_title_color = "#424242" navbar_title_color = "inherit"
navbar_title_hover_color = "#607d8b" navbar_title_hover_color = "inherit"
navbar_title_active_color = "#FF6188" navbar_title_active_color = "inherit"
navbar_menu_hover_background_color = "#e1e1e1" navbar_menu_hover_background_color = "inherit"
navbar_dropdown_item_hover_color = "#607d8b" navbar_dropdown_item_hover_color = "inherit"
navbar_dropdown_item_hover_background_color = "#bdbdbd" navbar_dropdown_item_hover_background_color = "inherit"
sidebar_title_color = "#424242" sidebar_title_color = "inherit"
sidebar_li_color = "#424242" sidebar_li_color = "inherit"
taxo_title_color = "#424242" taxo_title_color = "inherit"
taxo_tags_background_color = "#9e9e9e" taxo_tags_background_color = "inherit"
taxo_tags_color = "#eeeeee" taxo_tags_color = "inherit"
taxo_series_background_color = "#9e9e9e" taxo_series_background_color = "inherit"
taxo_series_color = "#eeeeee" taxo_series_color = "inherit"
taxo_categories_background_color = "#9e9e9e" taxo_categories_background_color = "inherit"
taxo_categories_color = "#eeeeee" taxo_categories_color = "inherit"
taxo_background_color_hover = "#919191" taxo_background_color_hover = "inherit"
breadcrumb_item_color = "#424242" breadcrumb_item_color = "inherit"
breadcrumb_background_color = "#eeeeee" breadcrumb_background_color = "inherit"
breadcrumb_item_active_color = "#bdbdbd" breadcrumb_item_active_color = "inherit"
list_header_title_color = "#424242" list_header_title_color = "inherit"
figcaption_color = "#bdbdbd" figcaption_color = "inherit"
figcaption_strong_color = "#424242" figcaption_strong_color = "inherit"
single_hr_background_color = "#bdbdbd" single_hr_background_color = "inherit"
single_blockquote_border_color = "#bdbdbd" single_blockquote_border_color = "inherit"
single_header_title_color = "#424242" single_header_title_color = "inherit"
single_contents_title_color = "#607d8b" single_contents_title_color = "inherit"
related_header_title_color = "#424242" related_header_title_color = "inherit"
related_link_color = "#607d8b" related_link_color = "inherit"
content_pre_main_color = "#607d8b" content_pre_main_color = "inherit"
content_pre_background_color = "#F5F2F0" content_pre_background_color = "inherit"
content_code_color = "#212121" content_code_color = "inherit"
content_code_background_color = "#F5F2F0" content_code_background_color = "inherit"
burger_menu_color = "#9e9e9e" burger_menu_color = "inherit"
social_icon_color = "#9e9e9e" social_icon_color = "inherit"
social_icon_hover_color = "#6b6b6b" social_icon_hover_color = "inherit"
pagination_link_color = "#424242" pagination_link_color = "inherit"
pagination_background_color = "#eeeeee" pagination_background_color = "inherit"
pagination_disabled_color = "#bdbdbd" pagination_disabled_color = "inherit"
pagination_number_color = "#757575" pagination_number_color = "inherit"
photoswipe_hover_color = "#fcfcfa" photoswipe_hover_color = "inherit"
photoswipe_color = "#fcfcfa" photoswipe_color = "inherit"
photoswipe_hover_background_color = "#727072" photoswipe_hover_background_color = "inherit"
photoswipe_background_color = "#403E41" photoswipe_background_color = "inherit"
terms_title_color = "#9e9e9e" terms_title_color = "black"
terms_tags_color = "#424242" terms_tags_color = "inherit"
terms_categories_color = "#424242" terms_categories_color = "inherit"
terms_series_color = "#424242" terms_series_color = "inherit"
terms_len_color = "#727072" terms_len_color = "inherit"
toc_label_color = "#727072" toc_label_color = "inherit"
toc_title_color = "#727072" toc_title_color = "inherit"
toc_vertical_line = "#727072" toc_vertical_line = "inherit"
toc_vertical_line_active = "#FF6188" toc_vertical_line_active = "inherit"
search_placeholder_color = "#eeeeee" search_placeholder_color = "inherit"
search_color = "#fcfcfa" search_color = "inherit"
search_icon_color = "#eeeeee" search_icon_color = "inherit"
search_background_color = "#9e9e9e" search_background_color = "inherit"
search_content_color = "#fcfcfa" search_content_color = "inherit"
search_content_background_color = "#9e9e9e" search_content_background_color = "inherit"
search_hover_background_color = "#848484" search_hover_background_color = "inherit"
mark_color = "#fcfcfa" mark_color = "inherit"
mark_background_color = "#FF6188" mark_background_color = "inherit"
archive_key_color = "#fcfcfa" archive_key_color = "inherit"
archive_meta_color = "#424242" archive_meta_color = "inherit"
archive_type_color = "#575757" archive_type_color = "inherit"
archive_key_background_color = "#607d8b" archive_key_background_color = "inherit"
archive_type_background_color = "#bdbdbd" archive_type_background_color = "inherit"
archive_hover_line_color = "#FF6188" archive_hover_line_color = "inherit"
gtt_color = "inherit"
gtt_background_color = "inherit"
gtt_hover_color = "inherit"
gtt_hover_background_color = "inherit"
whoami_border_color = "inherit"

4
exampleSite/assets/css/photoswipe/custom-skin.css
View File

@ -56,7 +56,7 @@
.pswp__button, .pswp__button,
.pswp__button--arrow--left:before, .pswp__button--arrow--left:before,
.pswp__button--arrow--right:before { .pswp__button--arrow--right:before {
background: url(/theme/hugo-theme-zzo/images/photoswipe/default-skin.png) 0 0 no-repeat; background: url(images/photoswipe/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px; background-size: 264px 88px;
width: 44px; width: 44px;
height: 44px; height: 44px;
@ -71,7 +71,7 @@
.pswp--svg .pswp__button, .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before { .pswp--svg .pswp__button--arrow--right:before {
background-image: url(/theme/hugo-theme-zzo/images/photoswipe/default-skin.svg); background-image: url(images/photoswipe/default-skin.svg);
} }
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--left,

20
exampleSite/config.toml
View File

@ -25,16 +25,20 @@ rssLimit = 100
[params] [params]
description = "The Zzo theme for Hugo example site." description = "The Zzo theme for Hugo example site."
custom_css = [] custom_css = ["css/custom.css", "scss/custom.scss"]
custom_js = ["js/custom.js"]
myname = "yourname"
whoami = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet cursus massa. Vestibulum eu posuere est. Suspendisse erat purus, mollis in leo quis, hendrerit fringilla felis."
# body # body
enableToc = true enableToc = true
enableBreadcrumb = true enableBreadcrumb = true
enableCustomScrollbar = true
enablePhotoSwipe = true enablePhotoSwipe = true
enableSearch = true enableSearch = true
enableMark = true enableMark = true
enableGoToTop = true
enableWhoami = true
# sidebar # sidebar
enableSidebarTags = true enableSidebarTags = true
enableSidebarSeries = true enableSidebarSeries = true
@ -46,9 +50,15 @@ rssLimit = 100
showSocialLinks = true showSocialLinks = true
enableLangChange = true enableLangChange = true
enableThemeChange = true enableThemeChange = true
themeOptions = ["dark", "light", "hacker", "solarized"] themeOptions = ["dark", "light", "hacker", "solarized", "custom"]
# comment
enableComment = false
disqus_shortname = ""
commento = false
[params.socialOptions] [params.socialOptions]
email = "mailto:your@email.com"
facebook = "http://example.org" facebook = "http://example.org"
twitter = "http://example.org" twitter = "http://example.org"
github = "http://example.org" github = "http://example.org"
@ -59,7 +69,7 @@ rssLimit = 100
medium = "" medium = ""
tumblr = "" tumblr = ""
linkedin = "" linkedin = ""
pinterest = "http://example.org" pinterest = ""
stack-exchange = "" stack-exchange = ""
[marketing] [marketing]

2
exampleSite/content/about/index.md
View File

@ -1,6 +1,6 @@
+++ +++
title = "About" title = "About"
desc = "Hugo, the world’s fastest framework for building websites" description = "Hugo, the world’s fastest framework for building websites"
type = "about" type = "about"
date = "2019-02-28" date = "2019-02-28"
+++ +++

2
exampleSite/content/gallery/cartoon/index.ko.md
View File

@ -2,5 +2,5 @@
title: "Cartoon" title: "Cartoon"
date: 2018-10-11T10:20:16+09:00 date: 2018-10-11T10:20:16+09:00
type: "gallery" type: "gallery"
desc: "cartoon gallery" description: "cartoon gallery"
--- ---

2
exampleSite/content/gallery/cartoon/index.md
View File

@ -2,5 +2,5 @@
title: "Cartoon" title: "Cartoon"
date: 2018-10-11T10:20:16+09:00 date: 2018-10-11T10:20:16+09:00
type: "gallery" type: "gallery"
desc: "cartoon gallery" description: "cartoon gallery"
--- ---

2
exampleSite/content/gallery/photo/index.ko.md
View File

@ -2,5 +2,5 @@
title: "Photo" title: "Photo"
date: 2018-10-12T10:20:16+09:00 date: 2018-10-12T10:20:16+09:00
type: "gallery" type: "gallery"
desc: "포토 갤러리" description: "포토 갤러리"
--- ---

2
exampleSite/content/gallery/photo/index.md
View File

@ -2,5 +2,5 @@
title: "Photo" title: "Photo"
date: 2018-10-12T10:20:16+09:00 date: 2018-10-12T10:20:16+09:00
type: "gallery" type: "gallery"
desc: "photo gallery" description: "photo gallery"
--- ---

2
exampleSite/content/notes/hugo/hugo-1.md
View File

@ -1,7 +1,7 @@
--- ---
title: "Hugo 1" title: "Hugo 1"
date: 2017-10-11T10:33:41+09:00 date: 2017-10-11T10:33:41+09:00
desc: "Hugo 1 Description" description: "Hugo 1 Description"
tags: tags:
- hugo - hugo
series: series:

2
exampleSite/content/notes/sublist/go/go-1/go-1-1/go-1-1-1/go-5.md
View File

@ -1,7 +1,7 @@
--- ---
title: "Go 5" title: "Go 5"
date: 2012-11-01T10:33:41+09:00 date: 2012-11-01T10:33:41+09:00
desc: "Go 5 Description" description: "Go 5 Description"
tags: tags:
- -
series: series:

2
exampleSite/content/notes/sublist/go/go-1/go-1-1/go-1.md
View File

@ -1,7 +1,7 @@
--- ---
title: "Go 1" title: "Go 1"
date: 2012-11-01T10:33:41+09:00 date: 2012-11-01T10:33:41+09:00
desc: "Go 1 Description" description: "Go 1 Description"
tags: tags:
- -
series: series:

2
exampleSite/content/notes/sublist/go/go-1/go-2.md
View File

@ -1,7 +1,7 @@
--- ---
title: "Go 2" title: "Go 2"
date: 2012-11-01T10:33:41+09:00 date: 2012-11-01T10:33:41+09:00
desc: "Go 2 Description" description: "Go 2 Description"
tags: tags:
- -
series: series:

2
exampleSite/content/notes/sublist/go/go-4.md
View File

@ -1,7 +1,7 @@
--- ---
title: "Go 4" title: "Go 4"
date: 2012-11-01T10:33:41+09:00 date: 2012-11-01T10:33:41+09:00
desc: "Go 4 Description" description: "Go 4 Description"
tags: tags:
- -
series: series:

2
exampleSite/content/notes/sublist/post-1/index.md
View File

@ -12,7 +12,7 @@ categories:
- cTest - cTest
featured_video: "1.mp4" featured_video: "1.mp4"
featured_video_poster: "1.jpg" featured_video_poster: "1.jpg"
desc: "this is description" description: "this is description"
--- ---
post-1 content post-1 content

2
exampleSite/content/notes/sublist/post-2.md
View File

@ -10,7 +10,7 @@ tags:
categories: categories:
- cTest - cTest
featured_image: "tree.jpg" featured_image: "tree.jpg"
desc: "this is description2" description: "this is description2"
--- ---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis, bibendum massa et, bibendum enim. Nunc eu augue quis ante porta sodales. Mauris vel faucibus magna, dictum sagittis dolor. Nam scelerisque malesuada efficitur. Donec consequat sodales justo, ut aliquam ligula maximus nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget enim lobortis, bibendum massa et, bibendum enim. Nunc eu augue quis ante porta sodales. Mauris vel faucibus magna, dictum sagittis dolor. Nam scelerisque malesuada efficitur. Donec consequat sodales justo, ut aliquam ligula maximus nec.

3
exampleSite/content/posts/math-typesetting.mmark
View File

@ -42,5 +42,4 @@ Block math:
$$ $$
\varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
$$ $$

2
exampleSite/layouts/_default/summary.html
View File

@ -6,7 +6,7 @@
{{ $params := .Params }} {{ $params := .Params }}
<div class="summary__content"> <div class="summary__content">
<div class="summary__text p2"> <div class="summary__text p2">
{{ with $params.Desc }} {{ with $params.Description }}
{{ . }} {{ . }}
{{ else }} {{ else }}
{{ .Summary }} {{ .Summary }}

3
layouts/_default/baseof.html
View File

@ -9,7 +9,7 @@
{{ partial "head/styles" . }} {{ partial "head/styles" . }}
{{ partial "head/meta" . }} {{ partial "head/meta" . }}
{{ partial "head/meta_json_ld" . }} {{ partial "head/meta_json_ld" . }}
{{ partial "head/service" }} {{ partial "head/service" . }}
</head> </head>
<body id="root" class="theme__{{ index .Site.Params.themeOptions 0 }}"> <body id="root" class="theme__{{ index .Site.Params.themeOptions 0 }}">
@ -21,6 +21,7 @@
{{ partial "footer/site-footer" . }} {{ partial "footer/site-footer" . }}
</div> </div>
</div> </div>
{{ partial "etc/go-to-top" . }}
</body> </body>
</html> </html>

3
layouts/_default/single.html
View File

@ -11,12 +11,13 @@
<article class="single__contents"> <article class="single__contents">
{{ .Content }} {{ .Content }}
</article> </article>
{{ partial "body/whoami" . }}
{{ partial "comments/comments.html" . }}
{{ partial "body/related" . }} {{ partial "body/related" . }}
{{ partial "pagination/pagination-single" . }} {{ partial "pagination/pagination-single" . }}
{{ partial "body/photoswipe" . }} {{ partial "body/photoswipe" . }}
</div> </div>
{{ partial "body/perfectscrollbar" . }}
</main> </main>
<aside class="main-side"> <aside class="main-side">
{{ partial "sidebar/sidebar-single" . }} {{ partial "sidebar/sidebar-single" . }}

13
layouts/_default/summary.html
View File

@ -1,12 +1,12 @@
<article class="summary"> <article class="summary">
<header> <header>
<h4 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h2> <h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
<h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read</h6> <h6 class="subtitle caption">🕓 {{ .Date.Format (i18n "summary-dateformat") }} · ☕{{ .ReadingTime }} min read</h6>
</header> </header>
{{ $params := .Params }} {{ $params := .Params }}
<div class="summary__content"> <div class="summary__content">
<div class="summary__text p2"> <div class="summary__text p2">
{{ with $params.Desc }} {{ with $params.Description }}
{{ . }} {{ . }}
{{ else }} {{ else }}
{{ .Summary }} {{ .Summary }}
@ -20,20 +20,15 @@
</div> </div>
{{ else if $params.featured_video }} {{ else if $params.featured_video }}
{{ with print ("videos/poster/" | relURL) $params.featured_video_poster }} {{ with print ("videos/poster/" | relURL) $params.featured_video_poster }}
<div class="video"> <div class="video-wrapper">
<video class='video-js' controls preload='none' poster='{{ . | relURL }}' data-setup='{"fluid": true}'> <video class="video" controls preload='none' poster='{{ . | relURL }}' data-setup='{"fluid": true}'>
{{ with print ("videos/" | relURL) $params.featured_video }} {{ with print ("videos/" | relURL) $params.featured_video }}
<source src="{{ . | relURL }}" type='video/mp4'> <source src="{{ . | relURL }}" type='video/mp4'>
{{ end }} {{ end }}
<p class='vjs-no-js'>
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href='https://videojs.com/html5-video-support/' target='_blank' rel="noopener">supports HTML5 video</a>
</p>
</video> </video>
</div> </div>
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
<hr/> <hr/>
</article> </article>

2
layouts/gallery/single.html
View File

@ -11,7 +11,7 @@
{{ $basename := (replace .File.Dir "\\" "/") }} {{ $basename := (replace .File.Dir "\\" "/") }}
{{ range (readDir (print "./static/" $basename)) }} {{ range (readDir (print "./static/" $basename)) }}
<div class="grid-item"> <div class="grid-item">
<img data-src="{{ $basename | relURL }}{{ .Name }}" alt="{{ .Name }}" class="lazyload"> <img src="{{ $basename | relURL }}{{ .Name }}" alt="{{ .Name }}">
</div> </div>
{{ end }} {{ end }}
</div> </div>

15
layouts/partials/body/perfectscrollbar.html
View File

@ -1,15 +0,0 @@
{{ if $.Param "enableCustomScrollbar" }}
{{ $customscrollbar := resources.Get `js/perfect-scrollbar.jquery.min.js` | resources.Fingerprint }}
<script defer src="{{ $customscrollbar.RelPermalink }}"></script>
{{ $customScrollbarStyle := resources.Get "css/perfect-scrollbar.min.css" | minify }}
<link rel="stylesheet" href="{{ $customScrollbarStyle.RelPermalink }}">
<script>
$(document).ready(function () {
var pre = $('pre');
pre.perfectScrollbar();
});
</script>
{{ end }}

16
layouts/partials/body/whoami.html Normal file
View File

@ -0,0 +1,16 @@
{{ if $.Param "enableWhoami" }}
<div class="whoami">
<div class="whoami__image-wrapper">
<img data-src="{{ "/images/whoami/photo.png" | relURL }}" alt="{{ .Site.Params.myname }}" class="lazyload whoami__image">
</div>
<div>
<div class="whoami__title h6">
{{ .Site.Params.myname }}
</div>
<div class="whoami__desc p2">
{{ .Site.Params.whoami }}
</div>
</div>
</div>
{{ end }}

7
layouts/partials/comments/comments.html Normal file
View File

@ -0,0 +1,7 @@
{{ if $.Param "enableComment" }}
{{ if $.Param "disqus_shortname" }}
{{ partial "comments/disqus.html" . }}
{{ else if $.Param "commento" }}
{{ partial "comments/commento.html" . }}
{{ end }}
{{ end }}

20
layouts/partials/comments/disqus.html
View File

@ -1,6 +1,20 @@
{{ if site.Params.comments.disqus.shortname }} {{ if .Site.Params.disqus_shortname }}
<div id="disqus_thread"></div> <div id="disqus_thread"></div>
<script> <script>
let disqus_config = function () {
{{with .Params.disqus_identifier }}this.page.identifier = '{{ . }}';{{end}}
{{with .Params.disqus_title }}this.page.title = '{{ . }}';{{end}}
{{with .Params.disqus_url }}this.page.url = '{{ . | html }}';{{end}}
};
(function () {
if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
document.getElementById('disqus_thread').innerHTML = 'Disqus comments not available by default when the website is previewed locally.';
return;
}
var d = document, s = d.createElement('script'); s.async = true;
s.src = 'https://' + '{{ .Site.Params.disqus_shortname }}' + '.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
}) ();
</script> </script>
{{end}} {{end}}

15
layouts/partials/etc/go-to-top.html Normal file
View File

@ -0,0 +1,15 @@
{{ if $.Param "enableGoToTop" }}
<div id="gtt" class="hide">
<div class="gtt">
{{ partial "svgs/arrow/keyboard-arrow-up.svg" (dict "width" 25 "height" 25) }}
</div>
</div>
<script>
$(document).ready(function() {
$('.gtt').click(function() {
$("html, body").animate({ scrollTop: 0 }, 250);
});
});
</script>
{{ end }}

5
layouts/partials/functions/parse_theme.html
View File

@ -88,3 +88,8 @@
{{- $scr.Set "archive_key_background_color" $skin.archive_key_background_color -}} {{- $scr.Set "archive_key_background_color" $skin.archive_key_background_color -}}
{{- $scr.Set "archive_type_background_color" $skin.archive_type_background_color -}} {{- $scr.Set "archive_type_background_color" $skin.archive_type_background_color -}}
{{- $scr.Set "archive_hover_line_color" $skin.archive_hover_line_color -}} {{- $scr.Set "archive_hover_line_color" $skin.archive_hover_line_color -}}
{{- $scr.Set "gtt_color" $skin.gtt_color -}}
{{- $scr.Set "gtt_background_color" $skin.gtt_background_color -}}
{{- $scr.Set "gtt_hover_color" $skin.gtt_hover_color -}}
{{- $scr.Set "gtt_hover_background_color" $skin.gtt_hover_background_color -}}
{{- $scr.Set "whoami_border_color" $skin.whoami_border_color -}}

2
layouts/partials/head/scripts.html
View File

@ -6,8 +6,6 @@
<script defer src="{{ $enquire.RelPermalink }}"></script> <script defer src="{{ $enquire.RelPermalink }}"></script>
{{ $prism := resources.Get "js/prism.min.js" | resources.Minify | resources.Fingerprint }} {{ $prism := resources.Get "js/prism.min.js" | resources.Minify | resources.Fingerprint }}
<script defer src="{{ $prism.RelPermalink }}"></script> <script defer src="{{ $prism.RelPermalink }}"></script>
{{ $lunr := resources.Get "js/lunr.min.js" | resources.Fingerprint }}
<script defer src="{{ $lunr.RelPermalink }}"></script>
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }} {{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
<script defer src="{{ $lazysizes.RelPermalink }}"></script> <script defer src="{{ $lazysizes.RelPermalink }}"></script>
{{ $shave := resources.Get "js/jquery.shave.min.js" | resources.Fingerprint }} {{ $shave := resources.Get "js/jquery.shave.min.js" | resources.Fingerprint }}

2
layouts/partials/navbar/site-nav.html
View File

@ -2,7 +2,7 @@
<div class="navbar__brand"> <div class="navbar__brand">
{{ if $.Param "logo" | default true }} {{ if $.Param "logo" | default true }}
<a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="navbar__logo-link"> <a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="navbar__logo-link">
<img src="{{ "/logo.png" | relURL }}" alt="Home" class="navbar__logo"> <img data-src="{{ "/logo.png" | relURL }}" alt="Home" class="lazyload navbar__logo">
</a> </a>
{{ end }} {{ end }}
<a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="navbar__title-link"> <a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="navbar__title-link">

1
layouts/partials/svgs/social/email.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="{{ .width }}" height="{{ .height }}" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-.4 4.25l-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25c-.25-.16-.4-.43-.4-.72 0-.67.73-1.07 1.3-.72L12 11l6.7-4.19c.57-.35 1.3.05 1.3.72 0 .29-.15.56-.4.72z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 415 B

2
layouts/partials/taxonomy/taxonomy-categories.html
View File

@ -1,7 +1,7 @@
{{ if $.Param "enableSidebarCategories" }} {{ if $.Param "enableSidebarCategories" }}
<div class="taxo"> <div class="taxo">
<aside> <aside>
<span class="title p1"> <span class="title p2">
<a href="{{ "/categories/" | relLangURL }}" class="taxo__title"> <a href="{{ "/categories/" | relLangURL }}" class="taxo__title">
{{ i18n "taxo-categories" }} {{ i18n "taxo-categories" }}
</a> </a>

2
layouts/partials/taxonomy/taxonomy-series.html
View File

@ -1,7 +1,7 @@
{{ if $.Param "enableSidebarSeries" }} {{ if $.Param "enableSidebarSeries" }}
<div class="taxo"> <div class="taxo">
<aside> <aside>
<span class="title p1"> <span class="title p2">
<a href="{{ "/series/" | relLangURL }}" class="taxo__title"> <a href="{{ "/series/" | relLangURL }}" class="taxo__title">
{{ i18n "taxo-series" }} {{ i18n "taxo-series" }}
</a> </a>

2
layouts/partials/taxonomy/taxonomy-tags.html
View File

@ -1,7 +1,7 @@
{{ if $.Param "enableSidebarTags" }} {{ if $.Param "enableSidebarTags" }}
<div class="taxo"> <div class="taxo">
<aside> <aside>
<span class="title p1"> <span class="title p2">
<a href="{{ "/tags/" | relLangURL }}" class="taxo__title"> <a href="{{ "/tags/" | relLangURL }}" class="taxo__title">
{{ i18n "taxo-tags"}} {{ i18n "taxo-tags"}}
</a> </a>

0
resources/_gen/assets/css/css/custom.css_b95b077eb505d5c0aff8055eaced30ad.content Normal file
View File

1
resources/_gen/assets/css/css/custom.css_b95b077eb505d5c0aff8055eaced30ad.json Normal file
View File

@ -0,0 +1 @@
{"Target":"css/custom.min.css","MediaType":"text/css","Data":{}}

2
resources/_gen/assets/scss/sass/main.scss_e680761d791774b6351b18d537b957bb.content
View File

File diff suppressed because one or more lines are too long

0
resources/_gen/assets/scss/scss/custom.scss_b95b077eb505d5c0aff8055eaced30ad.content Normal file
View File

1
resources/_gen/assets/scss/scss/custom.scss_b95b077eb505d5c0aff8055eaced30ad.json Normal file
View File

@ -0,0 +1 @@
{"Target":"scss/custom.min.css","MediaType":"text/css","Data":{}}

BIN
static/images/whoami/photo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB