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

来自NebulaeWiki
(页面间差异)
无编辑摘要
标签已被回退
 
无编辑摘要
 
第1行: 第1行:
<div id="home-featured" class="home-card home-card--button home-card--col2 home-card--row1">
$(function(){
<div class="home-card__background">[[文件:{{Main page/settings|featured-图像}}|x200px|link={{Main page/settings|featured}}]]</div>
    /* 头图 */
<div class="home-card__foreground">
    var page = document.querySelector("body");
<div class="home-card__label">精选内容</div>
    if (page.classList.contains('page-首页')) {
<h3 class="home-card__header">{{Main page/settings|featured}}</h3>
        var mwBody = document.getElementById('content');
</div>
        var newDiv = document.createElement('div');
</div><templatestyles src="Template:Main page/featured/styles.css"/><noinclude><!-- For preview only --><templatestyles src="Template:Main page/shared/styles.css" />{{/doc}}</noinclude>
        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://image.knebulae.com/data/lnl.png);background-size: cover;background-position: top;height: 36vh;margin-bottom: -28vh;"></div>';
        mwBody.parentNode.insertBefore(newDiv, mwBody);
    }
}());

2023年9月27日 (三) 19:34的版本

$(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://image.knebulae.com/data/lnl.png);background-size: cover;background-position: top;height: 36vh;margin-bottom: -28vh;"></div>';
        mwBody.parentNode.insertBefore(newDiv, mwBody);
    }
}());