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 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).
@ -221,21 +221,28 @@ You shoud make your own menu.
description = "The Zzo theme for Hugo example site."
custom_css = ["css/custom.css", "css/custom.css"]
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
enableToc = true
enableBreadcrumb = true
enableCustomScrollbar = true
enablePhotoSwipe = true
enableSearch = true
enableMark = true
enableGoToTop = true
enableWhoami = true
# sidebar
enableSidebarTags = true
enableSidebarSeries = true
enableSidebarCategories = true
# comment
enableComment = false
disqus_shortname = ""
commento = false
# footer
showPoweredBy = true
showFeedLinks = true
@ -244,6 +251,7 @@ enableLangChange = true
enableThemeChange = true
themeOptions = ["dark", "light", "hacker", "solarized"]
[socialOptions]
email = "mailto:your@email.com"
facebook = "http://example.org/"
twitter = "http://example.org/"
github = "http://example.org/"
@ -254,7 +262,7 @@ themeOptions = ["dark", "light", "hacker", "solarized"]
medium = ""
tumblr = ""
linkedin = ""
pinterest = "http://example.org/"
pinterest = ""
stack-exchange = ""
```

2
archetypes/about.md
View File

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

2
archetypes/archive.md
View File

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

2
archetypes/default.md
View File

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

2
archetypes/gallery.md
View File

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

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

@ -56,7 +56,7 @@
.pswp__button,
.pswp__button--arrow--left: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;
width: 44px;
height: 44px;
@ -71,7 +71,7 @@
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left: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,
@ -372,7 +372,7 @@ a.pswp__share--download:hover {
.pswp__preloader--active .pswp__preloader__icn {
/* 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 {

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

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 themify($themes) {
color: themed("search-color");
background-color: themed("search-background-color");
background-color: inherit;
@include input-placeholder {
font-family: $search_placeholder_font;
color: themed("search-placeholder-color");

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

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

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

@ -3,6 +3,7 @@
margin: 1.5rem 0;
&__title {
font-weight: 700;
font-family: $taxo_titie_font;
@include themify($themes) {
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_type_background_color: {{ $scr.Get "archive_type_background_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/mixins';
@ -137,6 +142,8 @@ $archive_hover_line_color: {{ $scr.Get "archive_hover_line_color" }};
@import 'components/alert';
@import 'components/attachment';
@import 'components/tooltip';
@import 'components/gtt';
@import 'components/whoami';
@import 'pages/body';
@import 'pages/home';

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

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

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

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

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

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

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

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

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

@ -87,4 +87,9 @@ $dark: (
archive-key-background-color: #FF6188,
archive-type-background-color: #82aaff,
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,
social-icon-color: #9e9e9e,
social-icon-hover-color: darken(#9e9e9e, 20%),
pagination-link-color: #7B4D94,
pagination-link-color: #996287,
pagination-background-color: #252526,
pagination-disabled-color: #424242,
pagination-number-color: #FCFCFA,
@ -90,4 +90,9 @@ $hacker: (
archive-key-background-color: #E08C48,
archive-type-background-color: #855E78,
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,
sidebar-title-color: #424242,
sidebar-li-color: #424242,
taxo-title-color: #424242,
taxo-tags-background-color: #9e9e9e,
taxo-tags-color: #eeeeee,
taxo-series-background-color: #9e9e9e,
taxo-series-color: #eeeeee,
taxo-categories-background-color: #9e9e9e,
taxo-categories-color: #eeeeee,
taxo-background-color-hover: darken(#9e9e9e, 5%),
taxo-title-color: #607d8b,
taxo-tags-background-color: #eeeeee,
taxo-tags-color: #424242,
taxo-series-background-color: #eeeeee,
taxo-series-color: #424242,
taxo-categories-background-color: #eeeeee,
taxo-categories-color: #424242,
taxo-background-color-hover: darken(#eeeeee, 5%),
breadcrumb-item-color: #424242,
breadcrumb-background-color: #eeeeee,
breadcrumb-item-active-color: #bdbdbd,
@ -72,13 +72,13 @@ $light: (
toc-title-color: #727072,
toc-vertical-line: #727072,
toc-vertical-line-active: #FF6188,
search-placeholder-color: #eeeeee,
search-color: #FCFCFA,
search-icon-color: #eeeeee,
search-background-color: #9e9e9e,
search-content-color: #FCFCFA,
search-content-background-color: #9e9e9e,
search-hover-background-color: darken(#9e9e9e, 10%),
search-placeholder-color: #bdbdbd,
search-color: #424242,
search-icon-color: #bdbdbd,
search-background-color: #eeeeee,
search-content-color: #424242,
search-content-background-color: #eeeeee,
search-hover-background-color: darken(#eeeeee, 10%),
mark-color: #FCFCFA,
mark-background-color: #FF6188,
archive-key-color: #FCFCFA,
@ -87,4 +87,9 @@ $light: (
archive-key-background-color: #607d8b,
archive-type-background-color: #bdbdbd,
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,
meta-color: lighten($primary-color, 5%),
body-color: #424242,
hr-color: #ffb300,
hr-color: $secondary-color,
body-background-color: #FDF7E3,
backdrop-background-color: #DDD6C7,
dropdown-border-color: $primary-color,
@ -90,4 +90,9 @@ $solarized: (
archive-key-background-color: $primary-color,
archive-type-background-color: $secondary-color,
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
enableToc = true
enableBreadcrumb = true
enableCustomScrollbar = true
enablePhotoSwipe = true
enableSearch = true
enableMark = true
@ -21,13 +20,14 @@ showFeedLinks = true
showSocialLinks = true
enableLangChange = true
enableThemeChange = true
themeOptions = ["custom", "dark", "light", "hacker", "solarized"]
themeOptions = ["dark", "light", "hacker", "solarized", "custom"]
[marketing]
google_analytics = ""
google_tag_manager = ""
[socialOptions]
email = "mailto:your@email.com"
facebook = "http://example.org/"
twitter = "http://example.org/"
github = "http://example.org/"
@ -38,5 +38,5 @@ themeOptions = ["custom", "dark", "light", "hacker", "solarized"]
medium = ""
tumblr = ""
linkedin = ""
pinterest = "http://example.org/"
pinterest = ""
stack-exchange = ""

181
data/skin.toml
View File

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

20
exampleSite/config.toml
View File

@ -25,16 +25,20 @@ rssLimit = 100
[params]
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
enableToc = true
enableBreadcrumb = true
enableCustomScrollbar = true
enablePhotoSwipe = true
enableSearch = true
enableMark = true
enableGoToTop = true
enableWhoami = true
# sidebar
enableSidebarTags = true
enableSidebarSeries = true
@ -46,9 +50,15 @@ rssLimit = 100
showSocialLinks = true
enableLangChange = true
enableThemeChange = true
themeOptions = ["dark", "light", "hacker", "solarized"]
themeOptions = ["dark", "light", "hacker", "solarized", "custom"]
# comment
enableComment = false
disqus_shortname = ""
commento = false
[params.socialOptions]
email = "mailto:your@email.com"
facebook = "http://example.org"
twitter = "http://example.org"
github = "http://example.org"
@ -59,7 +69,7 @@ rssLimit = 100
medium = ""
tumblr = ""
linkedin = ""
pinterest = "http://example.org"
pinterest = ""
stack-exchange = ""
[marketing]

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

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

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

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

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

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

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

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

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

@ -2,5 +2,5 @@
title: "Photo"
date: 2018-10-12T10:20:16+09:00
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"
date: 2017-10-11T10:33:41+09:00
desc: "Hugo 1 Description"
description: "Hugo 1 Description"
tags:
- hugo
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"
date: 2012-11-01T10:33:41+09:00
desc: "Go 5 Description"
description: "Go 5 Description"
tags:
-
series:

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

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

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

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

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

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

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

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

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

@ -10,7 +10,7 @@ tags:
categories:
- cTest
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.

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} } }
$$
$$

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

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

3
layouts/_default/baseof.html
View File

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

3
layouts/_default/single.html
View File

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

13
layouts/_default/summary.html
View File

@ -1,12 +1,12 @@
<article class="summary">
<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>
</header>
{{ $params := .Params }}
<div class="summary__content">
<div class="summary__text p2">
{{ with $params.Desc }}
{{ with $params.Description }}
{{ . }}
{{ else }}
{{ .Summary }}
@ -20,20 +20,15 @@
</div>
{{ else if $params.featured_video }}
{{ with print ("videos/poster/" | relURL) $params.featured_video_poster }}
<div class="video">
<video class='video-js' controls preload='none' poster='{{ . | relURL }}' data-setup='{"fluid": true}'>
<div class="video-wrapper">
<video class="video" controls preload='none' poster='{{ . | relURL }}' data-setup='{"fluid": true}'>
{{ with print ("videos/" | relURL) $params.featured_video }}
<source src="{{ . | relURL }}" type='video/mp4'>
{{ 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>
</div>
{{ end }}
{{ end }}
</div>
<hr/>
</article>

2
layouts/gallery/single.html
View File

@ -11,7 +11,7 @@
{{ $basename := (replace .File.Dir "\\" "/") }}
{{ range (readDir (print "./static/" $basename)) }}
<div class="grid-item">
<img data-src="{{ $basename | relURL }}{{ .Name }}" alt="{{ .Name }}" class="lazyload">
<img src="{{ $basename | relURL }}{{ .Name }}" alt="{{ .Name }}">
</div>
{{ end }}
</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>
<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>
{{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_type_background_color" $skin.archive_type_background_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>
{{ $prism := resources.Get "js/prism.min.js" | resources.Minify | resources.Fingerprint }}
<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 }}
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
{{ $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">
{{ if $.Param "logo" | default true }}
<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>
{{ end }}
<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" }}
<div class="taxo">
<aside>
<span class="title p1">
<span class="title p2">
<a href="{{ "/categories/" | relLangURL }}" class="taxo__title">
{{ i18n "taxo-categories" }}
</a>

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

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

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

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