“模板:Main page/navigation”与“MediaWiki:Mainpage.js”:页面之间的差异

来自NebulaeWiki
(页面间差异)
无编辑摘要
 
无编辑摘要
 
第1行: 第1行:
<div id="home-nav" class="home-grid" role="navigation">
$(function(){
<div class="home-card home-card--button" id="home-nav-info">
    /* 头图 */
<div class="home-card__background">[[文件:MainTabs-info.png|300px|link=星云工艺]]</div>
    var page = document.querySelector("body");
<div class="home-card__foreground">概览</div>
    if (page.classList.contains('page-首页')) {
</div>
        var mwBody = document.getElementById('content');
<div class="home-card home-card--button" id="home-nav-rule">
        var newDiv = document.createElement('div');
<div class="home-card__background">[[文件:MainTabs-rule.png|300px|link=成员守则]]</div>
        newDiv.setAttribute('class', 'header-image');
<div class="home-card__foreground">守则</div>
        newDiv.innerHTML = '<div class="header-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 50%), url(https://wiki.knebulae.com/images/title.png);background-size: cover;background-position: top;height: 36vh;margin-bottom: -37vh;"></div>';
</div>
        mwBody.parentNode.insertBefore(newDiv, mwBody);
<div class="home-card home-card--button" id="home-nav-district">
    }
<div class="home-card__background">[[文件:MainTabs-district.png|300px|link=行政区划]]</div>
}());
<div class="home-card__foreground">区划</div>
</div>
<div class="home-card home-card--button" id="home-nav-transport">
<div class="home-card__background">[[文件:MainTabs-transport.png|300px|link=交通系统]]</div>
<div class="home-card__foreground">交通系统</div>
</div>
<div class="home-card home-card--button" id="home-nav-activity">
<div class="home-card__background">[[文件:MainTabs-activity.png|300px|link=活动]]</div>
<div class="home-card__foreground">活动</div>
</div>
<div class="home-card home-card--button" id="home-nav-sponsor">
<div class="home-card__background">[[文件:MainTabs-sponsor.png|300px|link=赞助]]</div>
<div class="home-card__foreground">赞助</div>
</div>
</div>
<templatestyles src="Template:Main_page/navigation/styles.css"/>
<templatestyles src="Template:Main_page/shared/styles.css"/><noinclude>{{/doc}}</noinclude>

2024年1月3日 (三) 16:23的版本

$(function(){
    /* 头图 */
    var page = document.querySelector("body");
    if (page.classList.contains('page-首页')) {
        var mwBody = document.getElementById('content');
        var newDiv = document.createElement('div');
        newDiv.setAttribute('class', 'header-image');
        newDiv.innerHTML = '<div class="header-image" style="background-image: linear-gradient(to top, var(--color-surface-0), transparent 50%), url(https://wiki.knebulae.com/images/title.png);background-size: cover;background-position: top;height: 36vh;margin-bottom: -37vh;"></div>';
        mwBody.parentNode.insertBefore(newDiv, mwBody);
    }
}());