Template:Main Page/Sandbox/header: Difference between revisions

Latest revision as of 04:09, 4 February 2026

Usage:

{{Main_Page/Sandbox/header}}

— Sandbox main page header.

Welcome to the Resonite Wiki, a hub for information about Resonite that everyone can edit.

4,345 articles
35 active users

This wiki is a work in progress with improvements and tweaks planned. See Wiki Status for more information.

@@ Line 1: / Line 1: @@
 <noinclude>
 Usage: <pre>{{Main_Page/Sandbox/header}}</pre> — Sandbox main page header.
-</noinclude>
+</noinclude><templatestyles src="Template:Main_Page/Sandbox/header/styles.css" />
-<templatestyles src="Template:Main_Page/Sandbox/header/styles.css" />
+<div class="mp-top">
-<div class="resonite-main-header">
+<div class="mp-logo" role="img" aria-label="Resonite logo">
-    <div class="resonite-main-header__text">
+<span class="mp-logo__light">{{#ifexist:File:Black_1024_RSN_Logo.png|[[File:Black_1024_RSN_Logo.png|frameless|x96px|alt=Resonite logo|link=Resonite]]|[[File:Resonite_Logo_Rainbow.png|frameless|x96px|alt=Resonite logo|link=Resonite]]}}</span>
-        <h1 class="resonite-main-header__title"><translate>Welcome to the Resonite Wiki, a hub for information about Resonite that '''everyone can edit'''.</translate></h1>
+<span class="mp-logo__dark">{{#ifexist:File:RSN_Logo_White_1080.png|[[File:RSN_Logo_White_1080.png|frameless|x96px|alt=Resonite logo|link=Resonite]]|[[File:Resonite_Logo_Rainbow.png|frameless|x96px|alt=Resonite logo|link=Resonite]]}}</span>
-        <div class="resonite-main-header__bar" aria-hidden="true"></div>
+</div>
-        <p class="resonite-main-header__meta">{{NUMBEROFARTICLES}} <translate>articles</translate> • {{NUMBEROFUSERS}} <translate>users</translate></p>
+<div class="mp-header">
-        <p class="resonite-main-header__intro"><translate>This wiki is a work in progress with improvements and tweaks planned. See</translate> [[Wiki Status|<translate>Wiki Status</translate>]] <translate>for more information.</translate></p>
+<p class="mp-header-subtitle"><translate>Welcome to the Resonite Wiki, a hub for information about Resonite that '''everyone can edit.'''</translate></p>
-    </div>
+<div class="mp-header-stats">
-    <div class="resonite-main-header__logo">
+<div class="mp-header-stats-sep" aria-hidden="true"></div>
-        [[File:Resonite_Logo_Rainbow.png|alt=Resonite|class=resonite-main-header__logo-img]]
+<ul>
-    </div>
+<li><b>[[Special:Statistics|{{NUMBEROFARTICLES}}]]</b> <translate>articles</translate></li>
+<li><b>[[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]]</b> <translate>active users</translate></li>
+</ul>
+<div class="mp-header-stats-sep" aria-hidden="true"></div>
+</div>
+<p class="mp-header-intro"><translate>This wiki is a work in progress with improvements and tweaks planned. See</translate> [[Wiki Status|<translate>Wiki Status</translate>]] <translate>for more information.</translate></p>
+</div>
 </div>