better theme color, shortcode update, expand redesign, gallery mask redesign, utterances better theme support
This commit is contained in:
zzossig
parent
a94fecf221
commit
4f730fee5d
27
README.ko.md
27
README.ko.md
|
|
@ -27,7 +27,7 @@ Zzo theme을 이용할 시 가장 매력적인 포인트 한가지는, 한글로
|
|||
|
||||
## Features
|
||||
|
||||
* 다양한 스킨 지원(dark, light, solarized, hacker)
|
||||
* 다양한 스킨 지원(dark, light, solarized, ...)
|
||||
* 모바일 메뉴
|
||||
* 최신 HTML5, CSS 기술 이용
|
||||
* 심플한 블로그
|
||||
|
|
@ -222,7 +222,7 @@ description = "The Zzo theme for Hugo example site." # for SEO
|
|||
custom_css = [] # custom_css = ["scss/custom.scss"] and then make file at root/assets/scss/custom.scss
|
||||
custom_js = [] # custom_js = ["js/custom.js"] and then make file at root/assets/js/custom.js
|
||||
|
||||
themeOptions = ["dark", "light", "hacker", "solarized"] # select options for site color theme
|
||||
themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"] # select options for site color theme
|
||||
notAllowedTypesInHome = ["contact", "talks", "about"] # not allowed page types in home page. type can be set in front matter or default to folder name.
|
||||
|
||||
# header
|
||||
|
|
@ -424,9 +424,9 @@ series:
|
|||
categories:
|
||||
-
|
||||
images: # when mode is one-by-one, images front-matter variable works
|
||||
- image: image1.jpg
|
||||
- image: image1.jpg # image path: static/gallery/anygalleryname/image1.jpg
|
||||
caption: caption1
|
||||
- image: image2.jpg
|
||||
- image: image2.jpg # image path: static/gallery/anygalleryname/image2.jpg
|
||||
caption: caption2
|
||||
...
|
||||
---
|
||||
|
|
@ -954,34 +954,33 @@ libraries:
|
|||
|
||||
## Shortcodes
|
||||
|
||||
### warning
|
||||
### alert
|
||||
|
||||
```bash
|
||||
{{% alert theme="info" %}}**this** is a text{{% /alert %}}
|
||||
{{% alert theme="success" %}}**Yeahhh !** is a text{{% /alert %}}
|
||||
{{% alert theme="warning" %}}**Be carefull** is a text{{% /alert %}}
|
||||
{{% alert theme="danger" %}}**Beware !** is a text{{% /alert %}}
|
||||
{{< alert theme="warning" >}} # warning, success, info, danger
|
||||
**this** is a text
|
||||
{{< /alert >}}
|
||||
```
|
||||
|
||||
### expand
|
||||
|
||||
```bash
|
||||
{{%expand "Expand me" %}}Good job{{% /expand%}}
|
||||
{{< expand "Expand me" >}}Some Markdown Contents{{< /expand >}}
|
||||
```
|
||||
|
||||
### img
|
||||
|
||||
```bash
|
||||
// path: static/images/whoami/avatar.jpg, you can set width, height also
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" >}}
|
||||
// path: static/images/whoami/avatar.jpg
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" width="50px" height="50px">}}
|
||||
```
|
||||
|
||||
### notice
|
||||
|
||||
```bash
|
||||
{{% notice note %}} # note, info, tip, warning
|
||||
{{< notice note >}} # note, info, tip, warning
|
||||
A notice disclaimer
|
||||
{{% /notice %}}
|
||||
{{< /notice >}}
|
||||
```
|
||||
|
||||
### color
|
||||
|
|
|
|||
27
README.md
27
README.md
|
|
@ -27,7 +27,7 @@ Thank you for click me!. Zzo theme is a blog theme powered by Hugo with free(alw
|
|||
|
||||
## Features
|
||||
|
||||
* Multiple Skins(dark, light, solarized, hacker)
|
||||
* Multiple Skins(dark, light, solarized, ...)
|
||||
* A mobile menu
|
||||
* CSS grid and flex for layout
|
||||
* HTML5
|
||||
|
|
@ -216,7 +216,7 @@ description = "The Zzo theme for Hugo example site." # for SEO
|
|||
custom_css = [] # custom_css = ["scss/custom.scss"] and then make file at root/assets/scss/custom.scss
|
||||
custom_js = [] # custom_js = ["js/custom.js"] and then make file at root/assets/js/custom.js
|
||||
|
||||
themeOptions = ["dark", "light", "hacker", "solarized"] # select options for site color theme
|
||||
themeOptions = ["dark", "light", "hacker", "solarized", "kimbie"] # select options for site color theme
|
||||
notAllowedTypesInHome = ["contact", "talks", "about"] # not allowed page types in home page. type can be set in front matter or default to folder name.
|
||||
|
||||
# header
|
||||
|
|
@ -420,9 +420,9 @@ series:
|
|||
categories:
|
||||
-
|
||||
images: # when mode is one-by-one, images front-matter variable works
|
||||
- image: image1.jpg
|
||||
- image: image1.jpg # image path: static/gallery/anygalleryname/image1.jpg
|
||||
caption: caption1
|
||||
- image: image2.jpg
|
||||
- image: image2.jpg # image path: static/gallery/anygalleryname/image2.jpg
|
||||
caption: caption2
|
||||
...
|
||||
---
|
||||
|
|
@ -953,34 +953,33 @@ You can add some config option parameters at data/flowchartjs.json
|
|||
|
||||
## Shortcodes
|
||||
|
||||
### warning
|
||||
### alert
|
||||
|
||||
```bash
|
||||
{{% alert theme="info" %}}**this** is a text{{% /alert %}}
|
||||
{{% alert theme="success" %}}**Yeahhh !** is a text{{% /alert %}}
|
||||
{{% alert theme="warning" %}}**Be carefull** is a text{{% /alert %}}
|
||||
{{% alert theme="danger" %}}**Beware !** is a text{{% /alert %}}
|
||||
{{< alert theme="warning" >}} # warning, success, info, danger
|
||||
**this** is a text
|
||||
{{< /alert >}}
|
||||
```
|
||||
|
||||
### expand
|
||||
|
||||
```bash
|
||||
{{%expand "Expand me" %}}Good job{{% /expand%}}
|
||||
{{< expand "Expand me" >}}Some Markdown Contents{{< /expand >}}
|
||||
```
|
||||
|
||||
### img
|
||||
|
||||
```bash
|
||||
// path: static/images/whoami/avatar.jpg, you can set width, height also
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" >}}
|
||||
// path: static/images/whoami/avatar.jpg
|
||||
{{< img src="/images/whoami/avatar.jpg" title="Image4" caption="Image description" alt="image alt" width="50px" height="50px">}}
|
||||
```
|
||||
|
||||
### notice
|
||||
|
||||
```bash
|
||||
{{% notice note %}} # note, info, tip, warning
|
||||
{{< notice note >}} # note, info, tip, warning
|
||||
A notice disclaimer
|
||||
{{% /notice %}}
|
||||
{{< /notice >}}
|
||||
```
|
||||
|
||||
### color
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
font-family: $title-font;
|
||||
word-break: keep-all;
|
||||
padding: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin: 2rem 0;
|
||||
border-radius: 0.5rem;
|
||||
|
||||
@include themify($themes) {
|
||||
|
|
|
|||
|
|
@ -1,11 +1,15 @@
|
|||
.expand {
|
||||
position: relative;
|
||||
margin: 1.5rem 0;
|
||||
border-radius: 0.25rem;
|
||||
@include box-shadow(1px, 1px, 3px, 0, rgba(0, 0, 0, 0.125));
|
||||
|
||||
&__content {
|
||||
padding: 0 18px;
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
border-radius: 0.25rem;
|
||||
border-bottom-left-radius: 0.25rem;
|
||||
border-bottom-right-radius: 0.25rem;
|
||||
|
||||
@include transition(all, 0.2s, ease);
|
||||
@include themify($themes) {
|
||||
|
|
@ -21,11 +25,10 @@
|
|||
outline: none;
|
||||
border: none;
|
||||
padding: 0.125rem;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.125rem;
|
||||
font-size: 1rem;
|
||||
font-family: $title-font;
|
||||
border-radius: 0.25rem;
|
||||
border-top-left-radius: 0.25rem;
|
||||
border-top-right-radius: 0.25rem;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
|
|
|
|||
|
|
@ -1,80 +1,73 @@
|
|||
div.notices {
|
||||
.notices {
|
||||
margin: 2rem 0;
|
||||
position: relative;
|
||||
|
||||
border-radius: .2rem;
|
||||
border-radius: .125rem;
|
||||
color: #fff;
|
||||
padding: .5rem 1rem .5rem 2rem;
|
||||
position: relative
|
||||
}
|
||||
padding: .3rem 0.5rem .3rem 2rem;
|
||||
font-size: 0.9rem;
|
||||
|
||||
div.notices p {
|
||||
padding: 0px;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
margin-top: 0rem;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
div.notices p:first-child:before {
|
||||
&:first-child {
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: -27px;
|
||||
top: -28.5px;
|
||||
color: #fff;
|
||||
content: '💡';
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
div.notices p:first-child:after {
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: -27px;
|
||||
top: -28.5px;
|
||||
color: #fff;
|
||||
left: 2rem;
|
||||
}
|
||||
|
||||
div.notices.info p:first-child:after {
|
||||
content: 'Info';
|
||||
font-family: $title-font;
|
||||
}
|
||||
|
||||
div.notices.warning p:first-child:after {
|
||||
content: 'Warning';
|
||||
font-family: $title-font;
|
||||
}
|
||||
|
||||
div.notices.note p:first-child:after {
|
||||
content: 'Note';
|
||||
font-family: $title-font;
|
||||
}
|
||||
|
||||
div.notices.tip p:first-child:after {
|
||||
content: 'Tip';
|
||||
font-family: $title-font;
|
||||
}
|
||||
|
||||
div.notices.note {
|
||||
border-top: 30px solid #6bb1e0;
|
||||
background: #e6f3fb;
|
||||
color: rgba(47, 103, 141, 0.995) !important;
|
||||
font-family: $content-font;
|
||||
}
|
||||
|
||||
div.notices.info {
|
||||
&.info {
|
||||
border-top: 30px solid #f1b37e;
|
||||
background: #fefaf5;
|
||||
color: rgba(150, 90, 38, 0.995) !important;
|
||||
font-family: $content-font;
|
||||
|
||||
&:first-child::after {
|
||||
content: 'Info';
|
||||
font-family: $title-font;
|
||||
}
|
||||
}
|
||||
|
||||
div.notices.tip {
|
||||
border-top: 30px solid #84c578;
|
||||
background: #e8f7e6;
|
||||
color: rgba(72, 125, 63, 0.995) !important;
|
||||
font-family: $content-font;
|
||||
}
|
||||
|
||||
div.notices.warning {
|
||||
&.warning {
|
||||
border-top: 30px solid #d58181;
|
||||
background: #fbeded;
|
||||
color: rgba(132, 56, 56, 0.995) !important;
|
||||
font-family: $content-font;
|
||||
|
||||
&:first-child::after {
|
||||
content: 'Warning';
|
||||
font-family: $title-font;
|
||||
}
|
||||
}
|
||||
|
||||
&.note {
|
||||
border-top: 30px solid #6bb1e0;
|
||||
background: #e6f3fb;
|
||||
color: rgba(47, 103, 141, 0.995) !important;
|
||||
font-family: $content-font;
|
||||
|
||||
&:first-child::after {
|
||||
content: 'Note';
|
||||
font-family: $title-font;
|
||||
}
|
||||
}
|
||||
|
||||
&.tip {
|
||||
border-top: 30px solid #84c578;
|
||||
background: #e8f7e6;
|
||||
color: rgba(72, 125, 63, 0.995) !important;
|
||||
font-family: $content-font;
|
||||
|
||||
&:first-child::after {
|
||||
content: 'Tip';
|
||||
font-family: $title-font;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -79,3 +79,11 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.expand__content {
|
||||
#TableOfContents {
|
||||
ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -77,7 +77,6 @@
|
|||
|
||||
&__desc {
|
||||
position: absolute;
|
||||
display: none;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
|
|
@ -92,14 +91,33 @@
|
|||
cursor: pointer;
|
||||
|
||||
@include truncate(350px);
|
||||
@include box-shadow(0, 4px, 4px, 0, rgba(0, 0, 0, 0.4));
|
||||
@include box-shadow(0, 0, 0, 0, rgba(0, 0, 0, 0));
|
||||
@include on-event {
|
||||
@include box-shadow(0, 4px, 4px, 0, rgba(0, 0, 0, 0.4));
|
||||
@include transition(all, 0.25s, ease);
|
||||
@include themify($themes) {
|
||||
color: themed('gallery-mask-color');
|
||||
background-color: themed('gallery-mask-background-color');
|
||||
}
|
||||
}
|
||||
|
||||
&--text {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
@include align-items(center);
|
||||
@include translate(-50%, -50%);
|
||||
@include themify($themes) {
|
||||
color: themed('link');
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "〰️🔍〰️";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -65,9 +65,9 @@ $dark: (
|
|||
toc-title-color: #90a4ae,
|
||||
toc-vertical-line: #727072,
|
||||
toc-vertical-line-active: #FF6188,
|
||||
toc-header-background-color: #403E41,
|
||||
toc-header-background-color-hover: darken(#403E41, 1.5%),
|
||||
toc-body-background-color: lighten(#403E41, 5%),
|
||||
toc-header-background-color: lighten(#2D2A2E, 6%),
|
||||
toc-header-background-color-hover: lighten(#2D2A2E, 4%),
|
||||
toc-body-background-color: lighten(#2D2A2E, 2%),
|
||||
search-placeholder-color: #727072,
|
||||
search-color: #FCFCFA,
|
||||
search-icon-color: #727072,
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ $hacker: (
|
|||
taxo-categories-color: #AB9DF2,
|
||||
breadcrumb-item-color: #E08C48,
|
||||
breadcrumb-background-color: #252526,
|
||||
breadcrumb-item-active-color: #6B6B6B,
|
||||
breadcrumb-item-active-color: #bdbdbd,
|
||||
list-header-title-color: #A1AD64,
|
||||
figcaption-color: #1FFF2A,
|
||||
figcaption-strong-color: #FCFCFA,
|
||||
|
|
@ -48,7 +48,7 @@ $hacker: (
|
|||
related-header-title-color: #FCFCFA,
|
||||
related-link-color: #C7BA00,
|
||||
content-box-border-color: #dbdbdb,
|
||||
content-box-background-color: #202420,
|
||||
content-box-background-color: #252526,
|
||||
burger-menu-color: #dbdbdb,
|
||||
social-icon-color: #9e9e9e,
|
||||
social-icon-hover-color: lighten(#9e9e9e, 20%),
|
||||
|
|
@ -65,9 +65,9 @@ $hacker: (
|
|||
toc-title-color: #727072,
|
||||
toc-vertical-line: #727072,
|
||||
toc-vertical-line-active: #E08C48,
|
||||
toc-header-background-color: #252526,
|
||||
toc-header-background-color-hover: darken(#252526, 1.5%),
|
||||
toc-body-background-color: lighten(#252526, 4%),
|
||||
toc-header-background-color: lighten(#151715, 7%),
|
||||
toc-header-background-color-hover: lighten(#151715, 5%),
|
||||
toc-body-background-color: lighten(#151715, 3%),
|
||||
search-placeholder-color: #727072,
|
||||
search-color: #1FFF2A,
|
||||
search-icon-color: #727072,
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ $kimbie: (
|
|||
link: #DC322F,
|
||||
link-hover: #DC322F,
|
||||
title-color: #7c5021,
|
||||
meta-color: #98676a,
|
||||
meta-color: #889b4a,
|
||||
body-color: #e3b583,
|
||||
hr-color: #7f5d38,
|
||||
body-background-color: #221a0f,
|
||||
|
|
@ -36,7 +36,7 @@ $kimbie: (
|
|||
taxo-categories-color: #8ab1b0,
|
||||
breadcrumb-item-color: #DC322F,
|
||||
breadcrumb-background-color: #362712,
|
||||
breadcrumb-item-active-color: #bdbdbd,
|
||||
breadcrumb-item-active-color: #aaa,
|
||||
list-header-title-color: #98676a,
|
||||
figcaption-color: #e3b583,
|
||||
figcaption-strong-color: #7e602c,
|
||||
|
|
@ -48,7 +48,7 @@ $kimbie: (
|
|||
related-link-color: #f06431,
|
||||
content-box-border-color: #6e583b,
|
||||
content-box-background-color: #7c502166,
|
||||
burger-menu-color: #a57a4c,
|
||||
burger-menu-color: #d3af86,
|
||||
social-icon-color: #ccc,
|
||||
social-icon-hover-color: #fff,
|
||||
pagination-link-color: #DC322F,
|
||||
|
|
@ -64,6 +64,9 @@ $kimbie: (
|
|||
toc-title-color: #a57a4c,
|
||||
toc-vertical-line: #a57a4c,
|
||||
toc-vertical-line-active: #889b4a,
|
||||
toc-header-background-color: #362712,
|
||||
toc-header-background-color-hover: lighten(#362712, 3%),
|
||||
toc-body-background-color: lighten(#221a0f, 1.5%),
|
||||
search-placeholder-color: #6e583b,
|
||||
search-color: #d3af86,
|
||||
search-icon-color: #6e583b,
|
||||
|
|
@ -89,7 +92,7 @@ $kimbie: (
|
|||
switch-button-color: #FCFCFA,
|
||||
switch-active-color: #dc3958,
|
||||
gallery-mask-color: #fff,
|
||||
gallery-mask-background-color: rgba(110, 88, 59, 0.6),
|
||||
gallery-mask-background-color: rgba(66, 53, 35, 0.85),
|
||||
contact-input-color: #e3b583,
|
||||
contact-input-background-color: #362712,
|
||||
contact-button-background-color: #362712,
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ $light: (
|
|||
taxo-categories-color: #424242,
|
||||
breadcrumb-item-color: #728fcb,
|
||||
breadcrumb-background-color: #eee,
|
||||
breadcrumb-item-active-color: #bdbdbd,
|
||||
breadcrumb-item-active-color: #aaa,
|
||||
list-header-title-color: #424242,
|
||||
figcaption-color: #bdbdbd,
|
||||
figcaption-strong-color: #424242,
|
||||
|
|
@ -84,7 +84,7 @@ $light: (
|
|||
archive-key-background-color: #607d8b,
|
||||
archive-type-background-color: #bdbdbd,
|
||||
archive-hover-line-color: #FF6188,
|
||||
gtt-color: #424242,
|
||||
gtt-color: #727072,
|
||||
gtt-background-color: #eeeeee,
|
||||
gtt-hover-color: #607d8b,
|
||||
gtt-hover-background-color: darken(#eeeeee, 10%),
|
||||
|
|
@ -92,7 +92,7 @@ $light: (
|
|||
switch-button-color: #FCFCFA,
|
||||
switch-active-color: #FF6188,
|
||||
gallery-mask-color: #424242,
|
||||
gallery-mask-background-color: rgba(255, 255, 255, 0.7),
|
||||
gallery-mask-background-color: rgba(236, 239, 241, 0.85),
|
||||
contact-input-color: #424242,
|
||||
contact-input-background-color: #eee,
|
||||
contact-button-background-color: #eee,
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ $solarized: (
|
|||
link-hover: #268bd2,
|
||||
title-color: #cb4b16,
|
||||
meta-color: #B58900,
|
||||
body-color: #424242,
|
||||
body-color: #586e75,
|
||||
hr-color: #ffb300,
|
||||
body-background-color: #FDF7E3,
|
||||
backdrop-background-color: #DDD6C7,
|
||||
|
|
@ -18,10 +18,10 @@ $solarized: (
|
|||
navbar-border-bottom-color: #B58900,
|
||||
navbar-background-color: #EEE8D5,
|
||||
navbar-mobile-background-color: darken(#EEE8D5, 2.5%),
|
||||
navbar-title-color: #555,
|
||||
navbar-title-color: #586e75,
|
||||
navbar-title-hover-color: #B58900,
|
||||
navbar-title-active-color: #B58900,
|
||||
navbar-menu-hover-background-color: darken(#FBF1D1, 5%),
|
||||
navbar-title-active-color: #cb4b16,
|
||||
navbar-menu-hover-background-color: darken(#EEE8D5, 4%),
|
||||
navbar-dropdown-item-hover-color: #B58900,
|
||||
sidebar-title-color: #2aa198,
|
||||
sidebar-li-color: #B58900,
|
||||
|
|
@ -36,7 +36,7 @@ $solarized: (
|
|||
taxo-categories-color: darken(#B58900, 7%),
|
||||
breadcrumb-item-color: #424242,
|
||||
breadcrumb-background-color: #FBF1D1,
|
||||
breadcrumb-item-active-color: #bdbdbd,
|
||||
breadcrumb-item-active-color: #aaa,
|
||||
list-header-title-color: #424242,
|
||||
figcaption-color: #ffb300,
|
||||
figcaption-strong-color: #B58900,
|
||||
|
|
@ -47,8 +47,8 @@ $solarized: (
|
|||
related-header-title-color: #424242,
|
||||
related-link-color: #2aa198,
|
||||
content-box-border-color: #B58900,
|
||||
content-box-background-color: #FBF1D1,
|
||||
burger-menu-color: #B58900,
|
||||
content-box-background-color: #f9fbe7,
|
||||
burger-menu-color: #586e75,
|
||||
social-icon-color: lighten(#586e75, 5%),
|
||||
social-icon-hover-color: darken(#586e75, 5%),
|
||||
pagination-link-color: #455a64,
|
||||
|
|
@ -64,9 +64,9 @@ $solarized: (
|
|||
toc-title-color: #727072,
|
||||
toc-vertical-line: #727072,
|
||||
toc-vertical-line-active: #268bd2,
|
||||
toc-header-background-color: darken(#FBF1D1, 4%),
|
||||
toc-header-background-color-hover: darken(#FBF1D1, 7%),
|
||||
toc-body-background-color: #FBF1D1,
|
||||
toc-header-background-color: #FBF1D1,
|
||||
toc-header-background-color-hover: darken(#FBF1D1, 3%),
|
||||
toc-body-background-color: #f9fbe7,
|
||||
search-placeholder-color: #B58900,
|
||||
search-color: #B58900,
|
||||
search-border-color: darken(#FBF1D1, 10%),
|
||||
|
|
@ -83,15 +83,15 @@ $solarized: (
|
|||
archive-key-background-color: #B58900,
|
||||
archive-type-background-color: darken(#FBF1D1, 12%),
|
||||
archive-hover-line-color: #FF6188,
|
||||
gtt-color: #ffb300,
|
||||
gtt-color: #B58900,
|
||||
gtt-background-color: #EEE8D5,
|
||||
gtt-hover-color: #B58900,
|
||||
gtt-hover-color: #cb4b16,
|
||||
gtt-hover-background-color: darken(#EEE8D5, 5%),
|
||||
switch-background-color: darken(#EEE8D5, 10%),
|
||||
switch-button-color: #FCFCFA,
|
||||
switch-active-color: #FF6188,
|
||||
gallery-mask-color: #424242,
|
||||
gallery-mask-background-color: rgba(253, 247, 227, 0.7),
|
||||
gallery-mask-background-color: rgba(241, 248, 233, 0.85),
|
||||
contact-input-color: #B58900,
|
||||
contact-input-background-color: #FBF1D1,
|
||||
contact-button-background-color: #FBF1D1,
|
||||
|
|
|
|||
|
|
@ -61,9 +61,9 @@ $solarizedcode: '';
|
|||
content-pre-main-color: #B58900,
|
||||
content-pre-color: #344952,
|
||||
content-pre-number-color: #aaa,
|
||||
content-pre-background-color: #faf1cd,
|
||||
content-pre-border-background-color: darken(#FBF1D1, 12%),
|
||||
content-pre-header-background-color: darken(#FBF1D1, 6%),
|
||||
content-pre-background-color: #f9fbe7,
|
||||
content-pre-border-background-color: darken(#FBF1D1, 8%),
|
||||
content-pre-header-background-color: darken(#FBF1D1, 2.5%),
|
||||
content-pre-header-color: #344952,
|
||||
);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -16,7 +16,11 @@
|
|||
{{ range .Params.Images }}
|
||||
<div class="grid-item">
|
||||
<img src="{{ $basename | relURL }}{{ .image }}" alt="{{ print .caption }}" />
|
||||
<div class="grid-item__desc hide">{{ .caption }}</div>
|
||||
<div class="grid-item__desc hide">
|
||||
<span class="grid-item__desc--text">
|
||||
{{ .caption }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
@ -34,7 +38,11 @@
|
|||
{{ range (readDir (print "./static/" $basename)) }}
|
||||
<div class="grid-item">
|
||||
<img src="{{ $basename | relURL }}{{ .Name }}" alt="{{ index (split .Name ".") 0 }}"/>
|
||||
<div class="grid-item__desc hide">{{ index (split .Name ".") 0 }}</div>
|
||||
<div class="grid-item__desc hide">
|
||||
<span class="grid-item__desc--text">
|
||||
{{ index (split .Name ".") 0 }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,25 @@
|
|||
<script src="https://utteranc.es/client.js" repo="{{ .Site.Params.utterances.owner }}/{{ .Site.Params.utterances.repo }}" issue-term="pathname" theme="photon-dark" crossorigin="anonymous" async>
|
||||
</script>
|
||||
<div id="utterances"></div>
|
||||
<noscript>Please enable JavaScript to view the <a href="https://github.com/utterance">comments powered by utterances.</a></noscript>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
{{ $owner:= .Site.Params.utterances.owner }}
|
||||
var owner = JSON.parse({{ $owner | jsonify }});
|
||||
{{ $repo:= .Site.Params.utterances.repo }}
|
||||
var repo = JSON.parse({{ $repo | jsonify }});
|
||||
var localTheme = localStorage.getItem('theme');
|
||||
var utterTheme = localTheme === "dark" || localTheme === "hacker" ? 'photon-dark' : localTheme === 'kimbie' ? 'github-dark-orange' : 'github-light'
|
||||
|
||||
var myScript = document.createElement('script');
|
||||
myScript.setAttribute('src', 'https://utteranc.es/client.js');
|
||||
myScript.setAttribute('repo', `${owner}/${repo}`);
|
||||
myScript.setAttribute('issue-term', 'pathname');
|
||||
myScript.setAttribute('theme', utterTheme);
|
||||
myScript.setAttribute('crossorigin', 'anonymous');
|
||||
myScript.setAttribute('async', '');
|
||||
|
||||
myScript.onload = function() {
|
||||
}
|
||||
|
||||
document.getElementById('utterances').appendChild(myScript);
|
||||
});
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -324,7 +324,7 @@
|
|||
if (utterances) {
|
||||
utterances.contentWindow.postMessage({
|
||||
type: 'set-theme',
|
||||
theme: selectedThemeVariant === "dark" || selectedThemeVariant === "hacker" ? 'photon-dark' : 'github-light',
|
||||
theme: selectedThemeVariant === "dark" || selectedThemeVariant === "hacker" ? 'photon-dark' : selectedThemeVariant === 'kimbie' ? 'github-dark-orange' : 'github-light',
|
||||
}, 'https://utteranc.es');
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -23,12 +23,13 @@
|
|||
document.querySelectorAll('.grid-item').forEach(function(elem) {
|
||||
elem.addEventListener('mouseenter', function() {
|
||||
elem.querySelector('.grid-item__desc').style.display = 'block';
|
||||
elem.querySelector('.grid-item__desc').style.opacity = 1;
|
||||
elem.querySelector('.grid-item__desc').onclick = function(e) {
|
||||
e.target.previousElementSibling.click();
|
||||
}
|
||||
});
|
||||
elem.addEventListener('mouseleave', function () {
|
||||
elem.querySelector('.grid-item__desc').style.display = 'none';
|
||||
elem.querySelector('.grid-item__desc').style.opacity = 0;
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,6 @@
|
|||
{{ $_hugo_config := `{ "version": 1 }` }}
|
||||
<div class="alert{{- " " -}}{{- if .IsNamedParams -}}
|
||||
{{- with .Get "theme" -}}alert-{{.}}{{- else -}}alert-info{{- end -}}
|
||||
{{- else -}}
|
||||
{{- with .Get 0 -}}alert-{{.}}{{- else -}}alert-info{{- end -}}
|
||||
{{- end -}}
|
||||
" role="alert">{{- .Inner -}}</div>
|
||||
" role="alert">{{ .Inner | markdownify }}</div>
|
||||
|
|
|
|||
|
|
@ -1,2 +1 @@
|
|||
{{ $_hugo_config := `{ "version": 1 }` }}
|
||||
<div class="notices {{ .Get 0 }}" {{ if len .Params | eq 2 }} id="{{ .Get 1 }}" {{ end }}>{{ .Inner }}</div>
|
||||
Loading…
Reference in New Issue