Commit 93996540 authored by liziwl's avatar liziwl
Browse files

启用首页黑白模式

parent dbc96f79
Loading
Loading
Loading
Loading
+24 −0
Original line number Diff line number Diff line
@@ -103,3 +103,27 @@ function isInWechatMP() {
//     }
// }
// setTimeout("load_adsense()", 500);

// 是否启用哀悼用黑白遮罩
const setHomeGray = true;
function changeGray() {
    if (setHomeGray && window.location.pathname === '/') {
        document.getElementsByClassName("navbar")[0].classList.add("home-gray");
        document.getElementsByClassName("sidebar")[0].classList.add("home-gray");
        document.getElementsByClassName("page")[0].classList.add("home-gray");
    } else {
        document.getElementsByClassName("page")[0].classList.remove("home-gray");
        document.getElementsByClassName("sidebar")[0].classList.remove("home-gray");
        document.getElementsByClassName("navbar")[0].classList.remove("home-gray");
    }
}

const observer = new MutationObserver(function (mutations) {
    changeGray();
});
const config = { subtree: true, childList: true };
observer.observe(document, config);

window.addEventListener('hashchange', () => {
    changeGray();
}, false);
+9 −9
Original line number Diff line number Diff line
/* 公祭日,黑白遮罩 */
// html {
//     filter: grayscale(100%);
//     -webkit-filter: grayscale(100%);
//     -moz-filter: grayscale(100%);
//     -ms-filter: grayscale(100%);
//     -o-filter: grayscale(100%);
//     filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
// }
/* 哀悼用黑白遮罩 */
.home-gray {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
 No newline at end of file