Template:ContributeButton - Revision history

CaptainChris at 05:45, 19 August 2025

2025-08-19T05:45:23Z

← Older revision		Revision as of 05:45, 19 August 2025
Line 1:		Line 1:
	<~~includeonly~~>		<!-- ContributeButton: single-file, responsive button -->
	~~{{TemplateStyles~~\|~~Template~~:~~ContributeButton/styles.css}}~~		<!-- Params:
	~~<div class~~=~~"wp~~-~~contrib~~-~~cta"~~>		\|link= page to open (default: Help:Contributing)
	<a ~~class="wp-contrib-cta__btn"~~		\|text= button label (default: Learn how to contribute)
	href="{{fullurl:{{{link\|Help:Contributing}}}}}"		-->
	title="{{{text\|Learn how to contribute}}}"
	~~aria-label~~="~~{{{text\|Learn how to contribute}}}~~"		<a
	~~target~~="~~{{{target\|_self}}}"~~		href="{{fullurl:{{{link\|Help:Contributing}}}}}"
	~~rel="{{~~#~~ifeq~~:~~{{{~~target~~\|_self}}}\|_blank\|noopener noreferrer\|}}~~">		title="{{{text\|Learn how to contribute}}}"
	<~~span class="wp~~-~~contrib~~-~~cta__icon"~~ aria-hidden="true">📝</span>		role="button"
	<span ~~class~~="wp-~~contrib~~-~~cta__text~~">{{{text\|Learn how to contribute}}}</span>		style="
	<~~span class="wp~~-~~contrib~~-~~cta__arrow"~~ aria-hidden="true">→</span>		/* layout */
	</a>		display: grid;
	~~</div>~~		grid-template-columns: auto 1fr auto;
	~~</includeonly>~~		align-items: center;
	~~<noinclude>~~		gap: .75rem;
	~~Use with:~~
	~~<code><nowiki>{{ContributeButton}}</nowiki></code> or~~		/* sizing & spacing */
	~~<code><nowiki>{{ContributeButton\|link=Help:Contributing\|text=Start contributing}}</nowiki></code>~~		width: 100%;
	~~</noinclude~~>		max-width: 640px;
			margin: .25rem auto;
			padding: .95rem 1.15rem;

			/* visuals */
			text-decoration: none;
			border-radius: 14px;
			border: 1px solid #d0d7e2;
			background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
			box-shadow: 0 2px 6px rgba(0,0,0,.06);

			/* text */
			font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
			font-size: clamp(16px, 2.8vw, 18px);
			line-height: 1.2;
			color: #1f2937;

			/* tap target */
			-webkit-tap-highlight-color: transparent;
			"
			>
			<!-- left icon (pencil on paper) -->
			<span aria-hidden="true" style="font-size: 1.25em; line-height: 1">📝</span>

			<!-- centered label -->
			<span style="
			text-align: center;
			font-weight: 600;
			letter-spacing: .2px;
			white-space: normal;
			">
			{{{text\|Learn how to contribute}}}
			</span>

			<!-- right arrow -->
			<span aria-hidden="true" style="font-size: 1.25em; line-height: 1">→</span>
			</a>

CaptainChris at 05:11, 19 August 2025

2025-08-19T05:11:43Z

← Older revision		Revision as of 05:11, 19 August 2025
Line 1:		Line 1:
	~~<!--~~
	~~Template:ContributeButton~~
	~~Params:~~
	~~- link: page to send users to (default: Help:Contributing)~~
	~~- text: button label (default: Learn how to contribute)~~
	~~- target: optional target (_self/_blank) (default: _self)~~
	~~-->~~

	<includeonly>		<includeonly>
	{{TemplateStyles\|Template:ContributeButton/styles.css}}		{{TemplateStyles\|Template:ContributeButton/styles.css}}

CaptainChris at 05:08, 19 August 2025

2025-08-19T05:08:21Z

← Older revision		Revision as of 05:08, 19 August 2025
Line 1:		Line 1:
	~~{{TemplateStyles\|Template:ContributeButton/styles.css}}~~
	<!--		<!--
	Template:ContributeButton		Template:ContributeButton
Line 5:		Line 4:
	- link: page to send users to (default: Help:Contributing)		- link: page to send users to (default: Help:Contributing)
	- text: button label (default: Learn how to contribute)		- text: button label (default: Learn how to contribute)
	- target: optional target ~~attribute~~ (_self, _blank~~, etc.~~) (default: _self)		- target: optional target (_self/_blank) (default: _self)
	-->		-->

			<includeonly>
			{{TemplateStyles\|Template:ContributeButton/styles.css}}
	<div class="wp-contrib-cta">		<div class="wp-contrib-cta">
	<a		<a class="wp-contrib-cta__btn"
	class="wp-contrib-cta__btn"		href="{{fullurl:{{{link\|Help:Contributing}}}}}"
	href="{{fullurl:{{{link\|Help:Contributing}}}}}"		title="{{{text\|Learn how to contribute}}}"
	title="{{{text\|Learn how to contribute}}}"		aria-label="{{{text\|Learn how to contribute}}}"
	aria-label="{{{text\|Learn how to contribute}}}"		target="{{{target\|_self}}}"
	target="{{{target\|_self}}}"		rel="{{#ifeq:{{{target\|_self}}}\|_blank\|noopener noreferrer\|}}">
	rel="{{#ifeq:{{{target\|_self}}}\|_blank\|noopener noreferrer\|}}"
	>
	<span class="wp-contrib-cta__icon" aria-hidden="true">📝</span>		<span class="wp-contrib-cta__icon" aria-hidden="true">📝</span>
	<span class="wp-contrib-cta__text">{{{text\|Learn how to contribute}}}</span>		<span class="wp-contrib-cta__text">{{{text\|Learn how to contribute}}}</span>
Line 22:		Line 21:
	</a>		</a>
	</div>		</div>
			</includeonly>
			<noinclude>
			Use with:
			<code><nowiki>{{ContributeButton}}</nowiki></code> or
			<code><nowiki>{{ContributeButton\|link=Help:Contributing\|text=Start contributing}}</nowiki></code>
			</noinclude>

CaptainChris at 05:05, 19 August 2025

2025-08-19T05:05:05Z

← Older revision		Revision as of 05:05, 19 August 2025
Line 1:		Line 1:
			{{TemplateStyles\|Template:ContributeButton/styles.css}}
	<!--		<!--
	Template:ContributeButton		Template:ContributeButton

CaptainChris: Created page with "

2025-08-19T05:04:08Z

Created page with " <div class="wp-contrib-cta"> <a class="wp-contrib-cta__btn" href="{{fullurl:{{{link|Help:Contributing}}}}}" title="{{{text|Learn how to contribute}}}" aria-label="{{{text|Learn how to contribute}}}" target="{{{target|_s..."

New page


<div class="wp-contrib-cta">
<a
class="wp-contrib-cta__btn"
href="{{fullurl:{{{link|Help:Contributing}}}}}"
title="{{{text|Learn how to contribute}}}"
aria-label="{{{text|Learn how to contribute}}}"
target="{{{target|_self}}}"
rel="{{#ifeq:{{{target|_self}}}|_blank|noopener noreferrer|}}"
>
<span class="wp-contrib-ctaicon" aria-hidden="true">📝</span>
<span class="wp-contrib-ctatext">{{{text|Learn how to contribute}}}</span>
<span class="wp-contrib-cta__arrow" aria-hidden="true">→</span>
</a>
</div>