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

support weight front-matter, meta color change dynamically,

This commit is contained in:
zzossig 2020-02-19 01:28:18 +09:00
parent f933e10cd3
commit 8575c09630
3 changed files with 31 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/_default/list.html
View File

@ -12,7 +12,7 @@
</div>
<div class="summary__container" data-display="block">
{{ $paginator := .Paginate (where .Pages "Type" .Type) }}
{{ $paginator := .Paginate (where .Pages "Type" .Type).ByWeight }}
{{ range $paginator.Pages }}
{{ .Render "summary" }}
{{ end }}

2
layouts/_default/taxonomy.html
View File

@ -12,7 +12,7 @@
</div>
<div class="summary__container" data-display="block">
{{ range .Paginator.Pages }}
{{ range .Paginator.Pages.ByWeight }}
{{ .Render "summary" }}
{{ end }}
{{ partial "pagination/pagination" . }}

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

@ -439,21 +439,36 @@
var selectThemeItemElem = document.querySelectorAll('.select-theme__item');
var setMetaColor = function(themeColor) {
var metaMsapplicationTileColor = document.getElementsByName('msapplication-TileColor')[0];
var metaThemeColor = document.getElementsByName('theme-color')[0];
var metaMsapplicationNavbuttonColor = document.getElementsByName('msapplication-navbutton-color')[0];
var metaAppleMobileWebAappStatusBarStyle = document.getElementsByName('apple-mobile-web-app-status-bar-style')[0];
if (themeColor.includes('dark')) {
{{ $.Scratch.Set "themeTitleColor" "#fcfcfa" }}
{{ $.Scratch.Set "themeNavbarColor" "#403E41" }}
metaMsapplicationTileColor.setAttribute('content', '#fcfcfa');
metaThemeColor.setAttribute('content', '#403E41');
metaMsapplicationNavbuttonColor.setAttribute('content', '#403E41');
metaAppleMobileWebAappStatusBarStyle.setAttribute('content', '#403E41');
} else if (themeColor.includes('light')) {
{{ $.Scratch.Set "themeTitleColor" "#555" }}
{{ $.Scratch.Set "themeNavbarColor" "#eee" }}
metaMsapplicationTileColor.setAttribute('content', '#555');
metaThemeColor.setAttribute('content', '#eee');
metaMsapplicationNavbuttonColor.setAttribute('content', '#eee');
metaAppleMobileWebAappStatusBarStyle.setAttribute('content', '#eee');
} else if (themeColor.includes('hacker')) {
{{ $.Scratch.Set "themeTitleColor" "#e3cd26" }}
{{ $.Scratch.Set "themeNavbarColor" "#252526" }}
metaMsapplicationTileColor.setAttribute('content', '#e3cd26');
metaThemeColor.setAttribute('content', '#252526');
metaMsapplicationNavbuttonColor.setAttribute('content', '#252526');
metaAppleMobileWebAappStatusBarStyle.setAttribute('content', '#252526');
} else if (themeColor.includes('solarized')) {
{{ $.Scratch.Set "themeTitleColor" "#586e75" }}
{{ $.Scratch.Set "themeNavbarColor" "#eee8d5" }}
metaMsapplicationTileColor.setAttribute('content', '#d3af86');
metaThemeColor.setAttribute('content', '#51412c');
metaMsapplicationNavbuttonColor.setAttribute('content', '#51412c');
metaAppleMobileWebAappStatusBarStyle.setAttribute('content', '#51412c');
} else if (themeColor.includes('kimbie')) {
{{ $.Scratch.Set "themeTitleColor" "#d3af86" }}
{{ $.Scratch.Set "themeNavbarColor" "#51412c" }}
metaMsapplicationTileColor.setAttribute('content', '#586e75');
metaThemeColor.setAttribute('content', '#eee8d5');
metaMsapplicationNavbuttonColor.setAttribute('content', '#eee8d5');
metaAppleMobileWebAappStatusBarStyle.setAttribute('content', '#eee8d5');
}
}
@ -466,6 +481,7 @@
elem.classList.remove('is-active');
}
}) : null;
setMetaColor(localTheme);
} else {
setMetaColor(rootEleme.className);
@ -476,6 +492,7 @@
v.addEventListener('click', function (e) {
var selectedThemeVariant = e.target.text.trim();
localStorage.setItem('theme', selectedThemeVariant);
setMetaColor(selectedThemeVariant);
rootEleme.removeAttribute('class');
rootEleme.classList.add('theme__' + selectedThemeVariant);