|
|
| 第1行： |
第1行： |
| /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ | | /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ |
|
| |
|
| |
| // 把整个body都选上，以便下一步使用
| |
| var page = document.querySelector("body");
| |
| var url = window.location.href;
| |
| // 仅修改 body class 中有 page-首页 的页面
| |
|
| |
| if (url = "https://wiki.dollancraft.top/") {
| |
| // 找到我们要插入新div之后的element
| |
| var mwBody = document.getElementById('content');
| |
| // 新建一个div
| |
| var newDiv = document.createElement('div');
| |
| // 给新插入的element设个class名
| |
| newDiv.setAttribute('class', 'header-hero');
| |
| // 加上html内容
| |
| newDiv.innerHTML = '<div class="header-hero-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 150%), var(--hero-image);background-size: cover;background-position: center center;height: 36vh;margin-bottom: -31vh;"></div>';
| |
|
| |
| // 将新 div 插入 content 之前
| |
| mwBody.parentNode.insertBefore(newDiv, mwBody);
| |
| }
| |
|
| |
| // 给页面新增个css variable，以便实现与黑暗/白色模式同步的首页头图
| |
| // 把整个html都选上，因为skin让darkmode的class在这层
| |
| var html = document.querySelector("html");
| |
| // 判断darkmode
| |
| if (html.classList.contains('skin-citizen-dark')) {
| |
| // 是dark，用这个
| |
| //记得修改两个链接
| |
| document.querySelector('#home-card-kook').style.backgroundColor= '#497A20';
| |
| document.querySelector('#home-card-QQ').style.backgroundColor= '#1883A6';
| |
| document.documentElement.style.setProperty('--hero-image', 'url(mainpage.png)');
| |
| } else {
| |
| // 不是dark，用这个
| |
| document.querySelector('#home-card-kook').style.backgroundColor= '#7acc35';
| |
| document.querySelector('#home-card-QQ').style.backgroundColor= '#24c8fd';
| |
| document.documentElement.style.setProperty('--hero-image', 'url(mainpage.png)');
| |
| }
| |
