me/Custom-Static-Website-Generator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes working

Browse Source
This commit is contained in:
akilan
2020-05-10 20:47:17 +04:00
parent 8c14650b51
commit 2fca76e753
154 changed files with 6271 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
sample-hugo-template/Tech-Club-Blog/assets/js/toggleLayout.js Normal file
View File

@@ -0,0 +1,32 @@
document.getElementById("btnGrid").addEventListener("click", makeGrid);
document.getElementById("btnRows").addEventListener("click", makeRows);
window.addEventListener("resize", adjustListAtMobile);
document.getElementById("rows").style.fill = "var(--grey)";
let listRemoveWidth = window.matchMedia("(max-width: 735px)");
let listAddWidth = window.matchMedia("(min-width: 735px)");
let isList = false;
function adjustListAtMobile(){
if (listRemoveWidth.matches) {
document.getElementById("articlesList").classList.remove("articles-list-container-alt");
}
else if (listAddWidth.matches && isList === true) {
document.getElementById("articlesList").classList.add("articles-list-container-alt");
}
}
function makeGrid(){
document.getElementById("articlesList").classList.remove("articles-list-container-alt");
document.getElementById("tiles").style.fill = "var(--primary)";
document.getElementById("rows").style.fill = "var(--grey)";
isList = false;
}
function makeRows(){
document.getElementById("articlesList").classList.add("articles-list-container-alt");
document.getElementById("rows").style.fill = "var(--primary)";
document.getElementById("tiles").style.fill = "var(--grey)";
isList = true;
}