Template:MainHeader: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 17:16, 15 June 2025

Slay the Spire 2 Wiki

The definitive community-driven guide to relics, cards, and ascension strategies.

Search

Template:MainHeader/doc

@@ Line 1: / Line 1: @@
-<div class="tg-mainpage-header">
+<!--
-  <div class="tg-mainpage-content">
+Template:MainHeader
+--------------------
+Header component of the main page
+-->
+<div class="tg-mainpage-header"><!--
+	--><div class="tg-mainpage-content"><!--
-    <div class="tg-mainpage-header-wordmark">Slay the Spire 2 Wiki</div>
+		--><div class="tg-mainpage-header-wordmark">Slay the Spire 2 Wiki</div><!--
-    <div class="tg-mainpage-header-tagline">
+		--><div class="tg-mainpage-header-tagline">
-      The definitive community-driven guide to relics, cards, and ascension strategies.
+			The definitive community-driven guide to relics, cards, and ascension strategies.
-    </div>
+		</div><!--
-    <div class="tg-mainpage-header-search" id="tg-mainpage-search-trigger">Search</div>
+		--><div
+			class="tg-mainpage-header-search citizen-search-trigger"
+			role="button"
+			tabindex="0"
+			aria-label="Open search"
+			id="tg-mainpage-search-trigger"
+		><!--
+		 --><span class="tg-mainpage-header-searchIcon">
+			[[File:WikimediaUI-Search.png|16px|link=]]
+		</span><!--
+		 --><span class="tg-mainpage-header-searchText">
+			Search
+		</span>
+		</div><!--
-  </div>
+	--></div><!--
-</div>
+--></div><!--
-<templatestyles src="Template:MainHeader/styles.css"/>
+--><templatestyles src="Template:MainHeader/styles.css"/><!--
-<script>
+--><noinclude>
-mw.loader.using(['mediawiki.util']).done(function() {
+{{/doc}}
-  document.getElementById('tg-mainpage-search-trigger')?.addEventListener('click', function() {
+</noinclude>
-    var event = new Event('input', { bubbles: true, composed: true }),
-        checkbox = document.getElementById('citizen-search__checkbox');
-    if (checkbox) {
-      checkbox.checked = !checkbox.checked;
-      checkbox.dispatchEvent(event);
-    } else {
-      console.warn('citizen-search__checkbox not found');
-    }
-  });
-});
-</script>
-<noinclude>{{/doc}}</noinclude>