divided main scss, js file, easy custom color added,
This commit is contained in:
zzossig
parent
c7fedf9cb4
commit
d2e290d9b3
|
|
@ -223,7 +223,6 @@ homeHeaderType = "slide" # text, img, slide
|
|||
enableBreadcrumb = true
|
||||
enablePhotoSwipe = true
|
||||
enableSearch = true
|
||||
enableMark = true
|
||||
enableGoToTop = true
|
||||
enableWhoami = true
|
||||
summaryShape = "classic" # card, classic, compact
|
||||
|
|
@ -249,7 +248,6 @@ enableSidebarCategories = true
|
|||
enableToc = true
|
||||
enableTocSwitch = true
|
||||
itemsPerCategory = 5
|
||||
enableSideSubscribe = false
|
||||
searchLanguages = ['en']
|
||||
|
||||
# footer
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,11 +1,53 @@
|
|||
$(document).ready(function() {
|
||||
// theme
|
||||
$(document).ready(function() {
|
||||
// theme change
|
||||
var localTheme = localStorage.getItem('theme');
|
||||
if (localTheme) {
|
||||
$('#root').attr('class', `theme__${localTheme}`);
|
||||
$('#root').attr('class', `theme__${localTheme}`);
|
||||
$('.select-theme__item').each(function () {
|
||||
$(this).removeClass('is-active');
|
||||
});
|
||||
$(`.select-theme a:contains("${localTheme}")`).addClass('is-active');
|
||||
}
|
||||
|
||||
// go-to-top
|
||||
$('.select-theme__item').click(function (e) {
|
||||
var selectedThemeVariant = $(e.target).text().trim();
|
||||
localStorage.setItem('theme', selectedThemeVariant);
|
||||
|
||||
if ($(this).attr('class').trim() === selectedThemeVariant) {
|
||||
return null;
|
||||
}
|
||||
|
||||
$('#root').removeAttr('class').addClass(`theme__${selectedThemeVariant}`);
|
||||
var nodes = $('.select-theme').children('.dropdown-item');
|
||||
|
||||
nodes.each(function () {
|
||||
if ($(this).text().trim() === selectedThemeVariant) {
|
||||
if (!$(this).hasClass('is-active')) {
|
||||
$(this).addClass('is-active');
|
||||
}
|
||||
} else {
|
||||
if ($(this).hasClass('is-active')) {
|
||||
$(this).removeClass('is-active');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (window.mermaid) {
|
||||
if (selectedThemeVariant === "dark" || selectedThemeVariant === "hacker") {
|
||||
mermaid.initialize({ theme: 'dark' });
|
||||
location.reload();
|
||||
} else {
|
||||
mermaid.initialize({ theme: 'default' });
|
||||
location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// go to top
|
||||
$('.gtt').click(function () {
|
||||
$("html, body").animate({ scrollTop: 0 }, 250);
|
||||
});
|
||||
|
||||
if ($(window).scrollTop() === 0) {
|
||||
$('.gtt').hide(200);
|
||||
} else if ($(this).scrollTop() > $(document).height() - $(window).height() - 250) { // near the bottom
|
||||
|
|
@ -125,19 +167,6 @@ $(document).ready(function() {
|
|||
}
|
||||
});
|
||||
|
||||
// highlight
|
||||
$("pre[class*='language-']").each(function () {
|
||||
$(this).removeAttr('style');
|
||||
var langName = $(this).attr('class').replace('chroma language-', '').toUpperCase();
|
||||
$(this).closest('table').attr('data-content', langName);
|
||||
});
|
||||
|
||||
$('.lntable').each(function() {
|
||||
if (!$(this).attr('data-content')) {
|
||||
$(this).attr('data-content', 'Code');
|
||||
}
|
||||
});
|
||||
|
||||
// mobile search
|
||||
$('.mobile-search').hide(200);
|
||||
$('#mobileSearchBtn').click(function() {
|
||||
|
|
@ -160,6 +189,4 @@ $(document).ready(function() {
|
|||
$('html').css('overflow-y', 'visible');
|
||||
}
|
||||
});
|
||||
|
||||
// animation
|
||||
});
|
||||
|
|
|
|||
|
|
@ -109,16 +109,10 @@ th {
|
|||
}
|
||||
}
|
||||
|
||||
mark {
|
||||
@include themify($themes) {
|
||||
color: themed("mark-color");
|
||||
background-color: themed("mark-background-color");
|
||||
}
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-style: italic;
|
||||
font-size: 0.9rem;
|
||||
margin-bottom: 1rem;
|
||||
@include themify($themes) {
|
||||
color: themed("figcaption-color");
|
||||
strong {
|
||||
|
|
@ -130,14 +124,14 @@ figcaption {
|
|||
::-moz-selection {
|
||||
/* Code for Firefox */
|
||||
@include themify($themes) {
|
||||
color: themed("mark-color");
|
||||
background: themed("mark-background-color");
|
||||
color: themed("selection-color");
|
||||
background: themed("selection-background-color");
|
||||
}
|
||||
}
|
||||
|
||||
::selection {
|
||||
@include themify($themes) {
|
||||
color: themed("mark-color");
|
||||
background: themed("mark-background-color");
|
||||
color: themed("selection-color");
|
||||
background: themed("selection-background-color");
|
||||
}
|
||||
}
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
border-radius: 0.25rem;
|
||||
padding: auto;
|
||||
|
||||
@include truncate(100%);
|
||||
@include truncate($grid_max_width + $grid_max_unit);
|
||||
@include themify($themes) {
|
||||
background-color: themed('breadcrumb-background-color');
|
||||
}
|
||||
|
|
@ -20,6 +20,7 @@
|
|||
|
||||
a {
|
||||
font-size: 0.9rem;
|
||||
|
||||
@include themify($themes) {
|
||||
color: themed('breadcrumb-item-color');
|
||||
@include on-event {
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
bottom: 0.5rem;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
border-radius: 0.25rem;
|
||||
cursor: pointer;
|
||||
|
||||
@include flexbox();
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
outline: none;
|
||||
padding-right: 1rem;
|
||||
|
||||
@include truncate(100%);
|
||||
@include truncate($grid_main_side_width + $grid_main_side_unit);
|
||||
@include themify($themes) {
|
||||
color: themed("search-color");
|
||||
background-color: inherit;
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
|
||||
&__desc {
|
||||
font-size: 0.8rem;
|
||||
@include truncate(100%);
|
||||
@include truncate($grid_main_side_width + $grid_main_side_unit);
|
||||
@include themify($themes) {
|
||||
color: themed('search-color');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,71 +0,0 @@
|
|||
.subs {
|
||||
padding: 0.25rem;
|
||||
margin: 2.5rem 0;
|
||||
z-index: z('taxo');
|
||||
|
||||
&__title {
|
||||
font-weight: 700;
|
||||
font-family: $taxo_titie_font;
|
||||
margin-bottom: 0.5rem;
|
||||
@include themify($themes) {
|
||||
color: themed('taxo-title-color');
|
||||
}
|
||||
}
|
||||
|
||||
&__form {
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
&__icon {
|
||||
padding: 0.3rem;
|
||||
border-top-left-radius: 0.25rem;
|
||||
border-bottom-left-radius: 0.25rem;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include themify($themes) {
|
||||
color: themed("search-icon-color");
|
||||
background-color: themed("search-background-color");
|
||||
}
|
||||
}
|
||||
|
||||
&__input {
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
padding: 0.25rem;
|
||||
border-top-right-radius: 0.25rem;
|
||||
border-bottom-right-radius: 0.25rem;
|
||||
margin-right: 1rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
@include themify($themes) {
|
||||
color: themed("search-color");
|
||||
background-color: themed("search-background-color");
|
||||
@include input-placeholder {
|
||||
font-family: $search_placeholder_font;
|
||||
color: themed("search-placeholder-color");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__button {
|
||||
border-radius: 0.125rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
height: 25px;
|
||||
width: auto;
|
||||
min-width: 60px;
|
||||
cursor: pointer;
|
||||
|
||||
@include transition(all, 0.25s, ease);
|
||||
@include themify($themes) {
|
||||
color: themed('subs-button-color');
|
||||
background-color:themed('subs-button-background-color');
|
||||
@include on-event {
|
||||
background-color:themed('subs-button-hover-background-color');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -148,6 +148,18 @@
|
|||
border-top: 1px solid themed('hr-color');
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
hr {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
hr {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.summary-compact {
|
||||
|
|
|
|||
|
|
@ -26,8 +26,7 @@
|
|||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
&__text {
|
||||
padding: 0.125rem 0.25rem;
|
||||
&__text {
|
||||
border-top-left-radius: 0.175rem;
|
||||
border-bottom-left-radius: 0.175rem;
|
||||
|
||||
|
|
@ -36,14 +35,13 @@
|
|||
}
|
||||
@include themify($themes) {
|
||||
color: inherit;
|
||||
background-color: themed('taxo-tags-background-color');
|
||||
}
|
||||
}
|
||||
|
||||
&__num {
|
||||
border-top-right-radius: 0.175rem;
|
||||
border-bottom-right-radius: 0.175rem;
|
||||
padding: 0.125rem 0.25rem;
|
||||
border-top-right-radius: 0.175rem;
|
||||
border-bottom-right-radius: 0.175rem;
|
||||
|
||||
@include themify($themes) {
|
||||
color: themed('taxo-num-color');
|
||||
|
|
@ -72,6 +70,7 @@
|
|||
|
||||
.is-tags {
|
||||
border-radius: 0.175rem;
|
||||
padding: 0.125rem 0 0.125rem 0.25rem;
|
||||
@include themify($themes) {
|
||||
color: themed('taxo-tags-color');
|
||||
background-color: themed('taxo-tags-background-color');
|
||||
|
|
@ -80,6 +79,7 @@
|
|||
|
||||
.is-categories {
|
||||
border-radius: 0.175rem;
|
||||
padding: 0.125rem 0 0.125rem 0.25rem;
|
||||
@include themify($themes) {
|
||||
color: themed('taxo-categories-color');
|
||||
background-color: themed('taxo-categories-background-color');
|
||||
|
|
@ -88,6 +88,7 @@
|
|||
|
||||
.is-series {
|
||||
border-radius: 0.175rem;
|
||||
padding: 0.125rem 0 0.125rem 0.25rem;
|
||||
@include themify($themes) {
|
||||
color: themed('taxo-series-color');
|
||||
background-color: themed('taxo-series-background-color');
|
||||
|
|
|
|||
|
|
@ -10,12 +10,15 @@
|
|||
@include flex-direction(column);
|
||||
}
|
||||
|
||||
&__contents {
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
@include justify-content(center);
|
||||
@include align-items(center);
|
||||
&__contents {
|
||||
margin-top: 0.5rem;
|
||||
|
||||
@include respond-to(sm) {
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
@include justify-content(center);
|
||||
@include align-items(center);
|
||||
}
|
||||
}
|
||||
|
||||
&__image {
|
||||
|
|
|
|||
|
|
@ -25,6 +25,10 @@
|
|||
|
||||
&__social {
|
||||
padding: 0.5rem 0;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
bottom: 70px;
|
||||
|
||||
@include flex-grow(1);
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
|
|
@ -48,7 +52,7 @@
|
|||
bottom: 0.5rem;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
border-radius: 0.25rem;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
|
|
@ -63,7 +67,8 @@
|
|||
}
|
||||
|
||||
&-trigger {
|
||||
border-radius: 50%;
|
||||
outline: none;
|
||||
border-radius: 0.25rem;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -197,10 +197,10 @@
|
|||
top: 100%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
overflow: hidden;
|
||||
@include themify($themes) {
|
||||
border-top: 1px solid themed('navbar-dropdown-item-hover-background-color');
|
||||
background-color: themed('navbar-background-color');
|
||||
border-top: 1px solid themed('navbar-border-bottom-color');
|
||||
background-color: themed('navbar-mobile-background-color');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -232,7 +232,7 @@
|
|||
box-shadow: none;
|
||||
@include themify($themes) {
|
||||
border-top: none;
|
||||
background-color: themed("navbar-background-color");
|
||||
background-color: themed("navbar-mobile-background-color");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -279,7 +279,7 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
.dropdown {
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
|
|
@ -288,7 +288,6 @@
|
|||
@include on-event {
|
||||
color: themed('navbar-title-hover-color');
|
||||
background-color: themed('navbar-menu-hover-background-color');
|
||||
border-bottom: 1px solid themed('navbar-border-bottom-color');
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -298,7 +297,7 @@
|
|||
border: none;
|
||||
outline: none;
|
||||
width: $grid_navbar_height;
|
||||
height: $grid_navbar_height;
|
||||
height: $grid_navbar_height - 2px;
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
|
@ -310,8 +309,8 @@
|
|||
display: none;
|
||||
height: auto;
|
||||
z-index: z("dropdown");
|
||||
border-top-left-radius: 0.15rem;
|
||||
border-top-right-radius: 0.15rem;
|
||||
border-bottom-left-radius: 0.25rem;
|
||||
border-bottom-right-radius: 0.25rem;
|
||||
|
||||
a {
|
||||
font-size: 0.9rem;
|
||||
|
|
@ -344,9 +343,9 @@
|
|||
background-color: themed("dropdown-item-hover-background-color");
|
||||
text-decoration: none;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: 0.15rem;
|
||||
border-top-right-radius: 0.15rem;
|
||||
&:last-child {
|
||||
border-bottom-left-radius: 0.25rem;
|
||||
border-bottom-right-radius: 0.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -387,22 +386,23 @@
|
|||
}
|
||||
|
||||
.dropdown {
|
||||
border-bottom: 2px solid transparent;
|
||||
@include themify($themes) {
|
||||
color: themed('burger-menu-color');
|
||||
@include on-event {
|
||||
color: themed('link-hover');
|
||||
background-color: inherit;
|
||||
border-bottom: none;
|
||||
background-color: themed('navbar-menu-hover-background-color');
|
||||
border-bottom: 2px solid themed('navbar-border-bottom-color');
|
||||
}
|
||||
}
|
||||
|
||||
&-trigger {
|
||||
padding: 0.25rem;
|
||||
padding: 0.5rem;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
width: 35px;
|
||||
height: $grid_navbar_height;
|
||||
height: $grid_navbar_height;
|
||||
color: inherit;
|
||||
background-color: inherit;
|
||||
}
|
||||
|
|
@ -413,7 +413,7 @@
|
|||
right: 0;
|
||||
display: none;
|
||||
height: auto;
|
||||
z-index: z("dropdown");
|
||||
z-index: z("dropdown");
|
||||
border-top-left-radius: 0.15rem;
|
||||
border-top-right-radius: 0.15rem;
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
margin-top: 1rem;
|
||||
margin-right: 1rem;
|
||||
|
||||
&-home {
|
||||
&-recent {
|
||||
padding: 0.5rem;
|
||||
|
||||
&__title {
|
||||
|
|
@ -31,31 +31,6 @@
|
|||
}
|
||||
|
||||
&__a {
|
||||
@include themify($themes) {
|
||||
color: themed('sidebar-li-color');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-list {
|
||||
padding: 0.5rem;
|
||||
|
||||
&__title {
|
||||
font-family: $sidebar_title_font;
|
||||
font-weight: 700;
|
||||
@include themify($themes) {
|
||||
color: themed('sidebar-title-color');
|
||||
&:hover {
|
||||
color: themed('link-hover');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__ul {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
&__a {
|
||||
font-family: $sidebar_list_font;
|
||||
@include themify($themes) {
|
||||
color: themed('sidebar-li-color');
|
||||
|
|
|
|||
|
|
@ -0,0 +1,61 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$primary_color: {{ $scr.Get "primary_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/header';
|
||||
@import 'layout/footer';
|
||||
|
||||
@import 'components/search';
|
||||
@import 'components/notice';
|
||||
@import 'components/expand';
|
||||
@import 'components/alert';
|
||||
@import 'components/gtt';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/about';
|
||||
@import 'pages/terms';
|
||||
@import 'pages/single';
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$primary_color: {{ $scr.Get "primary_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/header';
|
||||
@import 'layout/footer';
|
||||
|
||||
@import 'components/pagination';
|
||||
@import 'components/search';
|
||||
@import 'components/gtt';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/archive';
|
||||
@import 'pages/terms';
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$primary_color: {{ $scr.Get "primary_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/header';
|
||||
@import 'layout/footer';
|
||||
@import 'layout/sidebar';
|
||||
|
||||
@import 'components/pagination';
|
||||
@import 'components/search';
|
||||
@import 'components/related';
|
||||
@import 'components/gtt';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/gallery';
|
||||
@import 'pages/terms';
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$primary_color: {{ $scr.Get "primary_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/header';
|
||||
@import 'layout/footer';
|
||||
@import 'layout/sidebar';
|
||||
|
||||
@import 'components/summary';
|
||||
@import 'components/taxo';
|
||||
@import 'components/pagination';
|
||||
@import 'components/search';
|
||||
@import 'components/gtt';
|
||||
@import 'components/swiper';
|
||||
@import 'components/bio';
|
||||
@import 'components/features';
|
||||
@import 'components/hr';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/home';
|
||||
@import 'pages/404';
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$primary_color: {{ $scr.Get "primary_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/footer';
|
||||
@import 'layout/sidebar';
|
||||
|
||||
@import 'components/summary';
|
||||
@import 'components/taxo';
|
||||
@import 'components/pagination';
|
||||
@import 'components/search';
|
||||
@import 'components/breadcrumb';
|
||||
@import 'components/gtt';
|
||||
@import 'components/hr';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/list';
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$primary_color: {{ $scr.Get "primary_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/header';
|
||||
@import 'layout/footer';
|
||||
@import 'layout/sidebar';
|
||||
|
||||
@import 'components/toc';
|
||||
@import 'components/pagination';
|
||||
@import 'components/search';
|
||||
@import 'components/breadcrumb';
|
||||
@import 'components/related';
|
||||
@import 'components/notice';
|
||||
@import 'components/expand';
|
||||
@import 'components/alert';
|
||||
@import 'components/tooltip';
|
||||
@import 'components/gtt';
|
||||
@import 'components/whoami';
|
||||
@import 'components/switch';
|
||||
@import 'components/diagram';
|
||||
@import 'components/math';
|
||||
@import 'components/hr';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/single';
|
||||
|
||||
@import 'prism/prism';
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$primary_color: {{ $scr.Get "primary_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/header';
|
||||
@import 'layout/footer';
|
||||
@import 'layout/sidebar';
|
||||
|
||||
@import 'components/taxo';
|
||||
@import 'components/search';
|
||||
@import 'components/gtt';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/terms';
|
||||
|
|
@ -1,190 +0,0 @@
|
|||
{{- partial "functions/parse_theme" . -}}
|
||||
{{- partial "functions/parse_fonts" . -}}
|
||||
{{- partial "functions/parse_grid" . -}}
|
||||
{{- $scr := .Scratch -}}
|
||||
|
||||
$grid_max_width: {{ $scr.Get "grid_max_width" }};
|
||||
$grid_max_unit: {{ $scr.Get "grid_max_unit" }};
|
||||
$grid_main_main_width: {{ $scr.Get "grid_main_main_width" }};
|
||||
$grid_main_main_unit: {{ $scr.Get "grid_main_main_unit" }};
|
||||
$grid_main_side_width: {{ $scr.Get "grid_main_side_width" }};
|
||||
$grid_main_side_unit: {{ $scr.Get "grid_main_side_unit" }};
|
||||
$grid_column_gap_width: {{ $scr.Get "grid_column_gap_width" }};
|
||||
$grid_column_gap_unit: {{ $scr.Get "grid_column_gap_unit" }};
|
||||
$grid_navbar_height: {{ $scr.Get "grid_navbar_height" }};
|
||||
$grid_row_gap: {{ $scr.Get "grid_row_gap" }};
|
||||
|
||||
$search_placeholder_font: {{ $scr.Get "search_placeholder" }};
|
||||
$summary_title_font: {{ $scr.Get "summary_title" }};
|
||||
$summary_subtitle_font: {{ $scr.Get "summary_subtitle" }};
|
||||
$summary_text_font: {{ $scr.Get "summary_text" }};
|
||||
$taxo_titie_font: {{ $scr.Get "taxo_titie" }};
|
||||
$footer_content_font: {{ $scr.Get "footer_content" }};
|
||||
$header_title_font: {{ $scr.Get "header_title" }};
|
||||
$navbar_item_font: {{ $scr.Get "navbar_item" }};
|
||||
$sidebar_title_font: {{ $scr.Get "sidebar_title" }};
|
||||
$sidebar_list_font: {{ $scr.Get "sidebar_list" }};
|
||||
$page_not_found_font: {{ $scr.Get "page_not_found" }};
|
||||
$gallery_contents_font: {{ $scr.Get "gallery_contents" }};
|
||||
$list_title_font: {{ $scr.Get "list_title" }};
|
||||
$list_desc_font: {{ $scr.Get "list_desc" }};
|
||||
$single_title_font: {{ $scr.Get "single_title" }};
|
||||
$single_contents_font: {{ $scr.Get "single_contents" }};
|
||||
|
||||
$footer_background_color: {{ $scr.Get "footer_background_color" }};
|
||||
$footer_color: {{ $scr.Get "footer_color" }};
|
||||
$link: {{ $scr.Get "link" }};
|
||||
$link_hover: {{ $scr.Get "link_hover" }};
|
||||
$title_color: {{ $scr.Get "title_color" }};
|
||||
$meta_color: {{ $scr.Get "meta_color" }};
|
||||
$body_color: {{ $scr.Get "body_color" }};
|
||||
$hr_color: {{ $scr.Get "hr_color" }};
|
||||
$body_background_color: {{ $scr.Get "body_background_color" }};
|
||||
$backdrop_background_color: {{ $scr.Get "backdrop_background_color" }};
|
||||
$dropdown_border_color: {{ $scr.Get "dropdown_border_color" }};
|
||||
$dropdown_border_top_color: {{ $scr.Get "dropdown_border_top_color" }};
|
||||
$dropdown_item_active_background_color: {{ $scr.Get "dropdown_item_active_background_color" }};
|
||||
$dropdown_title_background_color: {{ $scr.Get "dropdown_title_background_color" }};
|
||||
$dropdown_content_background_color: {{ $scr.Get "dropdown_content_background_color" }};
|
||||
$dropdown_footer_item_color: {{ $scr.Get "dropdown_footer_item_color" }};
|
||||
$dropdown_item_hover_background_color: {{ $scr.Get "dropdown_item_hover_background_color" }};
|
||||
$dropdown_item_hover_color: {{ $scr.Get "dropdown_item_hover_color" }};
|
||||
$dropdown_item_color: {{ $scr.Get "dropdown_item_color" }};
|
||||
$navbar_border_bottom_color: {{ $scr.Get "navbar_border_bottom_color" }};
|
||||
$navbar_background_color: {{ $scr.Get "navbar_background_color" }};
|
||||
$navbar_title_color: {{ $scr.Get "navbar_title_color" }};
|
||||
$navbar_title_hover_color: {{ $scr.Get "navbar_title_hover_color" }};
|
||||
$navbar_title_active_color: {{ $scr.Get "navbar_title_active_color" }};
|
||||
$navbar_menu_hover_background_color: {{ $scr.Get "navbar_menu_hover_background_color" }};
|
||||
$navbar_dropdown_item_hover_color: {{ $scr.Get "navbar_dropdown_item_hover_color" }};
|
||||
$navbar_dropdown_item_hover_background_color: {{ $scr.Get "navbar_dropdown_item_hover_background_color" }};
|
||||
$sidebar_title_color: {{ $scr.Get "sidebar_title_color" }};
|
||||
$sidebar_li_color: {{ $scr.Get "sidebar_li_color" }};
|
||||
$taxo_title_color: {{ $scr.Get "taxo_title_color" }};
|
||||
$taxo_num_color: {{ $scr.Get "taxo_num_color" }};
|
||||
$taxo_num_background_color: {{ $scr.Get "taxo_num_background_color" }};
|
||||
$taxo_tags_background_color: {{ $scr.Get "taxo_tags_background_color" }};
|
||||
$taxo_tags_color: {{ $scr.Get "taxo_tags_color" }};
|
||||
$taxo_series_background_color: {{ $scr.Get "taxo_series_background_color" }};
|
||||
$taxo_series_color: {{ $scr.Get "taxo_series_color" }};
|
||||
$taxo_categories_background_color: {{ $scr.Get "taxo_categories_background_color" }};
|
||||
$taxo_categories_color: {{ $scr.Get "taxo_categories_color" }};
|
||||
$breadcrumb_item_color: {{ $scr.Get "breadcrumb_item_color" }};
|
||||
$breadcrumb_background_color: {{ $scr.Get "breadcrumb_background_color" }};
|
||||
$breadcrumb_item_active_color: {{ $scr.Get "breadcrumb_item_active_color" }};
|
||||
$list_header_title_color: {{ $scr.Get "list_header_title_color" }};
|
||||
$figcaption_color: {{ $scr.Get "figcaption_color" }};
|
||||
$figcaption_strong_color: {{ $scr.Get "figcaption_strong_color" }};
|
||||
$single_hr_background_color: {{ $scr.Get "single_hr_background_color" }};
|
||||
$single_blockquote_border_color: {{ $scr.Get "single_blockquote_border_color" }};
|
||||
$single_header_title_color: {{ $scr.Get "single_header_title_color" }};
|
||||
$single_contents_title_color: {{ $scr.Get "single_contents_title_color" }};
|
||||
$related_header_title_color: {{ $scr.Get "related_header_title_color" }};
|
||||
$related_link_color: {{ $scr.Get "related_link_color" }};
|
||||
$content_pre_main_color: {{ $scr.Get "content_pre_main_color" }};
|
||||
$content_pre_background_color: {{ $scr.Get "content_pre_background_color" }};
|
||||
$content_pre_header_background_color: {{ $scr.Get "content_pre_header_background_color" }};
|
||||
$content_diagram_background_color: {{ $scr.Get "content_diagram_background_color" }};
|
||||
$content_code_color: {{ $scr.Get "content_code_color" }};
|
||||
$content_code_background_color: {{ $scr.Get "content_code_background_color" }};
|
||||
$burger_menu_color: {{ $scr.Get "burger_menu_color" }};
|
||||
$social_icon_color: {{ $scr.Get "social_icon_color" }};
|
||||
$social_icon_hover_color: {{ $scr.Get "social_icon_hover_color" }};
|
||||
$pagination_link_color: {{ $scr.Get "pagination_link_color" }};
|
||||
$pagination_background_color: {{ $scr.Get "pagination_background_color" }};
|
||||
$pagination_disabled_color: {{ $scr.Get "pagination_disabled_color" }};
|
||||
$pagination_number_color: {{ $scr.Get "pagination_number_color" }};
|
||||
$photoswipe_hover_color: {{ $scr.Get "photoswipe_hover_color" }};
|
||||
$photoswipe_color: {{ $scr.Get "photoswipe_color" }};
|
||||
$photoswipe_hover_background_color: {{ $scr.Get "photoswipe_hover_background_color" }};
|
||||
$photoswipe_background_color: {{ $scr.Get "photoswipe_background_color" }};
|
||||
$terms_title_color: {{ $scr.Get "terms_title_color" }};
|
||||
$terms_tags_color: {{ $scr.Get "terms_tags_color" }};
|
||||
$terms_categories_color: {{ $scr.Get "terms_categories_color" }};
|
||||
$terms_series_color: {{ $scr.Get "terms_series_color" }};
|
||||
$terms_len_color: {{ $scr.Get "terms_len_color" }};
|
||||
$toc_label_color: {{ $scr.Get "toc_label_color" }};
|
||||
$toc_title_color: {{ $scr.Get "toc_title_color" }};
|
||||
$toc_vertical_line: {{ $scr.Get "toc_vertical_line" }};
|
||||
$toc_vertical_line_active: {{ $scr.Get "toc_vertical_line_active" }};
|
||||
$search_placeholder_color: {{ $scr.Get "search_placeholder_color" }};
|
||||
$search_color: {{ $scr.Get "search_color" }};
|
||||
$search_icon_color: {{ $scr.Get "search_icon_color" }};
|
||||
$search_border_color: {{ $scr.Get "search_border_color" }};
|
||||
$search_background_color: {{ $scr.Get "search_background_color" }};
|
||||
$search_content_background_color: {{ $scr.Get "search_content_background_color" }};
|
||||
$search_hover_background_color: {{ $scr.Get "search_hover_background_color" }};
|
||||
$mark_color: {{ $scr.Get "mark_color" }};
|
||||
$mark_background_color: {{ $scr.Get "mark_background_color" }};
|
||||
$archive_key_color: {{ $scr.Get "archive_key_color" }};
|
||||
$archive_type_color: {{ $scr.Get "archive_type_color" }};
|
||||
$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" }};
|
||||
$switch_background_color: {{ $scr.Get "switch_background_color" }};
|
||||
$switch_button_color: {{ $scr.Get "switch_button_color" }};
|
||||
$switch_active_color: {{ $scr.Get "switch_active_color" }};
|
||||
$subs_button_color: {{ $scr.Get "subs_button_color" }};
|
||||
$subs_button_background_color: {{ $scr.Get "subs_button_background_color" }};
|
||||
$subs_button_hover_background_color: {{ $scr.Get "subs_button_hover_background_color" }};
|
||||
$gallery_mask_color: {{ $scr.Get "gallery_mask_color" }};
|
||||
$gallery_mask_background_color: {{ $scr.Get "gallery_mask_background_color" }};
|
||||
$avatar_background_color: {{ $scr.Get "avatar_background_color" }};
|
||||
|
||||
@import 'abstracts/variables';
|
||||
@import 'abstracts/mixins';
|
||||
@import 'abstracts/functions';
|
||||
@import 'abstracts/flexbox';
|
||||
|
||||
@import 'base/reset';
|
||||
@import 'base/fonts';
|
||||
@import 'base/helpers';
|
||||
@import 'base/typography';
|
||||
@import 'base/animation';
|
||||
|
||||
@import 'layout/navigation';
|
||||
@import 'layout/grid';
|
||||
@import 'layout/header';
|
||||
@import 'layout/footer';
|
||||
@import 'layout/sidebar';
|
||||
|
||||
@import 'components/summary';
|
||||
@import 'components/toc';
|
||||
@import 'components/taxo';
|
||||
@import 'components/pagination';
|
||||
@import 'components/search';
|
||||
@import 'components/breadcrumb';
|
||||
@import 'components/related';
|
||||
@import 'components/notice';
|
||||
@import 'components/expand';
|
||||
@import 'components/alert';
|
||||
@import 'components/tooltip';
|
||||
@import 'components/gtt';
|
||||
@import 'components/whoami';
|
||||
@import 'components/switch';
|
||||
@import 'components/subs';
|
||||
@import 'components/diagram';
|
||||
@import 'components/swiper';
|
||||
@import 'components/bio';
|
||||
@import 'components/features';
|
||||
@import 'components/math';
|
||||
@import 'components/hr';
|
||||
|
||||
@import 'pages/body';
|
||||
@import 'pages/home';
|
||||
@import 'pages/about';
|
||||
@import 'pages/contact';
|
||||
@import 'pages/gallery';
|
||||
@import 'pages/single';
|
||||
@import 'pages/list';
|
||||
@import 'pages/terms';
|
||||
@import 'pages/archive';
|
||||
@import 'pages/404';
|
||||
|
||||
@import 'prism/prism';
|
||||
|
|
@ -52,6 +52,10 @@
|
|||
padding: 1rem;
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
|
||||
img {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
&__contents {
|
||||
padding: 1rem;
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
font-weight: 900;
|
||||
font-family: $single_title_font;
|
||||
line-height: 3rem;
|
||||
overflow-wrap: break-word;
|
||||
|
||||
@include animation('slide-in-down .5s .2s 1 ease both');
|
||||
@include themify($themes) {
|
||||
|
|
@ -20,6 +21,15 @@
|
|||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include animation('slide-in-down .5s .4s 1 ease both');
|
||||
|
||||
@include respond-to(sm) {
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
@include align-items(flex-start);
|
||||
}
|
||||
@include themify($themes) {
|
||||
color: themed('meta-color');
|
||||
}
|
||||
}
|
||||
|
||||
&__contents {
|
||||
|
|
@ -190,6 +200,10 @@
|
|||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include flex-wrap(wrap);
|
||||
|
||||
@include respond-to(sm) {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__tag {
|
||||
|
|
@ -242,7 +256,7 @@ code {
|
|||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: bold;
|
||||
@include themify($themes) {
|
||||
color: themed('content-code-color');
|
||||
color: themed('content-pre-header-color');
|
||||
background: themed('content-pre-header-background-color');
|
||||
}
|
||||
content: attr(data-content);
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ Author: Simurai, adapted from DuoTone themes for Atom (http://simurai.com/projec
|
|||
Conversion: Bram de Haan (http://atelierbram.github.io/Base2Tone-prism/output/prism/prism-base2tone-morning-light.css)
|
||||
Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
|
||||
*/
|
||||
.theme__light {
|
||||
.theme__light, .theme__custom {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
|
||||
|
|
@ -24,8 +24,10 @@ Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
|
|||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
background: #F5F2F0;
|
||||
color: #728fcb;
|
||||
@include themify($themes) {
|
||||
background: themed('content-pre-background-color');
|
||||
}
|
||||
}
|
||||
|
||||
pre > code[class*="language-"] {
|
||||
|
|
@ -35,14 +37,13 @@ Generated with Base16 Builder (https://github.com/base16-builder/base16-builder)
|
|||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #f5ede9;
|
||||
color: #FF6188;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
text-shadow: none;
|
||||
background: #f5ede9;
|
||||
background: rgba(255,97,137,0.2);
|
||||
color: #FF6188;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,106 +1,95 @@
|
|||
$custom: (
|
||||
footer-background-color: $footer_background_color,
|
||||
footer-color: $footer_color,
|
||||
link: $link,
|
||||
link-hover: $link_hover,
|
||||
title-color: $title_color,
|
||||
meta-color: $meta_color,
|
||||
body-color: $body_color,
|
||||
hr-color: $hr_color,
|
||||
body-background-color: $body_background_color,
|
||||
backdrop-background-color: $backdrop_background_color,
|
||||
dropdown-border-color: $dropdown_border_color,
|
||||
dropdown-border-top-color: $dropdown_border_top_color,
|
||||
dropdown-item-active-background-color: $dropdown_item_active_background_color,
|
||||
dropdown-title-background-color: $dropdown_title_background_color,
|
||||
dropdown-content-background-color: $dropdown_content_background_color,
|
||||
dropdown-footer-item-color: $dropdown_footer_item_color,
|
||||
dropdown-item-hover-background-color: $dropdown_item_hover_background_color,
|
||||
dropdown-item-hover-color: $dropdown_item_hover_color,
|
||||
dropdown-item-color: $dropdown_item_color,
|
||||
navbar-border-bottom-color: $navbar_border_bottom_color,
|
||||
navbar-background-color: $navbar_background_color,
|
||||
navbar-title-color: $navbar_title_color,
|
||||
navbar-title-hover-color: $navbar_title_hover_color,
|
||||
navbar-title-active-color: $navbar_title_active_color,
|
||||
navbar-menu-hover-background-color: $navbar_menu_hover_background_color,
|
||||
navbar-dropdown-item-hover-color: $navbar_dropdown_item_hover_color,
|
||||
navbar-dropdown-item-hover-background-color: $navbar_dropdown_item_hover_background_color,
|
||||
sidebar-title-color: $sidebar_title_color,
|
||||
sidebar-li-color: $sidebar_li_color,
|
||||
taxo-title-color: $taxo_title_color,
|
||||
taxo-num-color: $taxo_num_color,
|
||||
taxo-num-background-color: $taxo_num_background_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,
|
||||
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-pre-header-background-color: $content_pre_header_background_color,
|
||||
content-diagram-background-color: $content_diagram_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,
|
||||
switch-background-color: $switch_background_color,
|
||||
switch-button-color: $switch_button_color,
|
||||
switch-active-color: $switch_active_color,
|
||||
subs-button-color: $subs_button_color,
|
||||
subs-button-background-color: $subs_button_background_color,
|
||||
subs-button-hover-background-color: $subs_button_hover_background_color,
|
||||
gallery-mask-color: $gallery_mask_color,
|
||||
gallery-mask-background-color: $gallery_mask_background_color,
|
||||
avatar-background-color: $avatar_background_color,
|
||||
footer-background-color: hsl($primary_color, 60%, 95%),
|
||||
footer-color: hsl($primary_color, 100%, 10%),
|
||||
link: hsl($primary_color, 65%, 32%),
|
||||
link-hover: hsl($primary_color, 65%, 22%),
|
||||
title-color: hsl($primary_color, 100%, 8%),
|
||||
meta-color: hsl($primary_color, 40%, 40%),
|
||||
body-color: hsl($primary_color, 100%, 10%),
|
||||
hr-color: hsl($primary_color, 60%, 30%),
|
||||
body-background-color: hsl($primary_color, 100%, 98.5%),
|
||||
backdrop-background-color: hsl($primary_color, 100%, 99%),
|
||||
dropdown-border-top-color: hsl($primary_color, 100%, 45%),
|
||||
dropdown-item-active-background-color: hsl($primary_color, 100%, 90%),
|
||||
dropdown-content-background-color: hsl($primary_color, 100%, 98%),
|
||||
dropdown-item-hover-background-color: hsl($primary_color, 100%, 90%),
|
||||
dropdown-item-hover-color: hsl($primary_color, 100%, 35%),
|
||||
dropdown-item-color: hsl($primary_color, 100%, 10%),
|
||||
navbar-border-bottom-color: hsl($primary_color, 65%, 32%),
|
||||
navbar-background-color: hsl($primary_color, 60%, 86%),
|
||||
navbar-mobile-background-color: hsl($primary_color, 60%, 92%),
|
||||
navbar-title-color: hsl($primary_color, 82%, 12%),
|
||||
navbar-title-hover-color: hsl($primary_color, 100%, 35%),
|
||||
navbar-title-active-color: hsl($primary_color, 100%, 35%),
|
||||
navbar-menu-hover-background-color: hsl($primary_color, 100%, 90%),
|
||||
navbar-dropdown-item-hover-color: hsl($primary_color, 100%, 35%),
|
||||
sidebar-title-color: hsl($primary_color, 70%, 25%),
|
||||
sidebar-li-color: hsl($primary_color, 85%, 30%),
|
||||
taxo-title-color: hsl($primary_color, 70%, 35%),
|
||||
taxo-num-color: hsl($primary_color, 100%, 10%),
|
||||
taxo-num-background-color: hsl($primary_color, 60%, 88%),
|
||||
taxo-tags-background-color: hsl($primary_color, 100%, 96%),
|
||||
taxo-tags-color: hsl($primary_color, 100%, 10%),
|
||||
taxo-series-background-color: hsl($primary_color, 100%, 96%),
|
||||
taxo-series-color: hsl($primary_color, 100%, 10%),
|
||||
taxo-categories-background-color: hsl($primary_color, 100%, 96%),
|
||||
taxo-categories-color: hsl($primary_color, 100%, 10%),
|
||||
breadcrumb-item-color: hsl($primary_color, 85%, 30%),
|
||||
breadcrumb-background-color: hsl($primary_color, 100%, 96%),
|
||||
breadcrumb-item-active-color: hsl($primary_color, 15%, 25%),
|
||||
list-header-title-color: hsl($primary_color, 100%, 10%),
|
||||
figcaption-color: hsl($primary_color, 100%, 40%),
|
||||
figcaption-strong-color: hsl($primary_color, 100%, 25%),
|
||||
single-hr-background-color: hsl($primary_color, 100%, 40%),
|
||||
single-blockquote-border-color: hsl($primary_color, 100%, 25%),
|
||||
single-header-title-color: hsl($primary_color, 100%, 10%),
|
||||
single-contents-title-color: hsl($primary_color, 70%, 22%),
|
||||
related-header-title-color: hsl($primary_color, 100%, 10%),
|
||||
related-link-color: hsl($primary_color, 65%, 32%),
|
||||
content-pre-main-color: hsl($primary_color, 65%, 32%),
|
||||
content-pre-background-color: hsl($primary_color, 100%, 97%),
|
||||
content-pre-header-color: hsl($primary_color, 100%, 10%),
|
||||
content-pre-header-background-color: hsl($primary_color, 100%, 92%),
|
||||
burger-menu-color: hsl($primary_color, 100%, 10%),
|
||||
social-icon-color: hsl($primary_color, 25%, 50%),
|
||||
social-icon-hover-color: hsl($primary_color, 25%, 60%),
|
||||
pagination-link-color: hsl($primary_color, 65%, 32%),
|
||||
pagination-background-color: hsl($primary_color, 60%, 90%),
|
||||
pagination-disabled-color: hsl($primary_color, 25%, 75%),
|
||||
pagination-number-color: hsl($primary_color, 100%, 40%),
|
||||
terms-title-color: hsl($primary_color, 25%, 60%),
|
||||
terms-tags-color: hsl($primary_color, 100%, 30%),
|
||||
terms-categories-color: hsl($primary_color, 100%, 30%),
|
||||
terms-series-color: hsl($primary_color, 100%, 30%),
|
||||
terms-len-color: hsl($primary_color, 100%, 12%),
|
||||
toc-label-color: hsl($primary_color, 100%, 10%),
|
||||
toc-title-color: hsl($primary_color, 10%, 60%),
|
||||
toc-vertical-line: hsl($primary_color, 65%, 85%),
|
||||
toc-vertical-line-active: hsl($primary_color, 65%, 35%),
|
||||
search-placeholder-color: hsl($primary_color, 65%, 80%),
|
||||
search-color: hsl($primary_color, 100%, 10%),
|
||||
search-icon-color: hsl($primary_color, 65%, 80%),
|
||||
search-border-color: hsl($primary_color, 65%, 65%),
|
||||
search-content-color: hsl($primary_color, 100%, 10%),
|
||||
search-background-color: hsl($primary_color, 100%, 96%),
|
||||
search-content-background-color: hsl($primary_color, 100%, 99%),
|
||||
search-hover-background-color: hsl($primary_color, 100%, 95%),
|
||||
selection-color: hsl($primary_color, 65%, 95%),
|
||||
selection-background-color: hsl($primary_color, 65%, 32%),
|
||||
archive-key-color: hsl($primary_color, 100%, 92%),
|
||||
archive-type-color: hsl($primary_color, 60%, 20%),
|
||||
archive-meta-color: hsl($primary_color, 80%, 40%),
|
||||
archive-key-background-color: hsl($primary_color, 100%, 12%),
|
||||
archive-type-background-color: hsl($primary_color, 100%, 95%),
|
||||
archive-hover-line-color: hsl($primary_color, 65%, 32%),
|
||||
gtt-color: hsl($primary_color, 60%, 25%),
|
||||
gtt-background-color: hsl($primary_color, 60%, 95%),
|
||||
gtt-hover-color: hsl($primary_color, 60%, 60%),
|
||||
gtt-hover-background-color: hsl($primary_color, 60%, 95%),
|
||||
switch-background-color: hsl($primary_color, 80%, 80%),
|
||||
switch-button-color: hsl($primary_color, 100%, 95%),
|
||||
switch-active-color: hsl($primary_color, 80%, 60%),
|
||||
gallery-mask-color: hsl($primary_color, 100%, 10%),
|
||||
gallery-mask-background-color: hsla($primary_color, 100%, 90%, 0.7),
|
||||
avatar-background-color: hsl($primary_color, 100%, 90%),
|
||||
) !default;
|
||||
|
|
@ -9,33 +9,30 @@ $dark: (
|
|||
hr-color: #595B5C,
|
||||
body-background-color: #2D2A2E,
|
||||
backdrop-background-color: #212121,
|
||||
dropdown-border-color: #212121,
|
||||
dropdown-border-top-color: #424242,
|
||||
dropdown-item-active-background-color: #424242,
|
||||
dropdown-title-background-color: #2D2A2E,
|
||||
dropdown-content-background-color: #595B5C,
|
||||
dropdown-footer-item-color: #bdbdbd,
|
||||
dropdown-item-hover-background-color: #727072,
|
||||
dropdown-item-hover-color: #FCFCFA,
|
||||
dropdown-item-color: #FCFCFA,
|
||||
navbar-border-bottom-color: #2D2A2E,
|
||||
navbar-background-color: #403E41,
|
||||
navbar-mobile-background-color: #4a4a4a,
|
||||
navbar-title-color: #FCFCFA,
|
||||
navbar-title-hover-color: #FFD866,
|
||||
navbar-title-active-color: #FF6188,
|
||||
navbar-menu-hover-background-color: lighten(#403E41, 5%),
|
||||
navbar-dropdown-item-hover-color: #FFD866,
|
||||
navbar-dropdown-item-hover-background-color: #595B5C,
|
||||
sidebar-title-color: #aed581,
|
||||
sidebar-li-color: #FCFCFA,
|
||||
taxo-title-color: #bdbdbd,
|
||||
taxo-num-color: #FCFCFA,
|
||||
taxo-num-background-color: #212121,
|
||||
taxo-tags-background-color: lighten(#212121, 10%),
|
||||
taxo-tags-background-color: lighten(#212121, 13%),
|
||||
taxo-tags-color: #78DCE8,
|
||||
taxo-series-background-color: #212121,
|
||||
taxo-series-background-color: lighten(#212121, 13%),
|
||||
taxo-series-color: #EA9C77,
|
||||
taxo-categories-background-color: #212121,
|
||||
taxo-categories-background-color: lighten(#212121, 13%),
|
||||
taxo-categories-color: #AB9DF2,
|
||||
breadcrumb-item-color: #82aaff,
|
||||
breadcrumb-background-color: #212121,
|
||||
|
|
@ -52,9 +49,7 @@ $dark: (
|
|||
content-pre-main-color: #FFA7C4,
|
||||
content-pre-background-color: #011627,
|
||||
content-pre-header-background-color: darken(#011627, 1.5%),
|
||||
content-diagram-background-color: red,//#011627,
|
||||
content-code-color: #FCFCFA,
|
||||
content-code-background-color: #595B5C,
|
||||
content-pre-header-color: #FCFCFA,
|
||||
burger-menu-color: #FCFCFA,
|
||||
social-icon-color: #bdbdbd,
|
||||
social-icon-hover-color: lighten(#bdbdbd, 20%),
|
||||
|
|
@ -62,10 +57,6 @@ $dark: (
|
|||
pagination-background-color: #212121,
|
||||
pagination-disabled-color: #757575,
|
||||
pagination-number-color: #FCFCFA,
|
||||
photoswipe-hover-color: #FCFCFA,
|
||||
photoswipe-color: #FCFCFA,
|
||||
photoswipe-hover-background-color: #727072,
|
||||
photoswipe-background-color: #403E41,
|
||||
terms-title-color: #727072,
|
||||
terms-tags-color: #78DCE8,
|
||||
terms-categories-color: #AB9DF2,
|
||||
|
|
@ -83,8 +74,8 @@ $dark: (
|
|||
search-background-color: #212121,
|
||||
search-content-background-color: lighten(#403E41, 5%),
|
||||
search-hover-background-color: #727072,
|
||||
mark-color: #FCFCFA,
|
||||
mark-background-color: #FF6188,
|
||||
selection-color: #FCFCFA,
|
||||
selection-background-color: #FF6188,
|
||||
archive-key-color: #FCFCFA,
|
||||
archive-type-color: #82aaff,
|
||||
archive-meta-color: #aed581,
|
||||
|
|
@ -95,13 +86,9 @@ $dark: (
|
|||
gtt-background-color: #403E41,
|
||||
gtt-hover-color: #82aaff,
|
||||
gtt-hover-background-color: lighten(#403E41, 5%),
|
||||
whoami-border-color: #727072,
|
||||
switch-background-color: #403E41,
|
||||
switch-button-color: #FCFCFA,
|
||||
switch-active-color: #FF6188,
|
||||
subs-button-color: #FCFCFA,
|
||||
subs-button-background-color: #FF6188,
|
||||
subs-button-hover-background-color: darken(#FF6188, 5%),
|
||||
gallery-mask-color: #FCFCFA,
|
||||
gallery-mask-background-color: rgba(0, 0, 0, 0.7),
|
||||
avatar-background-color: #403E41,
|
||||
|
|
|
|||
|
|
@ -1,93 +1,81 @@
|
|||
$primary-color: #1FFF2A;
|
||||
$secondary-color: #C7BA00;
|
||||
|
||||
$hacker: (
|
||||
footer-background-color: #252526,
|
||||
footer-color: $secondary-color,
|
||||
link: $primary-color,
|
||||
footer-color: #C7BA00,
|
||||
link: #E08C48,
|
||||
link-hover: #FF6188,
|
||||
title-color: #A1AD64,
|
||||
meta-color: #CDF5CC,
|
||||
body-color: $primary-color,
|
||||
hr-color: $secondary-color,
|
||||
body-color: #1FFF2A,
|
||||
hr-color: #C7BA00,
|
||||
body-background-color: #151715,
|
||||
backdrop-background-color: #111,
|
||||
dropdown-border-color: #7B4D94,
|
||||
dropdown-border-top-color: #6B6B6B,
|
||||
dropdown-item-active-background-color: lighten(#151715, 12%),
|
||||
dropdown-title-background-color: #151715,
|
||||
dropdown-content-background-color: lighten(#151715, 5%),
|
||||
dropdown-footer-item-color: $primary-color,
|
||||
dropdown-item-hover-background-color: lighten(#151715, 20%),
|
||||
dropdown-item-hover-color: #FCFCFA,
|
||||
dropdown-item-color: #FCFCFA,
|
||||
navbar-border-bottom-color: #252526,
|
||||
navbar-background-color: #252526,
|
||||
navbar-mobile-background-color: #323232,
|
||||
navbar-title-color: #E3CD26,
|
||||
navbar-title-hover-color: $primary-color,
|
||||
navbar-title-hover-color: #1FFF2A,
|
||||
navbar-title-active-color: #f3ff6e,
|
||||
navbar-menu-hover-background-color: lighten(#151715, 20%),
|
||||
navbar-dropdown-item-hover-color: $primary-color,
|
||||
navbar-dropdown-item-hover-background-color: lighten(#151715, 12%),
|
||||
navbar-dropdown-item-hover-color: #1FFF2A,
|
||||
sidebar-title-color: #E3CD26,
|
||||
sidebar-li-color: $primary-color,
|
||||
sidebar-li-color: #A1AD64,
|
||||
taxo-title-color: #996287,
|
||||
taxo-num-color: #E3CD26,
|
||||
taxo-num-background-color: #252526,
|
||||
taxo-tags-background-color: lighten(#151715, 10%),
|
||||
taxo-tags-color: $primary-color,
|
||||
taxo-tags-color: #78DCE8,
|
||||
taxo-series-background-color: lighten(#151715, 10%),
|
||||
taxo-series-color: $primary-color,
|
||||
taxo-series-color: #EA9C77,
|
||||
taxo-categories-background-color: lighten(#151715, 10%),
|
||||
taxo-categories-color: $primary-color,
|
||||
taxo-categories-color: #AB9DF2,
|
||||
breadcrumb-item-color: #E08C48,
|
||||
breadcrumb-background-color: #252526,
|
||||
breadcrumb-item-active-color: #6B6B6B,
|
||||
list-header-title-color: #A1AD64,
|
||||
figcaption-color: $primary-color,
|
||||
figcaption-color: #1FFF2A,
|
||||
figcaption-strong-color: #FCFCFA,
|
||||
single-hr-background-color: #E08C48,
|
||||
single-blockquote-border-color: #E08C48,
|
||||
single-header-title-color: #FCFCFA,
|
||||
single-contents-title-color: #A1AD64,
|
||||
related-header-title-color: #FCFCFA,
|
||||
related-link-color: $secondary-color,
|
||||
content-pre-main-color: $primary-color,
|
||||
related-link-color: #C7BA00,
|
||||
content-pre-main-color: #1FFF2A,
|
||||
content-pre-background-color: #202420,
|
||||
content-pre-header-background-color: darken(#202420, 1.5%),
|
||||
content-diagram-background-color: #202420,
|
||||
content-code-color: #f3ff6e,
|
||||
content-code-background-color: lighten(#151715, 25%),
|
||||
burger-menu-color: $primary-color,
|
||||
content-pre-header-color: #f3ff6e,
|
||||
burger-menu-color: #1FFF2A,
|
||||
social-icon-color: #9e9e9e,
|
||||
social-icon-hover-color: darken(#9e9e9e, 20%),
|
||||
pagination-link-color: #996287,
|
||||
pagination-background-color: #252526,
|
||||
pagination-disabled-color: #424242,
|
||||
pagination-number-color: #FCFCFA,
|
||||
photoswipe-hover-color: #FCFCFA,
|
||||
photoswipe-color: #FCFCFA,
|
||||
photoswipe-hover-background-color: #727072,
|
||||
photoswipe-background-color: #403E41,
|
||||
terms-title-color: $secondary-color,
|
||||
terms-tags-color: $primary-color,
|
||||
terms-categories-color: $primary-color,
|
||||
terms-series-color: $primary-color,
|
||||
terms-title-color: #C7BA00,
|
||||
terms-tags-color: #1FFF2A,
|
||||
terms-categories-color: #1FFF2A,
|
||||
terms-series-color: #1FFF2A,
|
||||
terms-len-color: #E08C48,
|
||||
toc-label-color: #727072,
|
||||
toc-title-color: #727072,
|
||||
toc-vertical-line: #727072,
|
||||
toc-vertical-line-active: #FF6188,
|
||||
search-placeholder-color: #727072,
|
||||
search-color: $primary-color,
|
||||
search-color: #1FFF2A,
|
||||
search-icon-color: #727072,
|
||||
search-border-color: #111111,
|
||||
search-background-color: #252526,
|
||||
search-content-color: $primary-color,
|
||||
search-content-color: #1FFF2A,
|
||||
search-content-background-color: lighten(#252526, 7%),
|
||||
search-hover-background-color: lighten(#252526, 14%),
|
||||
mark-color: #FCFCFA,
|
||||
mark-background-color: #FF6188,
|
||||
selection-color: #FCFCFA,
|
||||
selection-background-color: #FF6188,
|
||||
archive-key-color: #FCFCFA,
|
||||
archive-type-color: #FCFCFA,
|
||||
archive-meta-color: #E3CD26,
|
||||
|
|
@ -98,13 +86,9 @@ $hacker: (
|
|||
gtt-background-color: #252526,
|
||||
gtt-hover-color: #E3CD26,
|
||||
gtt-hover-background-color: lighten(#252526, 5%),
|
||||
whoami-border-color: #996287,
|
||||
switch-background-color: #403E41,
|
||||
switch-button-color: #FCFCFA,
|
||||
switch-active-color: #FF6188,
|
||||
subs-button-color: $primary-color,
|
||||
subs-button-background-color: #252526,
|
||||
subs-button-hover-background-color: lighten(#252526, 5%),
|
||||
gallery-mask-color: #FCFCFA,
|
||||
gallery-mask-background-color: rgba(0, 0, 0, 0.7),
|
||||
avatar-background-color: #E3CD26,
|
||||
|
|
|
|||
|
|
@ -9,33 +9,30 @@ $light: (
|
|||
hr-color: #dbdbdb,
|
||||
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-background-color: #eaeaea,
|
||||
navbar-mobile-background-color: #f1f1f1,
|
||||
navbar-title-color: #424242,
|
||||
navbar-title-hover-color: #607d8b,
|
||||
navbar-title-active-color: #FF6188,
|
||||
navbar-menu-hover-background-color: darken(#eeeeee, 5%),
|
||||
navbar-dropdown-item-hover-color: #607d8b,
|
||||
navbar-dropdown-item-hover-background-color: #bdbdbd,
|
||||
sidebar-title-color: #424242,
|
||||
sidebar-li-color: #424242,
|
||||
taxo-title-color: #607d8b,
|
||||
taxo-num-color: #424242,
|
||||
taxo-num-background-color: #dbdbdb,
|
||||
taxo-tags-background-color: #eeeeee,
|
||||
taxo-num-background-color: #eaeaea,
|
||||
taxo-tags-background-color: darken(#e0f7fa, 3%),
|
||||
taxo-tags-color: #424242,
|
||||
taxo-series-background-color: #eeeeee,
|
||||
taxo-series-background-color: darken(#fff3e0, 3%),
|
||||
taxo-series-color: #424242,
|
||||
taxo-categories-background-color: #eeeeee,
|
||||
taxo-categories-background-color: darken(#ede7f6, 3%),
|
||||
taxo-categories-color: #424242,
|
||||
breadcrumb-item-color: #424242,
|
||||
breadcrumb-background-color: #eeeeee,
|
||||
|
|
@ -52,9 +49,7 @@ $light: (
|
|||
content-pre-main-color: #607d8b,
|
||||
content-pre-background-color: #F5F2F0,
|
||||
content-pre-header-background-color: darken(#F5F2F0, 3%),
|
||||
content-diagram-background-color: #F5F2F0,
|
||||
content-code-color: #212121,
|
||||
content-code-background-color: #F5F2F0,
|
||||
content-pre-header-color: #212121,
|
||||
burger-menu-color: #9e9e9e,
|
||||
social-icon-color: #9e9e9e,
|
||||
social-icon-hover-color: darken(#9e9e9e, 20%),
|
||||
|
|
@ -62,10 +57,6 @@ $light: (
|
|||
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,
|
||||
|
|
@ -83,8 +74,8 @@ $light: (
|
|||
search-content-color: #424242,
|
||||
search-content-background-color: #eeeeee,
|
||||
search-hover-background-color: darken(#eeeeee, 10%),
|
||||
mark-color: #FCFCFA,
|
||||
mark-background-color: #FF6188,
|
||||
selection-color: #FCFCFA,
|
||||
selection-background-color: #FF6188,
|
||||
archive-key-color: #FCFCFA,
|
||||
archive-meta-color: #424242,
|
||||
archive-type-color: darken(#bdbdbd, 40%),
|
||||
|
|
@ -95,13 +86,9 @@ $light: (
|
|||
gtt-background-color: #eeeeee,
|
||||
gtt-hover-color: #607d8b,
|
||||
gtt-hover-background-color: darken(#eeeeee, 10%),
|
||||
whoami-border-color: #607d8b,
|
||||
switch-background-color: #bdbdbd,
|
||||
switch-button-color: #FCFCFA,
|
||||
switch-active-color: #FF6188,
|
||||
subs-button-color: #607d8b,
|
||||
subs-button-background-color: #eeeeee,
|
||||
subs-button-hover-background-color: darken(#eeeeee, 5%),
|
||||
gallery-mask-color: #424242,
|
||||
gallery-mask-background-color: rgba(255, 255, 255, 0.7),
|
||||
avatar-background-color: #dbdbdb,
|
||||
|
|
|
|||
|
|
@ -1,110 +1,94 @@
|
|||
$primary-color: #B58900;
|
||||
$secondary-color: #ffb300;
|
||||
|
||||
$solarized: (
|
||||
footer-background-color: #EEE8D5,
|
||||
footer-color: #424242,
|
||||
link: $primary-color,
|
||||
link: #B58900,
|
||||
link-hover: #FF6188,
|
||||
title-color: $primary-color,
|
||||
meta-color: lighten($primary-color, 5%),
|
||||
title-color: #B58900,
|
||||
meta-color: lighten(#B58900, 5%),
|
||||
body-color: #424242,
|
||||
hr-color: $secondary-color,
|
||||
hr-color: #ffb300,
|
||||
body-background-color: #FDF7E3,
|
||||
backdrop-background-color: #DDD6C7,
|
||||
dropdown-border-color: $primary-color,
|
||||
dropdown-border-top-color: lighten($primary-color, 10%),
|
||||
dropdown-border-top-color: lighten(#B58900, 10%),
|
||||
dropdown-item-active-background-color: #FBF1D1,
|
||||
dropdown-title-background-color: #fafafa,
|
||||
dropdown-content-background-color: #fafafa,
|
||||
dropdown-footer-item-color: #424242,
|
||||
dropdown-item-hover-background-color: darken(#FBF1D1, 5%),
|
||||
dropdown-item-hover-color: $primary-color,
|
||||
dropdown-item-hover-color: #B58900,
|
||||
dropdown-item-color: #424242,
|
||||
navbar-border-bottom-color: $primary-color,
|
||||
navbar-border-bottom-color: #B58900,
|
||||
navbar-background-color: #EEE8D5,
|
||||
navbar-mobile-background-color: darken(#EEE8D5, 2.5%),
|
||||
navbar-title-color: #424242,
|
||||
navbar-title-hover-color: $primary-color,
|
||||
navbar-title-active-color: $primary-color,
|
||||
navbar-title-hover-color: #B58900,
|
||||
navbar-title-active-color: #B58900,
|
||||
navbar-menu-hover-background-color: darken(#FBF1D1, 5%),
|
||||
navbar-dropdown-item-hover-color: $primary-color,
|
||||
navbar-dropdown-item-hover-background-color: #bdbdbd,
|
||||
sidebar-title-color: $secondary-color,
|
||||
sidebar-li-color: #424242,
|
||||
taxo-title-color: $primary-color,
|
||||
taxo-num-color: $primary-color,
|
||||
navbar-dropdown-item-hover-color: #B58900,
|
||||
sidebar-title-color: #ffb300,
|
||||
sidebar-li-color: #B58900,
|
||||
taxo-title-color: #B58900,
|
||||
taxo-num-color: #B58900,
|
||||
taxo-num-background-color: darken(#FBF1D1, 7%),
|
||||
taxo-tags-background-color: #FBF1D1,
|
||||
taxo-tags-color: $primary-color,
|
||||
taxo-series-background-color: #FBF1D1,
|
||||
taxo-series-color: $primary-color,
|
||||
taxo-categories-background-color: #FBF1D1,
|
||||
taxo-categories-color: $primary-color,
|
||||
taxo-tags-background-color: darken(#e0f7fa, 4%),
|
||||
taxo-tags-color: darken(#B58900, 7%),
|
||||
taxo-series-background-color: darken(#fff3e0, 6%),
|
||||
taxo-series-color: darken(#B58900, 7%),
|
||||
taxo-categories-background-color: darken(#ede7f6, 4%),
|
||||
taxo-categories-color: darken(#B58900, 7%),
|
||||
breadcrumb-item-color: #424242,
|
||||
breadcrumb-background-color: #FBF1D1,
|
||||
breadcrumb-item-active-color: #bdbdbd,
|
||||
list-header-title-color: #424242,
|
||||
figcaption-color: $secondary-color,
|
||||
figcaption-strong-color: $primary-color,
|
||||
figcaption-color: #ffb300,
|
||||
figcaption-strong-color: #B58900,
|
||||
single-hr-background-color: #bdbdbd,
|
||||
single-blockquote-border-color: #bdbdbd,
|
||||
single-header-title-color: #424242,
|
||||
single-contents-title-color: $primary-color,
|
||||
single-contents-title-color: #B58900,
|
||||
related-header-title-color: #424242,
|
||||
related-link-color: $secondary-color,
|
||||
content-pre-main-color: $primary-color,
|
||||
related-link-color: #ffb300,
|
||||
content-pre-main-color: #B58900,
|
||||
content-pre-background-color: #FBF1D1,
|
||||
content-pre-header-background-color: darken(#FBF1D1, 3%),
|
||||
content-diagram-background-color: #FBF1D1,
|
||||
content-code-color: #424242,
|
||||
content-code-background-color: #FBF1D1,
|
||||
burger-menu-color: $primary-color,
|
||||
social-icon-color: #9e9e9e,
|
||||
social-icon-hover-color: darken(#9e9e9e, 20%),
|
||||
content-pre-header-color: #424242,
|
||||
burger-menu-color: #B58900,
|
||||
social-icon-color: #B58900,
|
||||
social-icon-hover-color: lighten(#B58900, 10%),
|
||||
pagination-link-color: #455a64,
|
||||
pagination-background-color: #FBF1D1,
|
||||
pagination-disabled-color: #bdbdbd,
|
||||
pagination-number-color: #455a64,
|
||||
photoswipe-hover-color: #FCFCFA,
|
||||
photoswipe-color: #FCFCFA,
|
||||
photoswipe-hover-background-color: #727072,
|
||||
photoswipe-background-color: #403E41,
|
||||
terms-title-color: lighten($primary-color, 7%),
|
||||
terms-tags-color: $secondary-color,
|
||||
terms-categories-color: $primary-color,
|
||||
terms-series-color: $primary-color,
|
||||
terms-title-color: lighten(#B58900, 7%),
|
||||
terms-tags-color: #ffb300,
|
||||
terms-categories-color: #B58900,
|
||||
terms-series-color: #B58900,
|
||||
terms-len-color: #727072,
|
||||
toc-label-color: #727072,
|
||||
toc-title-color: #727072,
|
||||
toc-vertical-line: #727072,
|
||||
toc-vertical-line-active: #FF6188,
|
||||
search-placeholder-color: $primary-color,
|
||||
search-color: $primary-color,
|
||||
search-placeholder-color: #B58900,
|
||||
search-color: #B58900,
|
||||
search-border-color: darken(#FBF1D1, 10%),
|
||||
search-icon-color: $primary-color,
|
||||
search-icon-color: #B58900,
|
||||
search-background-color: #FBF1D1,
|
||||
search-content-color: $primary-color,
|
||||
search-content-color: #B58900,
|
||||
search-content-background-color: #FBF1D1,
|
||||
search-hover-background-color: darken(#FBF1D1, 10%),
|
||||
mark-color: #FCFCFA,
|
||||
mark-background-color: #FF6188,
|
||||
selection-color: #FCFCFA,
|
||||
selection-background-color: #FF6188,
|
||||
archive-key-color: #FCFCFA,
|
||||
archive-meta-color: #455a64,
|
||||
archive-type-color: darken($secondary-color, 20%),
|
||||
archive-key-background-color: $primary-color,
|
||||
archive-type-background-color: $secondary-color,
|
||||
archive-type-color: darken(#ffb300, 20%),
|
||||
archive-key-background-color: #B58900,
|
||||
archive-type-background-color: darken(#FBF1D1, 12%),
|
||||
archive-hover-line-color: #FF6188,
|
||||
gtt-color: $secondary-color,
|
||||
gtt-color: #ffb300,
|
||||
gtt-background-color: #EEE8D5,
|
||||
gtt-hover-color: $primary-color,
|
||||
gtt-hover-color: #B58900,
|
||||
gtt-hover-background-color: darken(#EEE8D5, 5%),
|
||||
whoami-border-color: $primary-color,
|
||||
switch-background-color: darken(#EEE8D5, 10%),
|
||||
switch-button-color: #FCFCFA,
|
||||
switch-active-color: #FF6188,
|
||||
subs-button-color: #FCFCFA,
|
||||
subs-button-background-color: $secondary-color,
|
||||
subs-button-hover-background-color: darken($secondary-color, 3%),
|
||||
gallery-mask-color: #424242,
|
||||
gallery-mask-background-color: rgba(253, 247, 227, 0.7),
|
||||
avatar-background-color: darken(#FBF1D1, 5%),
|
||||
|
|
|
|||
107
data/skin.toml
107
data/skin.toml
|
|
@ -1,106 +1 @@
|
|||
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_num_color = "inherit"
|
||||
taxo_num_background_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"
|
||||
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_pre_header_background_color = "inherit"
|
||||
content_diagram_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_border_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"
|
||||
switch_background_color = "inherit"
|
||||
switch_button_color = "inehrit"
|
||||
switch_active_color = "inehrit"
|
||||
subs_button_color = "inherit"
|
||||
subs_button_background_color = "inherit"
|
||||
subs_button_hover_background_color = "inherit"
|
||||
gallery_mask_color = "inherit"
|
||||
gallery_mask_background_color = "inherit"
|
||||
avatar_background_color = "inherit"
|
||||
primary_color = "195" # 0 ~ 359, Colors HSL, restart hugo after change this value
|
||||
|
|
@ -10,7 +10,6 @@ homeHeaderType = "text" # text, img, slide
|
|||
enableBreadcrumb = true
|
||||
enablePhotoSwipe = true
|
||||
enableSearch = true
|
||||
enableMark = true
|
||||
enableGoToTop = true
|
||||
enableWhoami = true
|
||||
summaryShape = "classic" # card, classic, compact
|
||||
|
|
@ -36,7 +35,6 @@ enableSidebarCategories = true
|
|||
enableToc = true
|
||||
enableTocSwitch = true
|
||||
itemsPerCategory = 5
|
||||
enableSideSubscribe = false
|
||||
searchLanguages = ['en']
|
||||
|
||||
# footer
|
||||
|
|
@ -45,7 +43,7 @@ showFeedLinks = true
|
|||
showSocialLinks = true
|
||||
enableLangChange = true
|
||||
enableThemeChange = true
|
||||
themeOptions = ["dark", "light", "hacker", "solarized"]
|
||||
themeOptions = ["dark", "light", "hacker", "solarized", "custom"]
|
||||
|
||||
# comment
|
||||
enableComment = true
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
header:
|
||||
- type: text
|
||||
height: 235
|
||||
height: 200
|
||||
paddingX: 50
|
||||
paddingY: 0
|
||||
align: center
|
||||
|
|
|
|||
|
|
@ -2,5 +2,6 @@
|
|||
title: "About"
|
||||
date: 2019-10-09T11:44:14+09:00
|
||||
type: "about"
|
||||
description: About Page
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
title: "Archive"
|
||||
date: 2019-10-19T11:44:14+09:00
|
||||
type: "archive"
|
||||
description: Archive Page
|
||||
---
|
||||
|
||||
archive page
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
title: "Archive"
|
||||
date: 2019-10-19T11:44:14+09:00
|
||||
type: "archive"
|
||||
description: Archive Page
|
||||
---
|
||||
|
||||
archive page
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
title: "Photo"
|
||||
date: 2018-10-12T10:20:16+09:00
|
||||
description: Photo Gallery
|
||||
type: "gallery"
|
||||
mode: "one-by-one"
|
||||
description: "포토 갤러리"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
title: "Photo"
|
||||
date: 2018-10-12T10:20:16+09:00
|
||||
description: Photo Gallery
|
||||
type: "gallery"
|
||||
mode: "one-by-one"
|
||||
description: "photo gallery"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
+++
|
||||
title = "Posts"
|
||||
author = "Hugo Authors"
|
||||
tags = ["index"]
|
||||
description = "Note page"
|
||||
+++
|
||||
|
|
@ -11,3 +11,12 @@ categories:
|
|||
---
|
||||
|
||||
Dolore in consectetur irure qui laborum. Adipisicing cillum ad laboris dolor. Quis consectetur ullamco esse ad mollit anim sint nostrud esse. Irure voluptate ex fugiat voluptate ea fugiat laboris.
|
||||
|
||||
{{% img src="/images/feature1/graph.png" title="Image4" caption="Image description" alt="image alt" %}}
|
||||
|
||||
> This is a blockqute.
|
||||
|
||||
* * *
|
||||
line
|
||||
* * *
|
||||
line
|
||||
|
|
@ -1,6 +1,7 @@
|
|||
---
|
||||
title: "Sub List"
|
||||
date: 2012-10-09T11:44:14+09:00
|
||||
description: Note Sub List
|
||||
---
|
||||
|
||||
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,4 +3,5 @@ aliases = ["posts","articles","blog","showcase","docs"]
|
|||
title = "Posts"
|
||||
author = "Hugo Authors"
|
||||
tags = ["index"]
|
||||
description = "Post page"
|
||||
+++
|
||||
|
|
@ -3,4 +3,5 @@ aliases = ["posts","articles","blog","showcase","docs"]
|
|||
title = "Posts"
|
||||
author = "Hugo Authors"
|
||||
tags = ["index"]
|
||||
description = "Post page"
|
||||
+++
|
||||
|
|
@ -13,5 +13,5 @@ libraries:
|
|||
featured_image: "feature1/infinity.png"
|
||||
---
|
||||
|
||||
When $a \ne 0$, there are two solutions to $\(ax^2 + bx + c = 0\)$ and they are
|
||||
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
|
||||
When \\(a \ne 0\\), there are two solutions to \\(\(ax^2 + bx + c = 0\)\\) and they are
|
||||
\\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\\]
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/main-about.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/main-archive.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/main-gallery.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/main-home.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/main-list.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/main-single.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/main-taxo.min.css","MediaType":"text/css","Data":{}}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +0,0 @@
|
|||
{"Target":"css/zzo.min.css","MediaType":"text/css","Data":{}}
|
||||
24
i18n/en.toml
24
i18n/en.toml
|
|
@ -13,18 +13,6 @@ other = "Categories"
|
|||
[taxo-series]
|
||||
other = "Series"
|
||||
|
||||
[footer-theme]
|
||||
other = "Theme"
|
||||
|
||||
[footer-language]
|
||||
other = "Language"
|
||||
|
||||
[footer-subscribe]
|
||||
other = "Subscribe"
|
||||
|
||||
[footer-social]
|
||||
other = "Social"
|
||||
|
||||
[archive-dateformat]
|
||||
other = "Jan 2"
|
||||
|
||||
|
|
@ -39,15 +27,3 @@ other = "WRITTEN BY"
|
|||
|
||||
[toc-label]
|
||||
other = "What's on this Page"
|
||||
|
||||
[subs-label]
|
||||
other = "Subscribe"
|
||||
|
||||
[subs-placeholder-email]
|
||||
other = "Your email address"
|
||||
|
||||
[subs-placeholder-name]
|
||||
other = "Your name"
|
||||
|
||||
[subs-button]
|
||||
other = "Join"
|
||||
24
i18n/ko.toml
24
i18n/ko.toml
|
|
@ -13,18 +13,6 @@ other = "카테고리"
|
|||
[taxo-series]
|
||||
other = "시리즈"
|
||||
|
||||
[footer-theme]
|
||||
other = "테마"
|
||||
|
||||
[footer-language]
|
||||
other = "언어"
|
||||
|
||||
[footer-subscribe]
|
||||
other = "구독"
|
||||
|
||||
[footer-social]
|
||||
other = "소셜"
|
||||
|
||||
[archive-dateformat]
|
||||
other = "01-02"
|
||||
|
||||
|
|
@ -39,15 +27,3 @@ other = "글쓴이"
|
|||
|
||||
[toc-label]
|
||||
other = "목차"
|
||||
|
||||
[subs-label]
|
||||
other = "구독"
|
||||
|
||||
[subs-placeholder-email]
|
||||
other = "이메일 주소"
|
||||
|
||||
[subs-placeholder-name]
|
||||
other = "이름"
|
||||
|
||||
[subs-button]
|
||||
other = "구독하기"
|
||||
|
|
@ -5,4 +5,6 @@
|
|||
<h6 class="h6 subtitle">Page not found</h6>
|
||||
</div>
|
||||
</main>
|
||||
{{ partial "script/home-script" . }}
|
||||
{{ partial "style/home-style" . }}
|
||||
{{ end }}
|
||||
|
|
@ -26,4 +26,6 @@
|
|||
{{ partial "sidebar/sidebar-list" . }}
|
||||
</aside>
|
||||
{{ end }}
|
||||
{{ partial "script/list-script" . }}
|
||||
{{ partial "style/list-style" . }}
|
||||
{{ end }}
|
||||
|
|
@ -16,11 +16,9 @@
|
|||
{{ partial "body/related" . }}
|
||||
{{ partial "pagination/pagination-single" . }}
|
||||
{{ partial "comments/comments.html" . }}
|
||||
{{ partial "body/lib" . }}
|
||||
{{ partial "body/fancybox" . }}
|
||||
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
{{ partial "search/site-search" . }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
@ -30,4 +28,6 @@
|
|||
{{ partial "sidebar/sidebar-single" . }}
|
||||
</aside>
|
||||
{{ end }}
|
||||
{{ partial "script/single-script" . }}
|
||||
{{ partial "style/single-style" . }}
|
||||
{{ end }}
|
||||
|
|
@ -5,5 +5,5 @@
|
|||
{{ else if eq (lower .Site.Params.summaryShape) "compact" }}
|
||||
{{ partial "summary/compact" . }}
|
||||
{{ else }}
|
||||
{{ printf "%#v" "Not supported shape. Please edit config params(summaryShape)." }}
|
||||
{{ printf "%#v" "Not supported shape. Please edit config param(summaryShape)." }}
|
||||
{{ end }}
|
||||
|
|
@ -17,4 +17,9 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</main>
|
||||
<div class="hide">
|
||||
{{ partial "search/site-search" . }}
|
||||
</div>
|
||||
{{ partial "script/taxo-script" . }}
|
||||
{{ partial "style/taxo-style" . }}
|
||||
{{ end }}
|
||||
|
|
@ -10,6 +10,8 @@
|
|||
</article>
|
||||
</main>
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
{{ partial "search/site-search" . }}
|
||||
</div>
|
||||
{{ partial "script/about-script" . }}
|
||||
{{ partial "style/about-style" . }}
|
||||
{{ end }}
|
||||
|
|
@ -30,7 +30,9 @@
|
|||
<div class="grow"></div>
|
||||
{{ partial "pagination/pagination" . }}
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
{{ partial "search/site-search" . }}
|
||||
</div>
|
||||
{{ partial "script/archive-script" . }}
|
||||
{{ partial "style/archive-style" . }}
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -45,92 +45,8 @@
|
|||
{{ end }}
|
||||
|
||||
<div class="hide">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
{{ partial "search/site-search" . }}
|
||||
</div>
|
||||
{{ partial "body/fancybox" . }}
|
||||
|
||||
{{ $masonry := resources.Get `js/masonry.pkgd.min.js` | resources.Fingerprint }}
|
||||
<script defer src="{{ $masonry.RelPermalink }}"></script>
|
||||
{{ $imagesloaded := resources.Get `js/imagesloaded.pkgd.min.js` | resources.Fingerprint }}
|
||||
<script defer src="{{ $imagesloaded.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var $grid = $('.grid').masonry({
|
||||
itemSelector: '.grid-item',
|
||||
columnWidth: '.grid-sizer',
|
||||
percentPosition: true,
|
||||
});
|
||||
$grid.imagesLoaded().progress(function () {
|
||||
$grid.masonry();
|
||||
});
|
||||
|
||||
$('.grid-item').mouseenter(function () {
|
||||
$(this).children('.grid-item__desc').show();
|
||||
});
|
||||
|
||||
$('.grid-item').mouseleave(function () {
|
||||
$(this).children('.grid-item__desc').hide();
|
||||
});
|
||||
|
||||
$('.grid-item').click(function() {
|
||||
$(this).children('a').get(0).click();
|
||||
});
|
||||
|
||||
enquire.register("screen and (max-width:500px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('full');
|
||||
$('.grid-sizer').addClass('full');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('full');
|
||||
$('.grid-sizer').removeClass('full');
|
||||
},
|
||||
}).register("screen and (max-width:700px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('third');
|
||||
$('.grid-sizer').removeClass('third');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('third');
|
||||
$('.grid-sizer').addClass('third');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
},
|
||||
}).register("screen and (max-width:900px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('third');
|
||||
$('.grid-sizer').addClass('third');
|
||||
$('.grid-item').removeClass('quarter');
|
||||
$('.grid-sizer').removeClass('quarter');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('quarter');
|
||||
$('.grid-sizer').addClass('quarter');
|
||||
$('.grid-item').removeClass('third');
|
||||
$('.grid-sizer').removeClass('third');
|
||||
},
|
||||
}).register("screen and (max-width:1200px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('quarter');
|
||||
$('.grid-sizer').addClass('quarter');
|
||||
$('.grid-item').removeClass('fifth');
|
||||
$('.grid-sizer').removeClass('fifth');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('fifth');
|
||||
$('.grid-sizer').addClass('fifth');
|
||||
$('.grid-item').removeClass('quarter');
|
||||
$('.grid-sizer').removeClass('quarter');
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{{ partial "script/gallery-script" . }}
|
||||
{{ partial "style/gallery-style" . }}
|
||||
{{ end }}
|
||||
|
|
@ -21,4 +21,6 @@
|
|||
{{ partial "sidebar/sidebar-home" . }}
|
||||
</aside>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ partial "script/home-script" . }}
|
||||
{{ partial "style/home-style" . }}
|
||||
{{ end }}
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
{{ if $.Param "enablePhotoSwipe" }}
|
||||
|
||||
{{ $fancyboxjs := resources.Get `js/jquery.fancybox.min.js` | resources.Fingerprint }}
|
||||
<script defer src="{{ $fancyboxjs.RelPermalink }}"></script>
|
||||
{{ $fancyboxcss := resources.Get "css/jquery.fancybox.min.css" | resources.Fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $fancyboxcss.RelPermalink }}">
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('[data-fancybox="gallery"]').fancybox({
|
||||
loop: true,
|
||||
keyboard: true,
|
||||
clickContent: true,
|
||||
buttons: [
|
||||
"zoom",
|
||||
"slideShow",
|
||||
"fullScreen",
|
||||
"download",
|
||||
"thumbs",
|
||||
"close",
|
||||
],
|
||||
caption: function (instance, item) {
|
||||
return $(this).data('alt') || '';
|
||||
}
|
||||
});
|
||||
|
||||
var imgElements = $('.single__contents:not(".single__contents--gallery")').find('img');
|
||||
imgElements.each(function(i, v) {
|
||||
$(this).css('cursor', 'pointer');
|
||||
$(this).wrap(`<a data-fancybox="gallery" href="${ $(this).attr('src') }" data-alt="${ $(this).attr('alt') }" data-caption="${ $(this).attr('alt') }"></a>`);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -1,319 +0,0 @@
|
|||
{{ $js := .Site.Data.lib.js }}
|
||||
{{ $css := .Site.Data.lib.css }}
|
||||
|
||||
{{ $prism := resources.Get "js/prism.min.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $prism.RelPermalink }}"></script>
|
||||
|
||||
{{ if in .Params.Libraries "mermaid" }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"mermaid\"></script>" $js.mermaid.url $js.mermaid.sri | safeHTML }}
|
||||
|
||||
<script>
|
||||
{{ $themeVariant := (index .Site.Params.themeOptions 0) }}
|
||||
var themeVariant = localStorage.getItem('theme') || JSON.parse({{ $themeVariant | jsonify }});
|
||||
|
||||
if (themeVariant === "dark" || themeVariant === "hacker") {
|
||||
mermaid.initialize({ theme: 'dark' });
|
||||
} else {
|
||||
mermaid.initialize({ theme: 'default' });
|
||||
}
|
||||
|
||||
// mermaid Fix Mermaid.js clash with Highlight.js.
|
||||
$('code.language-mermaid:odd').each(function() {
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div />").append($(this).contents()).addClass('mermaid').css('padding', '30px 8px 8px');
|
||||
});
|
||||
});
|
||||
|
||||
$('code.language-mermaid').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
|
||||
/*let mermaids = [];
|
||||
[].push.apply(mermaids, document.getElementsByClassName('language-mermaid'));
|
||||
console.log(mermaids);
|
||||
for (i = 0; i < mermaids.length; i++) {
|
||||
$(mermaids[i]).unwrap('pre'); // Remove <pre> wrapper.
|
||||
$(mermaids[i]).replaceWith(function () {
|
||||
// Convert <code> block to <div> and add `mermaid` class so that Mermaid will parse it.
|
||||
return $("<div />").append($(this).contents()).addClass('mermaid');
|
||||
});
|
||||
}*/
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "katex" }}
|
||||
{{ printf "<link rel=\"stylesheet\" href=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\">" $css.katex.url $css.katex.sri | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"katex\"></script>" $js.katex.url $js.katex.sri | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"katex\"></script>" $js.katex_auto_render.url $js.katex_auto_render.sri | safeHTML }}
|
||||
|
||||
<script>
|
||||
var mathElements = document.getElementsByClassName('math');
|
||||
var options = [
|
||||
{ left: "$$", right: "$$", display: true },
|
||||
{ left: "\\(", right: "\\)", display: false },
|
||||
{ left: "\\[", right: "\\]", display: true }
|
||||
];
|
||||
|
||||
renderMathInElement(document.getElementsByClassName('single__contents')[0], options);
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "flowchartjs" }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"raphael\"></script>" $js.raphael.url $js.raphael.sri | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"flowchartjs\"></script>" $js.flowchartjs.url $js.flowchartjs.sri | safeHTML }}
|
||||
|
||||
<script>
|
||||
{{ $flowchartjs := .Site.Data.flowchartjs }}
|
||||
var options = JSON.parse({{ $flowchartjs | jsonify }});
|
||||
|
||||
/*
|
||||
$('.diagram').each(function() {
|
||||
var diagramContent = $(this).text();
|
||||
$(this).text('');
|
||||
|
||||
var diagram = flowchart.parse(diagramContent);
|
||||
diagram.drawSVG('diagram', options);
|
||||
});
|
||||
*/
|
||||
$('code.language-flowchart:odd').each(function (index, node) {
|
||||
var diagramContent = $(this).contents();
|
||||
$(this).closest('table').attr('data-content', 'FLOWCHART');
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div id='diagram' data-content='flowchart'></div>").append(diagramContent.text()).addClass('diagram').css('padding', '30px 8px 8px').css('margin-top', '40px');
|
||||
});
|
||||
|
||||
var diagram = flowchart.parse(diagramContent.text());
|
||||
$('#diagram').empty();
|
||||
diagram.drawSVG('diagram', options);
|
||||
});
|
||||
|
||||
$('code.language-flowchart').each(function (index, node) {
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div></div>");
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "mathjax" }}
|
||||
{{ printf "<script async src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"mathjax\"></script>" $js.mathjax.url $js.mathjax.sri | safeHTML }}
|
||||
|
||||
<script>
|
||||
window.MathJax = {
|
||||
tex: {
|
||||
inlineMath: [['$', '$'], ['\\(', '\\)']],
|
||||
displayMath: [['$$', '$$'], ['\\[', '\\]']],
|
||||
processEscapes: false,
|
||||
packages: { '[+]': ['noerrors'] }
|
||||
},
|
||||
loader: {
|
||||
load: ['[tex]/noerrors']
|
||||
},
|
||||
};
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "msc" }}
|
||||
{{ printf "<script src=\"%s\" crossorigin=\"anonymous\" title=\"webfont\"></script>" $js.webfont.url | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" crossorigin=\"anonymous\" title=\"snap_svg\"></script>" $js.snap_svg.url | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"lodash\"></script>" $js.lodash.url $js.lodash.sri | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"sequence_diagram\"></script>" $js.sequence_diagram.url $js.sequence_diagram.sri | safeHTML }}
|
||||
{{ printf "<link rel=\"stylesheet\" href=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\">" $css.sequence_diagram.url $css.sequence_diagram.sri | safeHTML }}
|
||||
|
||||
<script>
|
||||
{{ $msc := .Site.Data.msc }}
|
||||
var options = JSON.parse({{ $msc | jsonify }});
|
||||
|
||||
$('code.language-msc:odd').each(function() {
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div />").append($(this).contents()).addClass('diagram').css('padding', '30px 8px 8px').css('margin-top', '40px');
|
||||
});
|
||||
});
|
||||
$(".diagram").sequenceDiagram(options);
|
||||
|
||||
$('code.language-msc').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
|
||||
|
||||
/*
|
||||
var index = 0;
|
||||
var chartPrefix = "language-msc";
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[class^=" + chartPrefix + "]"), function (x) {
|
||||
x.style.display = 'none'
|
||||
x.parentNode.style.backgroundColor = "transparent"
|
||||
jsonContent = x.innerText;
|
||||
|
||||
node0 = document.createElement('div');
|
||||
node0.id = 'msc' + index;
|
||||
x.parentNode.insertBefore(node0, x);
|
||||
|
||||
var diagram = Diagram.parse(jsonContent);
|
||||
diagram.drawSVG("msc" + index, options);
|
||||
|
||||
index += 1;
|
||||
});*/
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "chart" }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"chart\"></script>" $js.chart.url $js.chart.sri | safeHTML }}
|
||||
<script>
|
||||
// setting defaults
|
||||
var borderColor = "#666";
|
||||
var bgColor = "#ddd";
|
||||
var borderWidth = 2;
|
||||
|
||||
Chart.defaults.global.elements.rectangle.borderWidth = borderWidth;
|
||||
Chart.defaults.global.elements.rectangle.borderColor = borderColor;
|
||||
Chart.defaults.global.elements.rectangle.backgroundColor = bgColor;
|
||||
|
||||
Chart.defaults.global.elements.line.borderWidth = borderWidth;
|
||||
Chart.defaults.global.elements.line.borderColor = borderColor;
|
||||
Chart.defaults.global.elements.line.backgroundColor = bgColor;
|
||||
|
||||
Chart.defaults.global.elements.point.borderWidth = borderWidth;
|
||||
Chart.defaults.global.elements.point.borderColor = borderColor;
|
||||
Chart.defaults.global.elements.point.backgroundColor = bgColor;
|
||||
|
||||
$('code.language-chart:odd').each(function(index, node) {
|
||||
$(this).unwrap('pre');
|
||||
|
||||
node0 = document.createElement('canvas');
|
||||
node0.height = 200;
|
||||
node0.style.height = 200;
|
||||
node0.id = 'myChart' + index;
|
||||
source = JSON.parse(node.innerText);
|
||||
node.parentNode.insertBefore(node0, node);
|
||||
var ctx = document.getElementById('myChart' + index).getContext('2d');
|
||||
var myChart = new Chart(ctx, source);
|
||||
|
||||
$(this).closest('td').css('padding', '40px 8px 8px');
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('code.language-chart:even').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
|
||||
/*var chartPrefix = "language-chart";
|
||||
var index = 0;
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[class^=" + chartPrefix + "]"), function(x) {
|
||||
x.style.display = 'none'
|
||||
x.parentNode.style.backgroundColor = "transparent"
|
||||
jsonContent = x.innerText;
|
||||
|
||||
node0 = document.createElement('canvas');
|
||||
node0.height = 200;
|
||||
node0.style.height=200;
|
||||
node0.id = 'myChart' + index;
|
||||
source = JSON.parse(jsonContent);
|
||||
x.parentNode.insertBefore(node0, x);
|
||||
var ctx = document.getElementById('myChart' + index).getContext('2d');
|
||||
var myChart = new Chart(ctx, source);
|
||||
|
||||
index +=1;
|
||||
});*/
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "wavedrom" }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"wavedrom\"></script>" $js.wavedrom.url $js.wavedrom.sri | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"wavedrom_skin\"></script>" $js.wavedrom_skin.url $js.wavedrom_skin.sri | safeHTML }}
|
||||
|
||||
<script>
|
||||
$('code.language-wave:odd').each(function(index, node) {
|
||||
$(this).unwrap('pre');
|
||||
|
||||
node0 = document.createElement('div');
|
||||
node0.id = 'WaveDrom_Display_' + index;
|
||||
source = JSON.parse(node.innerText);
|
||||
node.parentNode.insertBefore(node0, node);
|
||||
|
||||
WaveDrom.RenderWaveForm(index, source, "WaveDrom_Display_");
|
||||
|
||||
$(this).closest('td').css('padding', '40px 12px 12px 0');
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('code.language-wave').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
|
||||
/*var wavePrefix = "language-wave";
|
||||
var index = 0;
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[class^=" + wavePrefix + "]"), function(x) {
|
||||
x.style.display = 'none'
|
||||
x.parentNode.style.backgroundColor = "transparent"
|
||||
jsonContent = x.innerText;
|
||||
|
||||
node0 = document.createElement('div');
|
||||
node0.id = 'WaveDrom_Display_' + index;
|
||||
source = JSON.parse(jsonContent);
|
||||
x.parentNode.insertBefore(node0, x);
|
||||
|
||||
WaveDrom.RenderWaveForm(index, source, "WaveDrom_Display_");
|
||||
index += 1;
|
||||
});*/
|
||||
</script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "viz" }}
|
||||
{{ printf "<script src=\"%s\" crossorigin=\"anonymous\" title=\"viz\"></script>" $js.viz.url | safeHTML }}
|
||||
{{ printf "<script src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"viz_render\"></script>" $js.viz_render.url $js.viz_render.sri | safeHTML }}
|
||||
|
||||
<script>
|
||||
(function(){
|
||||
var vizPrefix = "language-viz-";
|
||||
$('code[class^="language-viz-"]:odd').each(function(index, node) {
|
||||
$(this).unwrap('pre');
|
||||
|
||||
var engine;
|
||||
node.getAttribute("class").split(" ").forEach(function(cls){
|
||||
if (cls.startsWith(vizPrefix)) {
|
||||
engine = cls.substr(vizPrefix.length);
|
||||
}
|
||||
});
|
||||
|
||||
var viz = new Viz();
|
||||
viz.renderSVGElement(node.innerText, {engine:engine})
|
||||
.then(function(element) {
|
||||
element.style.width = "100%";
|
||||
node.parentNode.insertBefore(element, node);
|
||||
});
|
||||
|
||||
$(this).closest('td').css('padding', '40px 0 16px 0');
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('code[class^="language-viz-"]:even').each(function (index, node) {
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
/*var vizPrefix = "language-viz-";
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[class^=" + vizPrefix + "]"), function(x){
|
||||
x.style.display = 'none'
|
||||
x.parentNode.style.backgroundColor = "transparent"
|
||||
|
||||
var engine;
|
||||
x.getAttribute("class").split(" ").forEach(function(cls){
|
||||
if (cls.startsWith(vizPrefix)) {
|
||||
engine = cls.substr(vizPrefix.length);
|
||||
}
|
||||
});
|
||||
|
||||
var viz = new Viz();
|
||||
viz.renderSVGElement(x.innerText, {engine:engine})
|
||||
.then(function(element) {
|
||||
element.style.width = "100%";
|
||||
x.parentNode.insertBefore(element, x);
|
||||
})
|
||||
});*/
|
||||
})();
|
||||
</script>
|
||||
{{ end }}
|
||||
|
|
@ -12,6 +12,8 @@
|
|||
<img src="{{ "images/whoami/avatar.png" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
|
||||
{{ else if (fileExists "static/images/whoami/avatar.jpg") }}
|
||||
<img src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
|
||||
{{ else if (fileExists "static/images/whoami/avatar.svg") }}
|
||||
<img src="{{ "images/whoami/avatar.svg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
|
||||
{{ else }}
|
||||
<img src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="whoami__image"/>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,2 +1,2 @@
|
|||
<div id="commento"></div>
|
||||
<script src="https://cdn.commento.io/js/commento.js" defer></script>
|
||||
<script defer src="https://cdn.commento.io/js/commento.js"></script>
|
||||
|
|
|
|||
|
|
@ -4,12 +4,4 @@
|
|||
{{ partial "svgs/arrow/keyboard-arrow-up.svg" (dict "width" 32 "height" 32) }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.gtt').click(function() {
|
||||
$("html, body").animate({ scrollTop: 0 }, 250);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
{{ if $.Param "showFeedLinks" }}
|
||||
<a href="{{ "/" | relLangURL }}/index.xml" type="application/rss+xml" title="rss">
|
||||
<a href="{{ "/" | relLangURL }}/index.xml" type="application/rss+xml" title="rss" aria-label="RSS Feed Link">
|
||||
{{ partial "svgs/etc/rss.svg" (dict "width" 32 "height" 32) }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{{ if $.Param "enableLangChange" }}
|
||||
<div class="dropdown">
|
||||
<button class="dropdown-trigger">
|
||||
<button class="dropdown-trigger" aria-label="Select Theme Button">
|
||||
{{ partial "svgs/etc/translate.svg" (dict "width" 24 "height" 24) }}
|
||||
</button>
|
||||
<div class="dropdown-content">
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
<div class="footer__wrapper">
|
||||
{{ partial "footer/select-lang" . }}
|
||||
{{ partial "footer/links-social.html" . }}
|
||||
{{ partial "footer/go-to-top" . }}
|
||||
</div>
|
||||
<hr />
|
||||
|
||||
|
|
@ -14,6 +15,5 @@
|
|||
{{ end }}
|
||||
<p class="caption">Powered by <a href="https://gohugo.io/" rel="noreferrer">Hugo</a> and the <a href="https://github.com/zzossig/hugo-theme-zzo" rel="noreferrer">Zzo theme</a></p>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ partial "footer/go-to-top" . }}
|
||||
{{ end }}
|
||||
</footer>
|
||||
|
|
@ -1,108 +1,4 @@
|
|||
{{- $scr := .Scratch -}}
|
||||
{{ $skin := .Site.Data.skin }}
|
||||
|
||||
{{- $scr.Set "footer_background_color" $skin.footer_background_color -}}
|
||||
{{- $scr.Set "footer_color" $skin.footer_color -}}
|
||||
{{- $scr.Set "link" $skin.link -}}
|
||||
{{- $scr.Set "link_hover" $skin.link_hover -}}
|
||||
{{- $scr.Set "title_color" $skin.title_color -}}
|
||||
{{- $scr.Set "meta_color" $skin.meta_color -}}
|
||||
{{- $scr.Set "body_color" $skin.body_color -}}
|
||||
{{- $scr.Set "hr_color" $skin.hr_color -}}
|
||||
{{- $scr.Set "body_background_color" $skin.body_background_color -}}
|
||||
{{- $scr.Set "backdrop_background_color" $skin.backdrop_background_color -}}
|
||||
{{- $scr.Set "dropdown_border_color" $skin.dropdown_border_color -}}
|
||||
{{- $scr.Set "dropdown_border_top_color" $skin.dropdown_border_top_color -}}
|
||||
{{- $scr.Set "dropdown_item_active_background_color" $skin.dropdown_item_active_background_color -}}
|
||||
{{- $scr.Set "dropdown_title_background_color" $skin.dropdown_title_background_color -}}
|
||||
{{- $scr.Set "dropdown_content_background_color" $skin.dropdown_content_background_color -}}
|
||||
{{- $scr.Set "dropdown_footer_item_color" $skin.dropdown_footer_item_color -}}
|
||||
{{- $scr.Set "dropdown_item_hover_background_color" $skin.dropdown_item_hover_background_color -}}
|
||||
{{- $scr.Set "dropdown_item_hover_color" $skin.dropdown_item_hover_color -}}
|
||||
{{- $scr.Set "dropdown_item_color" $skin.dropdown_item_color -}}
|
||||
{{- $scr.Set "navbar_border_bottom_color" $skin.navbar_border_bottom_color -}}
|
||||
{{- $scr.Set "navbar_background_color" $skin.navbar_background_color -}}
|
||||
{{- $scr.Set "navbar_title_color" $skin.navbar_title_color -}}
|
||||
{{- $scr.Set "navbar_title_hover_color" $skin.navbar_title_hover_color -}}
|
||||
{{- $scr.Set "navbar_title_active_color" $skin.navbar_title_active_color -}}
|
||||
{{- $scr.Set "navbar_menu_hover_background_color" $skin.navbar_menu_hover_background_color -}}
|
||||
{{- $scr.Set "navbar_dropdown_item_hover_color" $skin.navbar_dropdown_item_hover_color -}}
|
||||
{{- $scr.Set "navbar_dropdown_item_hover_background_color" $skin.navbar_dropdown_item_hover_background_color -}}
|
||||
{{- $scr.Set "sidebar_title_color" $skin.sidebar_title_color -}}
|
||||
{{- $scr.Set "sidebar_li_color" $skin.sidebar_li_color -}}
|
||||
{{- $scr.Set "taxo_title_color" $skin.taxo_title_color -}}
|
||||
{{- $scr.Set "taxo_num_color" $skin.taxo_num_color -}}
|
||||
{{- $scr.Set "taxo_num_background_color" $skin.taxo_num_background_color -}}
|
||||
{{- $scr.Set "taxo_tags_background_color" $skin.taxo_tags_background_color -}}
|
||||
{{- $scr.Set "taxo_tags_color" $skin.taxo_tags_color -}}
|
||||
{{- $scr.Set "taxo_series_background_color" $skin.taxo_series_background_color -}}
|
||||
{{- $scr.Set "taxo_series_color" $skin.taxo_series_color -}}
|
||||
{{- $scr.Set "taxo_categories_background_color" $skin.taxo_categories_background_color -}}
|
||||
{{- $scr.Set "taxo_categories_color" $skin.taxo_categories_color -}}
|
||||
{{- $scr.Set "breadcrumb_item_color" $skin.breadcrumb_item_color -}}
|
||||
{{- $scr.Set "breadcrumb_background_color" $skin.breadcrumb_background_color -}}
|
||||
{{- $scr.Set "breadcrumb_item_active_color" $skin.breadcrumb_item_active_color -}}
|
||||
{{- $scr.Set "list_header_title_color" $skin.list_header_title_color -}}
|
||||
{{- $scr.Set "figcaption_color" $skin.figcaption_color -}}
|
||||
{{- $scr.Set "figcaption_strong_color" $skin.figcaption_strong_color -}}
|
||||
{{- $scr.Set "single_hr_background_color" $skin.single_hr_background_color -}}
|
||||
{{- $scr.Set "single_blockquote_border_color" $skin.single_blockquote_border_color -}}
|
||||
{{- $scr.Set "single_header_title_color" $skin.single_header_title_color -}}
|
||||
{{- $scr.Set "single_contents_title_color" $skin.single_contents_title_color -}}
|
||||
{{- $scr.Set "related_header_title_color" $skin.related_header_title_color -}}
|
||||
{{- $scr.Set "related_link_color" $skin.related_link_color -}}
|
||||
{{- $scr.Set "content_pre_main_color" $skin.content_pre_main_color -}}
|
||||
{{- $scr.Set "content_pre_background_color" $skin.content_pre_background_color -}}
|
||||
{{- $scr.Set "content_pre_header_background_color" $skin.content_pre_header_background_color -}}
|
||||
{{- $scr.Set "content_diagram_background_color" $skin.content_diagram_background_color -}}
|
||||
{{- $scr.Set "content_code_color" $skin.content_code_color -}}
|
||||
{{- $scr.Set "content_code_background_color" $skin.content_code_background_color -}}
|
||||
{{- $scr.Set "burger_menu_color" $skin.burger_menu_color -}}
|
||||
{{- $scr.Set "social_icon_color" $skin.social_icon_color -}}
|
||||
{{- $scr.Set "social_icon_hover_color" $skin.social_icon_hover_color -}}
|
||||
{{- $scr.Set "pagination_link_color" $skin.pagination_link_color -}}
|
||||
{{- $scr.Set "pagination_background_color" $skin.pagination_background_color -}}
|
||||
{{- $scr.Set "pagination_disabled_color" $skin.pagination_disabled_color -}}
|
||||
{{- $scr.Set "pagination_number_color" $skin.pagination_number_color -}}
|
||||
{{- $scr.Set "photoswipe_hover_color" $skin.photoswipe_hover_color -}}
|
||||
{{- $scr.Set "photoswipe_color" $skin.photoswipe_color -}}
|
||||
{{- $scr.Set "photoswipe_hover_background_color" $skin.photoswipe_hover_background_color -}}
|
||||
{{- $scr.Set "photoswipe_background_color" $skin.photoswipe_background_color -}}
|
||||
{{- $scr.Set "terms_title_color" $skin.terms_title_color -}}
|
||||
{{- $scr.Set "terms_tags_color" $skin.terms_tags_color -}}
|
||||
{{- $scr.Set "terms_categories_color" $skin.terms_categories_color -}}
|
||||
{{- $scr.Set "terms_series_color" $skin.terms_series_color -}}
|
||||
{{- $scr.Set "terms_len_color" $skin.terms_len_color -}}
|
||||
{{- $scr.Set "toc_label_color" $skin.toc_label_color -}}
|
||||
{{- $scr.Set "toc_title_color" $skin.toc_title_color -}}
|
||||
{{- $scr.Set "toc_vertical_line" $skin.toc_vertical_line -}}
|
||||
{{- $scr.Set "toc_vertical_line_active" $skin.toc_vertical_line_active -}}
|
||||
{{- $scr.Set "search_placeholder_color" $skin.search_placeholder_color -}}
|
||||
{{- $scr.Set "search_color" $skin.search_color -}}
|
||||
{{- $scr.Set "search_icon_color" $skin.search_icon_color -}}
|
||||
{{- $scr.Set "search_border_color" $skin.search_border_color -}}
|
||||
{{- $scr.Set "search_background_color" $skin.search_background_color -}}
|
||||
{{- $scr.Set "search_content_background_color" $skin.search_content_background_color -}}
|
||||
{{- $scr.Set "search_hover_background_color" $skin.search_hover_background_color -}}
|
||||
{{- $scr.Set "mark_color" $skin.mark_color -}}
|
||||
{{- $scr.Set "mark_background_color" $skin.mark_background_color -}}
|
||||
{{- $scr.Set "archive_key_color" $skin.archive_key_color -}}
|
||||
{{- $scr.Set "archive_type_color" $skin.archive_type_color -}}
|
||||
{{- $scr.Set "archive_meta_color" $skin.archive_meta_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_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 -}}
|
||||
{{- $scr.Set "switch_background_color" $skin.switch_background_color -}}
|
||||
{{- $scr.Set "switch_button_color" $skin.switch_button_color -}}
|
||||
{{- $scr.Set "switch_active_color" $skin.switch_active_color -}}
|
||||
{{- $scr.Set "subs_button_color" $skin.subs_button_color -}}
|
||||
{{- $scr.Set "subs_button_background_color" $skin.subs_button_background_color -}}
|
||||
{{- $scr.Set "subs_button_hover_background_color" $skin.subs_button_hover_background_color -}}
|
||||
{{- $scr.Set "gallery_mask_color" $skin.gallery_mask_color -}}
|
||||
{{- $scr.Set "gallery_mask_background_color" $skin.gallery_mask_background_color -}}
|
||||
{{- $scr.Set "avatar_background_color" $skin.avatar_background_color -}}
|
||||
{{- $scr.Set "primary_color" $skin.primary_color -}}
|
||||
|
|
@ -1,14 +1,3 @@
|
|||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $clipboard := resources.Get "js/clipboard.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $clipboard.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
{{ if .Site.Params.custom_js }}
|
||||
{{ range .Site.Params.custom_js }}
|
||||
{{ $custom_template := resources.Get . }}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,3 @@
|
|||
{{ $main_options := (dict "targetPath" "css/zzo.css" "outputStyle" "compressed") }}
|
||||
{{ $main_template := resources.Get "sass/main.scss" }}
|
||||
{{ $main_style := $main_template | resources.ExecuteAsTemplate "main_parsed.scss" . | toCSS $main_options | resources.Minify }}
|
||||
<link rel="stylesheet" href="{{ $main_style.RelPermalink }}">
|
||||
|
||||
{{ if .Site.Params.custom_css }}
|
||||
{{ range .Site.Params.custom_css }}
|
||||
{{ $custom_template := resources.Get . }}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{{ if $.Param "enableThemeChange" }}
|
||||
<div class="theme-mobile">
|
||||
<div class="dropdown">
|
||||
<button class="dropdown-trigger navbar__slide-down">
|
||||
<button class="dropdown-trigger navbar__slide-down" aria-label="Select Language Button">
|
||||
{{ partial "svgs/etc/invert-colors.svg" (dict "width" 22 "height" 22) }}
|
||||
</button>
|
||||
<div class="dropdown-content select-theme">
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{{ if $.Param "enableThemeChange" }}
|
||||
<div class="theme">
|
||||
<div class="dropdown">
|
||||
<button class="dropdown-trigger navbar__slide-down">
|
||||
<button class="dropdown-trigger navbar__slide-down" aria-label="Select Theme Button">
|
||||
{{ partial "svgs/etc/invert-colors.svg" (dict "width" 22 "height" 22) }}
|
||||
</button>
|
||||
<div class="dropdown-content select-theme">
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
</div>
|
||||
|
||||
{{ partial "navbar/select-theme-mobile" . }}
|
||||
{{ partial "navbar/site-search-mobile" . }}
|
||||
{{ partial "search/site-search-mobile" . }}
|
||||
|
||||
<a role="button" class="navbar__burger" aria-label="menu" aria-expanded="false">
|
||||
<span aria-hidden="true"></span>
|
||||
|
|
@ -41,49 +41,4 @@
|
|||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<script>
|
||||
// theme change
|
||||
var localTheme = localStorage.getItem('theme');
|
||||
if (localTheme) {
|
||||
$('.select-theme__item').each(function() {
|
||||
$(this).removeClass('is-active');
|
||||
});
|
||||
$(`.select-theme a:contains("${localTheme}")`).addClass('is-active');
|
||||
}
|
||||
|
||||
$('.select-theme__item').click(function (e) {
|
||||
var selectedThemeVariant = $(e.target).text().trim();
|
||||
localStorage.setItem('theme', selectedThemeVariant);
|
||||
|
||||
if ($(this).attr('class').trim() === selectedThemeVariant) {
|
||||
return null;
|
||||
}
|
||||
|
||||
$('#root').removeAttr('class').addClass(`theme__${selectedThemeVariant}`);
|
||||
var nodes = $('.select-theme').children('.dropdown-item');
|
||||
|
||||
nodes.each(function () {
|
||||
if ($(this).text().trim() === selectedThemeVariant) {
|
||||
if (!$(this).hasClass('is-active')) {
|
||||
$(this).addClass('is-active');
|
||||
}
|
||||
} else {
|
||||
if ($(this).hasClass('is-active')) {
|
||||
$(this).removeClass('is-active');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (window.mermaid) {
|
||||
if (selectedThemeVariant === "dark" || selectedThemeVariant === "hacker") {
|
||||
mermaid.initialize({ theme: 'dark' });
|
||||
location.reload();
|
||||
} else {
|
||||
mermaid.initialize({ theme: 'default' });
|
||||
location.reload();
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</nav>
|
||||
|
|
@ -1,44 +1,21 @@
|
|||
{{ if $.Param "enableSearch" }}
|
||||
|
||||
<div class="search">
|
||||
<span class="icon">
|
||||
{{ partial "svgs/etc/search.svg" (dict "width" 22 "height" 22) }}
|
||||
</span>
|
||||
<input id="search" class="input" type="text" placeholder="{{T "search-placeholder"}}" autocomplete="off">
|
||||
<div id="search-results" class="dropdown">
|
||||
<div id="search-menu" class="dropdown-menu" role="menu">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "sidebar/site-mark" . }}
|
||||
|
||||
{{ $lunr := resources.Get "js/lunr.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lunr.RelPermalink }}"></script>
|
||||
|
||||
{{ $stemmer := .Site.Data.lib.js.stemmer }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"%s\"></script>" $stemmer.url $stemmer.sri $stemmer.code | safeHTML }}
|
||||
|
||||
{{ $multi := .Site.Data.lib.js.multi_language }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"%s\"></script>" $multi.url $multi.sri $multi.code | safeHTML }}
|
||||
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
{{ range .Site.Data.lib.lunr }}
|
||||
{{ if in $searchLanguages .code }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"%s\"></script>" .url .sri .code | safeHTML }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
window.onload = function() {
|
||||
// search
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
var searchLanguages = JSON.parse({{ $searchLanguages | jsonify }});
|
||||
var baseurl = "{{ "/" | relLangURL }}";
|
||||
|
||||
|
||||
if (!searchLanguages) {
|
||||
searchLanguages = ['en'];
|
||||
}
|
||||
|
||||
|
||||
var lunrIndex = null;
|
||||
var pagesIndex = null;
|
||||
var searchResults = null;
|
||||
|
|
@ -205,7 +182,5 @@
|
|||
var results = search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
});
|
||||
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
// search
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
var searchLanguages = JSON.parse({{ $searchLanguages | jsonify }});
|
||||
var baseurl = "{{ "/" | relLangURL }}";
|
||||
|
||||
if (!searchLanguages) {
|
||||
searchLanguages = ['en'];
|
||||
}
|
||||
|
||||
var lunrIndex = null;
|
||||
var pagesIndex = null;
|
||||
var searchResults = null;
|
||||
var searchMenu = null;
|
||||
|
||||
function endsWith(str, suffix) {
|
||||
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||
}
|
||||
|
||||
function initLunr() {
|
||||
if (!endsWith(baseurl, "/")) {
|
||||
baseurl = baseurl + '/';
|
||||
};
|
||||
|
||||
$.getJSON(baseurl + "index.json")
|
||||
.done(function (index) {
|
||||
pagesIndex = index;
|
||||
lunrIndex = lunr(function () {
|
||||
this.use(lunr.multiLanguage(...searchLanguages));
|
||||
this.ref('uri');
|
||||
this.field('title');
|
||||
this.field('description');
|
||||
this.field('content');
|
||||
//this.field('tags');
|
||||
//this.field('series');
|
||||
//this.field('categories');
|
||||
|
||||
var that = this;
|
||||
index.forEach(function (page) {
|
||||
that.add(page);
|
||||
});
|
||||
});
|
||||
})
|
||||
.fail(function (jqxhr, textStatus, error) {
|
||||
var err = textStatus + ", " + error;
|
||||
console.error("Error getting Hugo index file:", err);
|
||||
});
|
||||
}
|
||||
|
||||
function search(query) {
|
||||
return lunrIndex.search(query).map(function (result) {
|
||||
return pagesIndex.filter(function (page) {
|
||||
return page.uri === result.ref;
|
||||
})[0];
|
||||
});
|
||||
}
|
||||
|
||||
function renderSearchResults(results) {
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
$('#search-mobile-results').empty();
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
initLunr();
|
||||
|
||||
$("#search").on('input', function (e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('blur', function () {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
setTimeout(function () {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
$('#search').on('click', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('keydown', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
var items = $('#search-menu .dropdown-item');
|
||||
var activeIndex = $('#search-menu .dropdown-item.is-active').index();
|
||||
|
||||
items.removeClass('is-active');
|
||||
if (e.key === 'ArrowDown') {
|
||||
items.eq(activeIndex + 1).addClass('is-active');
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
items.eq(activeIndex - 1).addClass('is-active');
|
||||
} else if (e.key === 'Enter') {
|
||||
var currentItemLink = items.eq(activeIndex).attr('href');
|
||||
if (currentItemLink) {
|
||||
location.href = currentItemLink;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-mobile").on('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-mobile-results').empty();
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,294 @@
|
|||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $masonry := resources.Get "js/masonry.pkgd.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $masonry.RelPermalink }}"></script>
|
||||
{{ $imagesloaded := resources.Get "js/imagesloaded.pkgd.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $imagesloaded.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
{{ $fancyboxjs := resources.Get "js/jquery.fancybox.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $fancyboxjs.RelPermalink }}"></script>
|
||||
{{ $fancyboxcss := resources.Get "css/jquery.fancybox.min.css" | resources.Fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $fancyboxcss.RelPermalink }}">
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
// masonry
|
||||
var $grid = $('.grid').masonry({
|
||||
itemSelector: '.grid-item',
|
||||
columnWidth: '.grid-sizer',
|
||||
percentPosition: true,
|
||||
});
|
||||
$grid.imagesLoaded().progress(function () {
|
||||
$grid.masonry();
|
||||
});
|
||||
|
||||
$('.grid-item').mouseenter(function () {
|
||||
$(this).children('.grid-item__desc').show();
|
||||
});
|
||||
|
||||
$('.grid-item').mouseleave(function () {
|
||||
$(this).children('.grid-item__desc').hide();
|
||||
});
|
||||
|
||||
$('.grid-item').click(function () {
|
||||
$(this).children('a').get(0).click();
|
||||
});
|
||||
|
||||
enquire.register("screen and (max-width:500px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('full');
|
||||
$('.grid-sizer').addClass('full');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('full');
|
||||
$('.grid-sizer').removeClass('full');
|
||||
},
|
||||
}).register("screen and (max-width:700px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('half');
|
||||
$('.grid-sizer').addClass('half');
|
||||
$('.grid-item').removeClass('third');
|
||||
$('.grid-sizer').removeClass('third');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('third');
|
||||
$('.grid-sizer').addClass('third');
|
||||
$('.grid-item').removeClass('half');
|
||||
$('.grid-sizer').removeClass('half');
|
||||
},
|
||||
}).register("screen and (max-width:900px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('third');
|
||||
$('.grid-sizer').addClass('third');
|
||||
$('.grid-item').removeClass('quarter');
|
||||
$('.grid-sizer').removeClass('quarter');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('quarter');
|
||||
$('.grid-sizer').addClass('quarter');
|
||||
$('.grid-item').removeClass('third');
|
||||
$('.grid-sizer').removeClass('third');
|
||||
},
|
||||
}).register("screen and (max-width:1200px)", {
|
||||
match: function () {
|
||||
$('.grid-item').addClass('quarter');
|
||||
$('.grid-sizer').addClass('quarter');
|
||||
$('.grid-item').removeClass('fifth');
|
||||
$('.grid-sizer').removeClass('fifth');
|
||||
},
|
||||
unmatch: function () {
|
||||
$('.grid-item').addClass('fifth');
|
||||
$('.grid-sizer').addClass('fifth');
|
||||
$('.grid-item').removeClass('quarter');
|
||||
$('.grid-sizer').removeClass('quarter');
|
||||
},
|
||||
});
|
||||
|
||||
// fancybox
|
||||
$('[data-fancybox="gallery"]').fancybox({
|
||||
loop: true,
|
||||
keyboard: true,
|
||||
clickContent: true,
|
||||
buttons: [
|
||||
"zoom",
|
||||
"slideShow",
|
||||
"fullScreen",
|
||||
"download",
|
||||
"thumbs",
|
||||
"close",
|
||||
],
|
||||
caption: function (instance, item) {
|
||||
return $(this).data('alt') || '';
|
||||
}
|
||||
});
|
||||
|
||||
var imgElements = $('.single__contents:not(".single__contents--gallery")').find('img');
|
||||
imgElements.each(function (i, v) {
|
||||
$(this).css('cursor', 'pointer');
|
||||
$(this).wrap(`<a data-fancybox="gallery" href="${$(this).attr('src')}" data-alt="${$(this).attr('alt')}" data-caption="${$(this).attr('alt')}"></a>`);
|
||||
});
|
||||
|
||||
// search
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
var searchLanguages = JSON.parse({{ $searchLanguages | jsonify }});
|
||||
var baseurl = "{{ "/" | relLangURL }}";
|
||||
|
||||
if (!searchLanguages) {
|
||||
searchLanguages = ['en'];
|
||||
}
|
||||
|
||||
var lunrIndex = null;
|
||||
var pagesIndex = null;
|
||||
var searchResults = null;
|
||||
var searchMenu = null;
|
||||
|
||||
function endsWith(str, suffix) {
|
||||
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||
}
|
||||
|
||||
function initLunr() {
|
||||
if (!endsWith(baseurl, "/")) {
|
||||
baseurl = baseurl + '/';
|
||||
};
|
||||
|
||||
$.getJSON(baseurl + "index.json")
|
||||
.done(function (index) {
|
||||
pagesIndex = index;
|
||||
lunrIndex = lunr(function () {
|
||||
this.use(lunr.multiLanguage(...searchLanguages));
|
||||
this.ref('uri');
|
||||
this.field('title');
|
||||
this.field('description');
|
||||
this.field('content');
|
||||
//this.field('tags');
|
||||
//this.field('series');
|
||||
//this.field('categories');
|
||||
|
||||
var that = this;
|
||||
index.forEach(function (page) {
|
||||
that.add(page);
|
||||
});
|
||||
});
|
||||
})
|
||||
.fail(function (jqxhr, textStatus, error) {
|
||||
var err = textStatus + ", " + error;
|
||||
console.error("Error getting Hugo index file:", err);
|
||||
});
|
||||
}
|
||||
|
||||
function search(query) {
|
||||
return lunrIndex.search(query).map(function (result) {
|
||||
return pagesIndex.filter(function (page) {
|
||||
return page.uri === result.ref;
|
||||
})[0];
|
||||
});
|
||||
}
|
||||
|
||||
function renderSearchResults(results) {
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
$('#search-mobile-results').empty();
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
initLunr();
|
||||
|
||||
$("#search").on('input', function (e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('blur', function () {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
setTimeout(function () {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
$('#search').on('click', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('keydown', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
var items = $('#search-menu .dropdown-item');
|
||||
var activeIndex = $('#search-menu .dropdown-item.is-active').index();
|
||||
|
||||
items.removeClass('is-active');
|
||||
if (e.key === 'ArrowDown') {
|
||||
items.eq(activeIndex + 1).addClass('is-active');
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
items.eq(activeIndex - 1).addClass('is-active');
|
||||
} else if (e.key === 'Enter') {
|
||||
var currentItemLink = items.eq(activeIndex).attr('href');
|
||||
if (currentItemLink) {
|
||||
location.href = currentItemLink;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-mobile").on('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-mobile-results').empty();
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,188 @@
|
|||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
// search
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
var searchLanguages = JSON.parse({{ $searchLanguages | jsonify }});
|
||||
var baseurl = "{{ "/" | relLangURL }}";
|
||||
|
||||
if (!searchLanguages) {
|
||||
searchLanguages = ['en'];
|
||||
}
|
||||
|
||||
var lunrIndex = null;
|
||||
var pagesIndex = null;
|
||||
var searchResults = null;
|
||||
var searchMenu = null;
|
||||
|
||||
function endsWith(str, suffix) {
|
||||
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||
}
|
||||
|
||||
function initLunr() {
|
||||
if (!endsWith(baseurl, "/")) {
|
||||
baseurl = baseurl + '/';
|
||||
};
|
||||
|
||||
$.getJSON(baseurl + "index.json")
|
||||
.done(function (index) {
|
||||
pagesIndex = index;
|
||||
lunrIndex = lunr(function () {
|
||||
this.use(lunr.multiLanguage(...searchLanguages));
|
||||
this.ref('uri');
|
||||
this.field('title');
|
||||
this.field('description');
|
||||
this.field('content');
|
||||
//this.field('tags');
|
||||
//this.field('series');
|
||||
//this.field('categories');
|
||||
|
||||
var that = this;
|
||||
index.forEach(function (page) {
|
||||
that.add(page);
|
||||
});
|
||||
});
|
||||
})
|
||||
.fail(function (jqxhr, textStatus, error) {
|
||||
var err = textStatus + ", " + error;
|
||||
console.error("Error getting Hugo index file:", err);
|
||||
});
|
||||
}
|
||||
|
||||
function search(query) {
|
||||
return lunrIndex.search(query).map(function (result) {
|
||||
return pagesIndex.filter(function (page) {
|
||||
return page.uri === result.ref;
|
||||
})[0];
|
||||
});
|
||||
}
|
||||
|
||||
function renderSearchResults(results) {
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
$('#search-mobile-results').empty();
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
initLunr();
|
||||
|
||||
$("#search").on('input', function (e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('blur', function () {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
setTimeout(function () {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
$('#search').on('click', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('keydown', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
var items = $('#search-menu .dropdown-item');
|
||||
var activeIndex = $('#search-menu .dropdown-item.is-active').index();
|
||||
|
||||
items.removeClass('is-active');
|
||||
if (e.key === 'ArrowDown') {
|
||||
items.eq(activeIndex + 1).addClass('is-active');
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
items.eq(activeIndex - 1).addClass('is-active');
|
||||
} else if (e.key === 'Enter') {
|
||||
var currentItemLink = items.eq(activeIndex).attr('href');
|
||||
if (currentItemLink) {
|
||||
location.href = currentItemLink;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-mobile").on('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-mobile-results').empty();
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,188 @@
|
|||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $lazysizes := resources.Get "js/lazysizes.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lazysizes.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
// search
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
var searchLanguages = JSON.parse({{ $searchLanguages | jsonify }});
|
||||
var baseurl = "{{ "/" | relLangURL }}";
|
||||
|
||||
if (!searchLanguages) {
|
||||
searchLanguages = ['en'];
|
||||
}
|
||||
|
||||
var lunrIndex = null;
|
||||
var pagesIndex = null;
|
||||
var searchResults = null;
|
||||
var searchMenu = null;
|
||||
|
||||
function endsWith(str, suffix) {
|
||||
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||
}
|
||||
|
||||
function initLunr() {
|
||||
if (!endsWith(baseurl, "/")) {
|
||||
baseurl = baseurl + '/';
|
||||
};
|
||||
|
||||
$.getJSON(baseurl + "index.json")
|
||||
.done(function (index) {
|
||||
pagesIndex = index;
|
||||
lunrIndex = lunr(function () {
|
||||
this.use(lunr.multiLanguage(...searchLanguages));
|
||||
this.ref('uri');
|
||||
this.field('title');
|
||||
this.field('description');
|
||||
this.field('content');
|
||||
//this.field('tags');
|
||||
//this.field('series');
|
||||
//this.field('categories');
|
||||
|
||||
var that = this;
|
||||
index.forEach(function (page) {
|
||||
that.add(page);
|
||||
});
|
||||
});
|
||||
})
|
||||
.fail(function (jqxhr, textStatus, error) {
|
||||
var err = textStatus + ", " + error;
|
||||
console.error("Error getting Hugo index file:", err);
|
||||
});
|
||||
}
|
||||
|
||||
function search(query) {
|
||||
return lunrIndex.search(query).map(function (result) {
|
||||
return pagesIndex.filter(function (page) {
|
||||
return page.uri === result.ref;
|
||||
})[0];
|
||||
});
|
||||
}
|
||||
|
||||
function renderSearchResults(results) {
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
$('#search-mobile-results').empty();
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
initLunr();
|
||||
|
||||
$("#search").on('input', function (e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('blur', function () {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
setTimeout(function () {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
$('#search').on('click', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('keydown', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
var items = $('#search-menu .dropdown-item');
|
||||
var activeIndex = $('#search-menu .dropdown-item.is-active').index();
|
||||
|
||||
items.removeClass('is-active');
|
||||
if (e.key === 'ArrowDown') {
|
||||
items.eq(activeIndex + 1).addClass('is-active');
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
items.eq(activeIndex - 1).addClass('is-active');
|
||||
} else if (e.key === 'Enter') {
|
||||
var currentItemLink = items.eq(activeIndex).attr('href');
|
||||
if (currentItemLink) {
|
||||
location.href = currentItemLink;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-mobile").on('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-mobile-results').empty();
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,581 @@
|
|||
{{ $js := .Site.Data.lib.js }}
|
||||
{{ $css := .Site.Data.lib.css }}
|
||||
|
||||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $clipboard := resources.Get "js/clipboard.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $clipboard.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $prism := resources.Get "js/prism.min.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $prism.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
{{ if $.Param "enablePhotoSwipe" }}
|
||||
{{ $fancyboxjs := resources.Get "js/jquery.fancybox.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $fancyboxjs.RelPermalink }}"></script>
|
||||
{{ $fancyboxcss := resources.Get "css/jquery.fancybox.min.css" | resources.Fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $fancyboxcss.RelPermalink }}">
|
||||
{{ end }}
|
||||
|
||||
{{ if $.Param "enableToc" }}
|
||||
{{ $toc := resources.Get "js/jquery.toc.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $toc.RelPermalink }}"></script>
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "mermaid" }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"mermaid\"></script>" $js.mermaid.url $js.mermaid.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "katex" }}
|
||||
{{ printf "<link rel=\"stylesheet\" href=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\">" $css.katex.url $css.katex.sri | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"katex\"></script>" $js.katex.url $js.katex.sri | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"katex\"></script>" $js.katex_auto_render.url $js.katex_auto_render.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "flowchartjs" }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"raphael\"></script>" $js.raphael.url $js.raphael.sri | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"flowchartjs\"></script>" $js.flowchartjs.url $js.flowchartjs.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "mathjax" }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"mathjax\"></script>" $js.mathjax.url $js.mathjax.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "msc" }}
|
||||
{{ printf "<script defer src=\"%s\" crossorigin=\"anonymous\" title=\"webfont\"></script>" $js.webfont.url | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" crossorigin=\"anonymous\" title=\"snap_svg\"></script>" $js.snap_svg.url | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"lodash\"></script>" $js.lodash.url $js.lodash.sri | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"sequence_diagram\"></script>" $js.sequence_diagram.url $js.sequence_diagram.sri | safeHTML }}
|
||||
{{ printf "<link rel=\"stylesheet\" href=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\">" $css.sequence_diagram.url $css.sequence_diagram.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "chart" }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"chart\"></script>" $js.chart.url $js.chart.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "wavedrom" }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"wavedrom\"></script>" $js.wavedrom.url $js.wavedrom.sri | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"wavedrom_skin\"></script>" $js.wavedrom_skin.url $js.wavedrom_skin.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
{{ if in .Params.Libraries "viz" }}
|
||||
{{ printf "<script defer src=\"%s\" crossorigin=\"anonymous\" title=\"viz\"></script>" $js.viz.url | safeHTML }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"viz_render\"></script>" $js.viz_render.url $js.viz_render.sri | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
// highlight
|
||||
$("pre[class*='language-']").each(function () {
|
||||
$(this).removeAttr('style');
|
||||
var langName = $(this).attr('class').replace('chroma language-', '').toUpperCase();
|
||||
$(this).closest('table').attr('data-content', langName);
|
||||
});
|
||||
|
||||
$('.lntable').each(function () {
|
||||
if (!$(this).attr('data-content')) {
|
||||
$(this).attr('data-content', 'Code');
|
||||
}
|
||||
});
|
||||
|
||||
// search
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
var searchLanguages = JSON.parse({{ $searchLanguages | jsonify }});
|
||||
var baseurl = "{{ "/" | relLangURL }}";
|
||||
|
||||
if (!searchLanguages) {
|
||||
searchLanguages = ['en'];
|
||||
}
|
||||
|
||||
var lunrIndex = null;
|
||||
var pagesIndex = null;
|
||||
var searchResults = null;
|
||||
var searchMenu = null;
|
||||
|
||||
function endsWith(str, suffix) {
|
||||
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||
}
|
||||
|
||||
function initLunr() {
|
||||
if (!endsWith(baseurl, "/")) {
|
||||
baseurl = baseurl + '/';
|
||||
};
|
||||
|
||||
$.getJSON(baseurl + "index.json")
|
||||
.done(function (index) {
|
||||
pagesIndex = index;
|
||||
lunrIndex = lunr(function () {
|
||||
this.use(lunr.multiLanguage(...searchLanguages));
|
||||
this.ref('uri');
|
||||
this.field('title');
|
||||
this.field('description');
|
||||
this.field('content');
|
||||
//this.field('tags');
|
||||
//this.field('series');
|
||||
//this.field('categories');
|
||||
|
||||
var that = this;
|
||||
index.forEach(function (page) {
|
||||
that.add(page);
|
||||
});
|
||||
});
|
||||
})
|
||||
.fail(function (jqxhr, textStatus, error) {
|
||||
var err = textStatus + ", " + error;
|
||||
console.error("Error getting Hugo index file:", err);
|
||||
});
|
||||
}
|
||||
|
||||
function search(query) {
|
||||
return lunrIndex.search(query).map(function (result) {
|
||||
return pagesIndex.filter(function (page) {
|
||||
return page.uri === result.ref;
|
||||
})[0];
|
||||
});
|
||||
}
|
||||
|
||||
function renderSearchResults(results) {
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
$('#search-mobile-results').empty();
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
initLunr();
|
||||
|
||||
$("#search").on('input', function (e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('blur', function () {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
setTimeout(function () {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
$('#search').on('click', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('keydown', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
var items = $('#search-menu .dropdown-item');
|
||||
var activeIndex = $('#search-menu .dropdown-item.is-active').index();
|
||||
|
||||
items.removeClass('is-active');
|
||||
if (e.key === 'ArrowDown') {
|
||||
items.eq(activeIndex + 1).addClass('is-active');
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
items.eq(activeIndex - 1).addClass('is-active');
|
||||
} else if (e.key === 'Enter') {
|
||||
var currentItemLink = items.eq(activeIndex).attr('href');
|
||||
if (currentItemLink) {
|
||||
location.href = currentItemLink;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-mobile").on('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-mobile-results').empty();
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
});
|
||||
|
||||
var navbar = $('.navbar');
|
||||
|
||||
// toc
|
||||
{{ $enableToc := ($.Param "enableToc") }}
|
||||
var enableToc = JSON.parse({{ $enableToc | jsonify }});
|
||||
|
||||
if (enableToc) {
|
||||
$("#toc").toc({ content: ".single__contents", headings: "h1,h2,h3,h4" });
|
||||
$('#toc > li').each(function () {
|
||||
$(this).find('ul').css('display', 'none');
|
||||
});
|
||||
$('#toc a').each(function () {
|
||||
$(this).click(function () {
|
||||
navbar.removeClass('navbar--show');
|
||||
navbar.removeClass('navbar--hide');
|
||||
navbar.addClass('navbar--hide');
|
||||
|
||||
$(".single__contents :header").each(function () {
|
||||
$('.toc a').removeClass('active');
|
||||
});
|
||||
$(this).addClass('active');
|
||||
|
||||
$('#toc > li').each(function () {
|
||||
$(this).find('ul').css('display', 'none');
|
||||
});
|
||||
$(this).next().css('display', 'block');
|
||||
$(this).parents('ul').css('display', 'block');
|
||||
});
|
||||
});
|
||||
|
||||
// toc visibility
|
||||
$("#toggle-toc").change(function () {
|
||||
if (this.checked) {
|
||||
$('.toc').fadeIn(200);
|
||||
} else {
|
||||
$('.toc').fadeOut(200);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Add link button for every
|
||||
var text, clip = new ClipboardJS('.anchor');
|
||||
var headers = $('.single__contents :header').not('h6').not('h5');
|
||||
headers.append(function (index, html) {
|
||||
var element = $(this);
|
||||
var url = encodeURI(document.location.origin + document.location.pathname);
|
||||
var link = url + "#" + element[0].id;
|
||||
return " <span class='anchor hide' data-clipboard-text='" + link + "' style='position: relative;'>" +
|
||||
"<span style='font-size: 1rem; position: absolute; right: -2rem; top: 50%; transform: translateY(-50%)'>🔗</span>" +
|
||||
"</span>"
|
||||
;
|
||||
});
|
||||
headers.on('mouseenter', function () {
|
||||
$(this).find('.anchor').attr('class', 'anchor');
|
||||
});
|
||||
headers.on('mouseleave', function () {
|
||||
$(this).find('.anchor').attr('class', 'anchor hide');
|
||||
});
|
||||
|
||||
$(".anchor").on('mouseleave', function (e) {
|
||||
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||||
});
|
||||
|
||||
clip.on('success', function (e) {
|
||||
e.clearSelection();
|
||||
$(e.trigger).attr('aria-label', 'Link copied to clipboard!').addClass('tooltipped tooltipped-s');
|
||||
});
|
||||
|
||||
// clipboard
|
||||
var clipInit = false;
|
||||
$('code').each(function () {
|
||||
var code = $(this),
|
||||
text = code.text();
|
||||
|
||||
if (text.length > 30) {
|
||||
if (!clipInit) {
|
||||
var text, clip = new ClipboardJS('.copy-to-clipboard', {
|
||||
text: function (trigger) {
|
||||
text = $(trigger).prev('code').text();
|
||||
return text.replace(/^\$\s/gm, '');
|
||||
}
|
||||
});
|
||||
|
||||
var inPre;
|
||||
clip.on('success', function (e) {
|
||||
e.clearSelection();
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
});
|
||||
|
||||
clip.on('error', function (e) {
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
$(document).one('copy', function () {
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
});
|
||||
});
|
||||
|
||||
clipInit = true;
|
||||
}
|
||||
|
||||
code.after('<span class="copy-to-clipboard" title="Copy to clipboard" />');
|
||||
code.next('.copy-to-clipboard').on('mouseleave', function () {
|
||||
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// fancybox
|
||||
{{ $enablePhotoSwipe := ($.Param "enablePhotoSwipe") }}
|
||||
var enablePhotoSwipe = JSON.parse({{ $enablePhotoSwipe | jsonify }});
|
||||
|
||||
if (enablePhotoSwipe) {
|
||||
$('[data-fancybox="gallery"]').fancybox({
|
||||
loop: true,
|
||||
keyboard: true,
|
||||
clickContent: true,
|
||||
buttons: [
|
||||
"zoom",
|
||||
"slideShow",
|
||||
"fullScreen",
|
||||
"download",
|
||||
"thumbs",
|
||||
"close",
|
||||
],
|
||||
caption: function (instance, item) {
|
||||
return $(this).data('alt') || '';
|
||||
}
|
||||
});
|
||||
|
||||
var imgElements = $('.single__contents:not(".single__contents--gallery")').find('img');
|
||||
imgElements.each(function (i, v) {
|
||||
$(this).css('cursor', 'pointer');
|
||||
$(this).wrap(`<a data-fancybox="gallery" href="${$(this).attr('src')}" data-alt="${$(this).attr('alt')}" data-caption="${$(this).attr('alt')}"></a>`);
|
||||
});
|
||||
}
|
||||
|
||||
// mermaid
|
||||
{{ $lib := .Params.libraries }}
|
||||
var lib = JSON.parse({{ $lib | jsonify }});
|
||||
|
||||
if (lib && lib.includes('mermaid')) {
|
||||
{{ $themeVariant := (index .Site.Params.themeOptions 0) }}
|
||||
var themeVariant = localStorage.getItem('theme') || JSON.parse({{ $themeVariant | jsonify }});
|
||||
|
||||
if (themeVariant === "dark" || themeVariant === "hacker") {
|
||||
mermaid.initialize({ theme: 'dark' });
|
||||
} else {
|
||||
mermaid.initialize({ theme: 'default' });
|
||||
}
|
||||
|
||||
// mermaid Fix Mermaid.js clash with Highlight.js.
|
||||
$('code.language-mermaid:odd').each(function() {
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div />").append($(this).contents()).addClass('mermaid').css('padding', '30px 8px 8px');
|
||||
});
|
||||
});
|
||||
|
||||
$('code.language-mermaid').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
}
|
||||
|
||||
// katex
|
||||
if (lib && lib.includes('katex')) {
|
||||
var mathElements = document.getElementsByClassName('math');
|
||||
var options = [
|
||||
{ left: "$$", right: "$$", display: true },
|
||||
{ left: "\\(", right: "\\)", display: false },
|
||||
{ left: "\\[", right: "\\]", display: true }
|
||||
];
|
||||
|
||||
renderMathInElement(document.getElementsByClassName('single__contents')[0], options);
|
||||
}
|
||||
|
||||
// flowchart.js
|
||||
if (lib && lib.includes('flowchartjs')) {
|
||||
{{ $flowchartjs := .Site.Data.flowchartjs }}
|
||||
var options = JSON.parse({{ $flowchartjs | jsonify }});
|
||||
|
||||
$('code.language-flowchart:odd').each(function (index, node) {
|
||||
var diagramContent = $(this).contents();
|
||||
$(this).closest('table').attr('data-content', 'FLOWCHART');
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div id='diagram' data-content='flowchart'></div>").append(diagramContent.text()).addClass('diagram').css('padding', '30px 8px 8px').css('margin-top', '40px');
|
||||
});
|
||||
|
||||
var diagram = flowchart.parse(diagramContent.text());
|
||||
$('#diagram').empty();
|
||||
diagram.drawSVG('diagram', options);
|
||||
});
|
||||
|
||||
$('code.language-flowchart').each(function (index, node) {
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div></div>");
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// mathjax
|
||||
if (lib && lib.includes('mathjax')) {
|
||||
window.MathJax = {
|
||||
tex: {
|
||||
inlineMath: [['$', '$'], ['\\(', '\\)']],
|
||||
displayMath: [['$$', '$$'], ['\\[', '\\]']],
|
||||
processEscapes: false,
|
||||
packages: { '[+]': ['noerrors'] }
|
||||
},
|
||||
loader: {
|
||||
load: ['[tex]/noerrors']
|
||||
},
|
||||
};
|
||||
}
|
||||
|
||||
// js-sequence-diagram
|
||||
if (lib && lib.includes('msc')) {
|
||||
{{ $msc := .Site.Data.msc }}
|
||||
var options = JSON.parse({{ $msc | jsonify }});
|
||||
|
||||
$('code.language-msc:odd').each(function() {
|
||||
$(this).unwrap('pre');
|
||||
$(this).replaceWith(function () {
|
||||
return $("<div />").append($(this).contents()).addClass('diagram').css('padding', '30px 8px 8px').css('margin-top', '40px');
|
||||
});
|
||||
});
|
||||
$(".diagram").sequenceDiagram(options);
|
||||
|
||||
$('code.language-msc').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
}
|
||||
|
||||
// chart.js
|
||||
if (lib && lib.includes('chart')) {
|
||||
var borderColor = "#666";
|
||||
var bgColor = "#ddd";
|
||||
var borderWidth = 2;
|
||||
|
||||
Chart.defaults.global.elements.rectangle.borderWidth = borderWidth;
|
||||
Chart.defaults.global.elements.rectangle.borderColor = borderColor;
|
||||
Chart.defaults.global.elements.rectangle.backgroundColor = bgColor;
|
||||
|
||||
Chart.defaults.global.elements.line.borderWidth = borderWidth;
|
||||
Chart.defaults.global.elements.line.borderColor = borderColor;
|
||||
Chart.defaults.global.elements.line.backgroundColor = bgColor;
|
||||
|
||||
Chart.defaults.global.elements.point.borderWidth = borderWidth;
|
||||
Chart.defaults.global.elements.point.borderColor = borderColor;
|
||||
Chart.defaults.global.elements.point.backgroundColor = bgColor;
|
||||
|
||||
$('code.language-chart:odd').each(function (index, node) {
|
||||
$(this).unwrap('pre');
|
||||
|
||||
node0 = document.createElement('canvas');
|
||||
node0.height = 200;
|
||||
node0.style.height = 200;
|
||||
node0.id = 'myChart' + index;
|
||||
source = JSON.parse(node.innerText);
|
||||
node.parentNode.insertBefore(node0, node);
|
||||
var ctx = document.getElementById('myChart' + index).getContext('2d');
|
||||
var myChart = new Chart(ctx, source);
|
||||
|
||||
$(this).closest('td').css('padding', '40px 8px 8px');
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('code.language-chart:even').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
}
|
||||
|
||||
// wavedrom
|
||||
if (lib && lib.includes('wavedrom')) {
|
||||
$('code.language-wave:odd').each(function (index, node) {
|
||||
$(this).unwrap('pre');
|
||||
|
||||
node0 = document.createElement('div');
|
||||
node0.id = 'WaveDrom_Display_' + index;
|
||||
source = JSON.parse(node.innerText);
|
||||
node.parentNode.insertBefore(node0, node);
|
||||
|
||||
WaveDrom.RenderWaveForm(index, source, "WaveDrom_Display_");
|
||||
|
||||
$(this).closest('td').css('padding', '40px 12px 12px 0');
|
||||
$(this).hide();
|
||||
});
|
||||
|
||||
$('code.language-wave').each(function (index, node) {
|
||||
$(this).css('display', 'none');
|
||||
});
|
||||
}
|
||||
|
||||
// viz diagram
|
||||
if (lib && lib.includes('viz')) {
|
||||
var vizPrefix = "language-viz-";
|
||||
$('pre[class*="language-viz-"]:odd').each(function (index, node) {
|
||||
$(this).unwrap('pre');
|
||||
|
||||
var engine;
|
||||
node.getAttribute("class").split(" ").forEach(function (cls) {
|
||||
if (cls.startsWith(vizPrefix)) {
|
||||
engine = cls.substr(vizPrefix.length);
|
||||
}
|
||||
});
|
||||
var viz = new Viz();
|
||||
viz.renderSVGElement(node.innerText, { engine: engine })
|
||||
.then(function (element) {
|
||||
element.style.width = "100%";
|
||||
node.parentNode.insertBefore(element, node);
|
||||
});
|
||||
$(this).closest('td').css('padding', '40px 0 16px 0');
|
||||
$(this).hide();
|
||||
});
|
||||
$('code[class*="language-viz-"]:even').each(function (index, node) {
|
||||
$(this).hide();
|
||||
});
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
{{ $jquery := resources.Get "js/jquery.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $jquery.RelPermalink }}"></script>
|
||||
{{ $enquire := resources.Get "js/enquire.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $enquire.RelPermalink }}"></script>
|
||||
{{ $zzo := resources.Get "js/zzo.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $zzo.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
// search
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
var searchLanguages = JSON.parse({{ $searchLanguages | jsonify }});
|
||||
var baseurl = "{{ "/" | relLangURL }}";
|
||||
|
||||
if (!searchLanguages) {
|
||||
searchLanguages = ['en'];
|
||||
}
|
||||
|
||||
var lunrIndex = null;
|
||||
var pagesIndex = null;
|
||||
var searchResults = null;
|
||||
var searchMenu = null;
|
||||
|
||||
function endsWith(str, suffix) {
|
||||
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||
}
|
||||
|
||||
function initLunr() {
|
||||
if (!endsWith(baseurl, "/")) {
|
||||
baseurl = baseurl + '/';
|
||||
};
|
||||
|
||||
$.getJSON(baseurl + "index.json")
|
||||
.done(function (index) {
|
||||
pagesIndex = index;
|
||||
lunrIndex = lunr(function () {
|
||||
this.use(lunr.multiLanguage(...searchLanguages));
|
||||
this.ref('uri');
|
||||
this.field('title');
|
||||
this.field('description');
|
||||
this.field('content');
|
||||
//this.field('tags');
|
||||
//this.field('series');
|
||||
//this.field('categories');
|
||||
|
||||
var that = this;
|
||||
index.forEach(function (page) {
|
||||
that.add(page);
|
||||
});
|
||||
});
|
||||
})
|
||||
.fail(function (jqxhr, textStatus, error) {
|
||||
var err = textStatus + ", " + error;
|
||||
console.error("Error getting Hugo index file:", err);
|
||||
});
|
||||
}
|
||||
|
||||
function search(query) {
|
||||
return lunrIndex.search(query).map(function (result) {
|
||||
return pagesIndex.filter(function (page) {
|
||||
return page.uri === result.ref;
|
||||
})[0];
|
||||
});
|
||||
}
|
||||
|
||||
function renderSearchResults(results) {
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">» ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">» ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
$('#search-mobile-results').empty();
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
initLunr();
|
||||
|
||||
$("#search").on('input', function (e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('blur', function () {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
setTimeout(function () {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
$('#search').on('click', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
if (!e.target.value) {
|
||||
$('#search-results').attr('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
var results = search(e.target.value);
|
||||
renderSearchResults(results);
|
||||
});
|
||||
|
||||
$('#search').on('keydown', function (e) {
|
||||
if ($(window).width() < 770) {
|
||||
return null;
|
||||
}
|
||||
var items = $('#search-menu .dropdown-item');
|
||||
var activeIndex = $('#search-menu .dropdown-item.is-active').index();
|
||||
|
||||
items.removeClass('is-active');
|
||||
if (e.key === 'ArrowDown') {
|
||||
items.eq(activeIndex + 1).addClass('is-active');
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
items.eq(activeIndex - 1).addClass('is-active');
|
||||
} else if (e.key === 'Enter') {
|
||||
var currentItemLink = items.eq(activeIndex).attr('href');
|
||||
if (currentItemLink) {
|
||||
location.href = currentItemLink;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$("#search-mobile").on('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
$('#search-mobile-results').empty();
|
||||
return null;
|
||||
}
|
||||
|
||||
var results = search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
<div id="search-mobile-container" class="mobile-search hide">
|
||||
<div class="mobile-search__top">
|
||||
<input id="search-mobile" type="text" placeholder="{{T "search-placeholder"}}" class="mobile-search__top--input"/>
|
||||
<input id="search-mobile" type="text" aria-label="Mobile Search" placeholder="{{T "search-placeholder"}}" class="mobile-search__top--input"/>
|
||||
<div id="search-mobile-close" class="mobile-search__top--icon">
|
||||
{{ partial "svgs/etc/cancel.svg" (dict "width" 22 "height" 22) }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
{{ if $.Param "enableSearch" }}
|
||||
|
||||
<div class="search">
|
||||
<span class="icon">
|
||||
{{ partial "svgs/etc/search.svg" (dict "width" 22 "height" 22) }}
|
||||
</span>
|
||||
<input id="search" aria-label="Site Search" class="input" type="text" placeholder="{{T "search-placeholder"}}" autocomplete="off">
|
||||
<div id="search-results" class="dropdown">
|
||||
<div id="search-menu" class="dropdown-menu" role="menu">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ $lunr := resources.Get "js/lunr.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $lunr.RelPermalink }}"></script>
|
||||
|
||||
{{ $stemmer := .Site.Data.lib.js.stemmer }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"%s\"></script>" $stemmer.url $stemmer.sri $stemmer.code | safeHTML }}
|
||||
|
||||
{{ $multi := .Site.Data.lib.js.multi_language }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"%s\"></script>" $multi.url $multi.sri $multi.code | safeHTML }}
|
||||
|
||||
{{ $searchLanguages := .Site.Params.searchLanguages }}
|
||||
{{ range .Site.Data.lib.lunr }}
|
||||
{{ if in $searchLanguages .code }}
|
||||
{{ printf "<script defer src=\"%s\" integrity=\"%s\" crossorigin=\"anonymous\" title=\"%s\"></script>" .url .sri .code | safeHTML }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -1,16 +1,16 @@
|
|||
{{ if $.Param "enableSidebar" }}
|
||||
|
||||
<div class="sidebar">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
{{ partial "search/site-search" . }}
|
||||
{{ partial "sidebar/site-bio" . }}
|
||||
|
||||
{{ range (and (where .Site.Sections "Type" "!=" "about") (where .Site.Sections "Type" "!=" "archive")) }}
|
||||
<section class="sidebar-home">
|
||||
<a href="{{ .RelPermalink }}" class="sidebar-home__title p2">{{ .Title }}</a>
|
||||
<ul class="sidebar-home__ul">
|
||||
<section class="sidebar-recent">
|
||||
<a href="{{ .RelPermalink }}" class="sidebar-recent__title p2">{{ .Title }}</a>
|
||||
<ul class="sidebar-recent__ul">
|
||||
{{ if .Site.Params.itemsPerCategory }}
|
||||
{{ range first .Site.Params.itemsPerCategory .Pages }}
|
||||
<li><a href="{{ .RelPermalink }}" class="sidebar-home__a p2">{{ .Title }}</a>
|
||||
<li><a href="{{ .RelPermalink }}" class="sidebar-recent__a p2">{{ .Title }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
@ -26,6 +26,5 @@
|
|||
{{ partial "taxonomy/taxonomy-series" . }}
|
||||
</div>
|
||||
<hr class="hr-fade sidebar-hr" />
|
||||
{{ partial "sidebar/site-subs" . }}
|
||||
|
||||
{{ end }}
|
||||
|
|
@ -4,14 +4,14 @@
|
|||
{{ $currentID := "" }}
|
||||
{{ with .File }}{{ $currentID = .UniqueID }}{{ end }}
|
||||
<div class="sidebar">
|
||||
{{ partial "sidebar/site-search" . }}
|
||||
{{ partial "search/site-search" . }}
|
||||
{{ if .Site.Params.itemsPerCategory }}
|
||||
{{ range first .Site.Params.itemsPerCategory .Pages }}
|
||||
<section class="sidebar-list">
|
||||
<a href="{{ .RelPermalink }}" class="sidebar-list__title p1 {{ if eq $currentSection .Section }}active{{ end }}">{{ .Title }}</a>
|
||||
<ul class="sidebar-list__ul">
|
||||
<section class="sidebar-recent">
|
||||
<a href="{{ .RelPermalink }}" class="sidebar-recent__title p1 {{ if eq $currentSection .Section }}active{{ end }}">{{ .Title }}</a>
|
||||
<ul class="sidebar-recent__ul">
|
||||
{{ range first .Site.Params.itemsPerCategory .Pages }}
|
||||
<li><a href="{{ .RelPermalink }}" class="sidebar-list__a p2 {{ if eq $currentID .File.UniqueID }}active{{ end }}">{{ .Title }}</a>
|
||||
<li><a href="{{ .RelPermalink }}" class="sidebar-recent__a p2 {{ if eq $currentID .File.UniqueID }}active{{ end }}">{{ .Title }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<h6 class="toc__title">{{ i18n "toc-label" }}</h6>
|
||||
{{ if $.Param "enableTocSwitch" }}
|
||||
<label class="switch">
|
||||
<input id="toggle-toc" type="checkbox" checked>
|
||||
<input id="toggle-toc" aria-label="Toggle TOC" type="checkbox" checked>
|
||||
<span class="slider round"></span>
|
||||
</label>
|
||||
{{ end }}
|
||||
|
|
@ -16,115 +16,5 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
{{ $toc := resources.Get `js/jquery.toc.min.js` | resources.Fingerprint }}
|
||||
<script defer src="{{ $toc.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var navbar = $('.navbar');
|
||||
|
||||
// toc
|
||||
$("#toc").toc({ content: ".single__contents", headings: "h1,h2,h3,h4" });
|
||||
$('#toc > li').each(function () {
|
||||
$(this).find('ul').css('display', 'none');
|
||||
});
|
||||
$('#toc a').each(function () {
|
||||
$(this).click(function () {
|
||||
navbar.removeClass('navbar--show');
|
||||
navbar.removeClass('navbar--hide');
|
||||
navbar.addClass('navbar--hide');
|
||||
|
||||
$(".single__contents :header").each(function () {
|
||||
$('.toc a').removeClass('active');
|
||||
});
|
||||
$(this).addClass('active');
|
||||
|
||||
$('#toc > li').each(function () {
|
||||
$(this).find('ul').css('display', 'none');
|
||||
});
|
||||
$(this).next().css('display', 'block');
|
||||
$(this).parents('ul').css('display', 'block');
|
||||
});
|
||||
});
|
||||
|
||||
// Add link button for every
|
||||
var text, clip = new ClipboardJS('.anchor');
|
||||
var headers = $('.single__contents :header').not('h6').not('h5');
|
||||
headers.append(function (index, html) {
|
||||
var element = $(this);
|
||||
var url = encodeURI(document.location.origin + document.location.pathname);
|
||||
var link = url + "#" + element[0].id;
|
||||
return " <span class='anchor hide' data-clipboard-text='" + link + "' style='position: relative;'>" +
|
||||
"<span style='font-size: 1rem; position: absolute; right: -2rem; top: 50%; transform: translateY(-50%)'>🔗</span>" +
|
||||
"</span>"
|
||||
;
|
||||
});
|
||||
headers.on('mouseenter', function () {
|
||||
$(this).find('.anchor').attr('class', 'anchor');
|
||||
});
|
||||
headers.on('mouseleave', function () {
|
||||
$(this).find('.anchor').attr('class', 'anchor hide');
|
||||
});
|
||||
|
||||
$(".anchor").on('mouseleave', function (e) {
|
||||
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||||
});
|
||||
|
||||
clip.on('success', function (e) {
|
||||
e.clearSelection();
|
||||
$(e.trigger).attr('aria-label', 'Link copied to clipboard!').addClass('tooltipped tooltipped-s');
|
||||
});
|
||||
|
||||
// clipboard
|
||||
var clipInit = false;
|
||||
$('code').each(function () {
|
||||
var code = $(this),
|
||||
text = code.text();
|
||||
|
||||
if (text.length > 30) {
|
||||
if (!clipInit) {
|
||||
var text, clip = new ClipboardJS('.copy-to-clipboard', {
|
||||
text: function (trigger) {
|
||||
text = $(trigger).prev('code').text();
|
||||
return text.replace(/^\$\s/gm, '');
|
||||
}
|
||||
});
|
||||
|
||||
var inPre;
|
||||
clip.on('success', function (e) {
|
||||
e.clearSelection();
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
});
|
||||
|
||||
clip.on('error', function (e) {
|
||||
inPre = $(e.trigger).parent().prop('tagName') == 'PRE';
|
||||
$(e.trigger).attr('aria-label', fallbackMessage(e.action)).addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
$(document).one('copy', function () {
|
||||
$(e.trigger).attr('aria-label', 'Copied to clipboard!').addClass('tooltipped tooltipped-' + (inPre ? 'w' : 's'));
|
||||
});
|
||||
});
|
||||
|
||||
clipInit = true;
|
||||
}
|
||||
|
||||
code.after('<span class="copy-to-clipboard" title="Copy to clipboard" />');
|
||||
code.next('.copy-to-clipboard').on('mouseleave', function () {
|
||||
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// toc visibility
|
||||
$("#toggle-toc").change(function() {
|
||||
if (this.checked) {
|
||||
$('.toc').fadeIn(200);
|
||||
} else {
|
||||
$('.toc').fadeOut(200);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
@ -11,6 +11,8 @@
|
|||
<img data-src="{{ "images/whoami/avatar.png" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload bio__photo"/>
|
||||
{{ else if (fileExists "static/images/whoami/avatar.jpg") }}
|
||||
<img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload bio__photo"/>
|
||||
{{ else if (fileExists "static/images/whoami/avatar.svg") }}
|
||||
<img data-src="{{ "images/whoami/avatar.svg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload bio__photo"/>
|
||||
{{ else }}
|
||||
<img data-src="{{ "images/whoami/avatar.jpg" | relURL }}" alt="{{ if .Site.Params.myname }}{{ .Site.Params.myname }}{{ else }}Avatar{{ end }}" class="lazyload bio__photo"/>
|
||||
{{ end }}
|
||||
|
|
|
|||
|
|
@ -1,40 +0,0 @@
|
|||
{{ if $.Param "enableMark" }}
|
||||
{{ $mark := resources.Get "js/jquery.mark.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $mark.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var mark = function () {
|
||||
var keyword = $("#search").val();
|
||||
var options = {
|
||||
"element": "mark",
|
||||
"className": "",
|
||||
"exclude": [],
|
||||
"iframes": false,
|
||||
"iframesTimeout": 5000,
|
||||
"acrossElements": false,
|
||||
"ignoreGroups": 0,
|
||||
"each": function (node) {
|
||||
},
|
||||
"filter": function (textNode, foundTerm, totalCounter) {
|
||||
return true;
|
||||
},
|
||||
"noMatch": function (term) {
|
||||
},
|
||||
"done": function (counter) {
|
||||
},
|
||||
"debug": false,
|
||||
"log": window.console
|
||||
};
|
||||
|
||||
$(".container").unmark({
|
||||
done: function () {
|
||||
$(".container").mark(keyword, options);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
$("#search").on("input", mark);
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue