13hannes11/hugo-coder-timeline
1
0
Fork 0
mirror of https://github.com/13hannes11/hugo-coder-timeline.git synced 2024-09-04 00:50:58 +02:00
Code Issues Projects Releases Wiki Activity

And notice shortcodes (#537)

Browse Source 
* Added information panel shortcodes (#437)

* Added information panel shortcodes

* Fixed dark mixin

* Moved mixin location to correct location

Co-authored-by: Luiz F. A. de Prá <luizdepra@users.noreply.github.com>

* Fix SCSS styling

* Update generated files

* Fix notice HTML

* Fix Makefile

* Rename JS file

* Adsd emoji support for lang selectors

* Fix notices and other things

* Fix JS on template

* Update  example content

* Update images

* Update generated files

* Fix netlify preview

* Fix netlify preview build

* Fix netlify theme path

Co-authored-by: Jian Liew <jianloongliew@gmail.com>
This commit is contained in:
Luiz F. A. de Prá
2021-03-24 20:59:33 -03:00
committed by GitHub
parent 32ffc536aa
commit ed1c854df2
72 changed files with 8661 additions and 2164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
assets/js/coder.js Normal file
View File

@@ -0,0 +1,33 @@
const body = document.body;
const darkModeToggle = document.getElementById('dark-mode-toggle');
const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
// Check if user preference is set, if not check value of body class for light or dark else it means that colorscheme = auto
if (localStorage.getItem("colorscheme")) {
setTheme(localStorage.getItem("colorscheme"));
} else if (body.classList.contains('colorscheme-light') || body.classList.contains('colorscheme-dark')) {
setTheme(body.classList.contains("colorscheme-dark") ? "dark" : "light");
} else {
setTheme(darkModeMediaQuery.matches ? "dark" : "light");
}
darkModeToggle.addEventListener('click', () => {
setTheme(body.classList.contains("colorscheme-dark") ? "light" : "dark");
});
darkModeMediaQuery.addListener((event) => {
setTheme(event.matches ? "dark" : "light");
});
document.addEventListener("DOMContentLoaded", function () {
let node = document.querySelector('.preload-transitions');
node.classList.remove('preload-transitions');
});
function setTheme(theme) {
body.classList.remove('colorscheme-auto');
inverse = theme === 'dark' ? 'light' : 'dark';
localStorage.setItem('colorscheme', theme);
body.classList.remove('colorscheme-' + inverse);
body.classList.add('colorscheme-' + theme);
}