Sophia/sophia.wtf
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated to match new look

Browse Source 
only too 9 months lol
Signed-off-by: Sophia Atkinson <sophialul@protonmail.com>
This commit is contained in:
Sophia Atkinson
2023-08-15 23:39:54 -07:00
parent e4bc844b67
commit 1edf6d912b
104 changed files with 1173 additions and 7411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
themes/hugo-coder/assets/js/coder.js
View File

@ -1,31 +1,26 @@
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"));
setTheme(localStorage.getItem("colorscheme"))
} else if (body.classList.contains('colorscheme-light') || body.classList.contains('colorscheme-dark')) {
setTheme(body.classList.contains("colorscheme-dark") ? "dark" : "light");
setTheme(body.classList.contains("colorscheme-dark") ? "dark" : "light")
} else {
setTheme(darkModeMediaQuery.matches ? "dark" : "light");
setTheme(darkModeMediaQuery.matches ? "dark" : "light")
}
if (darkModeToggle) {
darkModeToggle.addEventListener('click', () => {
let theme = body.classList.contains("colorscheme-dark") ? "light" : "dark";
setTheme(theme);
rememberTheme(theme);
});
rememberTheme(theme)
})
}
darkModeMediaQuery.addListener((event) => {
setTheme(event.matches ? "dark" : "light");
setTheme(event.matches ? "dark" : "light")
});
document.addEventListener("DOMContentLoaded", function () {
document.addEventListener("DOMContentLoaded", function() {
let node = document.querySelector('.preload-transitions');
node.classList.remove('preload-transitions');
node.classList.remove('preload-transitions')
});
function setTheme(theme) {
@ -38,46 +33,56 @@ function setTheme(theme) {
function waitForElm(selector) {
return new Promise(resolve => {
if (document.querySelector(selector)) {
return resolve(document.querySelector(selector));
return resolve(document.querySelector(selector))
}
const observer = new MutationObserver(mutations => {
if (document.querySelector(selector)) {
resolve(document.querySelector(selector));
observer.disconnect();
observer.disconnect()
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
});
})
})
}
if (theme === 'dark') {
const message = {
type: 'set-theme',
theme: 'github-dark'
};
waitForElm('.utterances-frame').then((iframe) => {
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
iframe.contentWindow.postMessage(message, 'https://utteranc.es')
})
}
else {
} else {
const message = {
type: 'set-theme',
theme: 'github-light'
};
waitForElm('.utterances-frame').then((iframe) => {
iframe.contentWindow.postMessage(message, 'https://utteranc.es');
iframe.contentWindow.postMessage(message, 'https://utteranc.es')
})
}
function sendMessage(message) {
const iframe = document.querySelector('iframe.giscus-frame');
if (!iframe) {
return
}
iframe.contentWindow.postMessage({
giscus: message
}, 'https://giscus.app')
}
sendMessage({
setConfig: {
theme: theme
}
});
const event = new Event('themeChanged');
document.dispatchEvent(event)
}
function rememberTheme(theme) {
localStorage.setItem('colorscheme', theme);
}
localStorage.setItem('colorscheme', theme)
}