Template:Alert - Revision history

FennecBot at 02:49, 4 May 2025

2025-05-04T02:49:40Z

← Older revision		Revision as of 05:49, 4 May 2025
Line 274:		Line 274:
	"type": "string",		"type": "string",
	"suggestedvalues": [		"suggestedvalues": [
	"border- fox-purple",		"border-fox-purple",
	"border-fox-azure",		"border-fox-azure",
	"bg-fox-magenta"		"bg-fox-magenta"
Line 287:		Line 287:
	"type": "string",		"type": "string",
	"suggestedvalues": [		"suggestedvalues": [
	"text- fox-purple",		"text-fox-purple",
	"text-fox-azure",		"text-fox-azure",
	"text-fox-magenta"		"text-fox-magenta"

FennecBot at 17:38, 2 May 2025

2025-05-02T17:38:32Z

← Older revision		Revision as of 20:38, 2 May 2025
Line 347:		Line 347:
	"description": "click if RTL",		"description": "click if RTL",
	"suggestedvalues": [		"suggestedvalues": [
	"~~rtl~~"		"left"
	]		]
	},		},

FennecBot at 17:33, 2 May 2025

2025-05-02T17:33:09Z

← Older revision		Revision as of 20:33, 2 May 2025
Line 5:		Line 5:
	==== Source ====		==== Source ====
	<pre><nowiki>		<pre><nowiki>
	{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border- fox-{{{fox-color\|purple}}}\|text-color=text- fox-~~{{{fox-color\|~~purple~~}}}~~\|icon-type=fa-regular}}		{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border-fox-{{{fox-color\|purple}}}\|text-color=text-fox-purple\|icon-type=fa-regular}}
	</nowiki></pre>		</nowiki></pre>

	{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border- fox-~~{{{fox-color\|~~purple~~}}}~~\|text-color=text- fox-~~{{{fox-color\|~~purple~~}}}~~\|icon-type=fa-regular}}		{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border-fox-purple\|text-color=text-fox-purple\|icon-type=fa-regular}}

	=== Traditional ===		=== Traditional ===
Line 231:		Line 231:
	<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}		<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}
	</div>		</div>
	\|fox = <div class="{{{bg-color\|bg-light-purple}}} border {{{border-color\|border-fox-{{{fox-color\|purple}}}}}} {{{text-color\|text- fox-{{{fox-color\|purple}}}}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|transition-all hover:bg- fox-{{{fox-color\|purple}}} hover:border- fox-{{{fox-color\|purple}}} hover:text-white}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>		\|fox = <div class="{{{bg-color\|bg-light-purple}}} border {{{border-color\|border-fox-{{{fox-color\|purple}}}}}} {{{text-color\|text-fox-{{{fox-color\|purple}}}}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|transition-all hover:bg-fox-{{{fox-color\|purple}}} hover:border-fox-{{{fox-color\|purple}}} hover:text-white}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	}}</includeonly>		}}</includeonly>
	<noinclude>		<noinclude>

FennecBot at 17:31, 2 May 2025

2025-05-02T17:31:03Z

← Older revision		Revision as of 20:31, 2 May 2025
Line 5:		Line 5:
	==== Source ====		==== Source ====
	<pre><nowiki>		<pre><nowiki>
	{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border-fox-purple\|text-color=text-fox-purple\|icon-type=fa-regular}}		{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border- fox-{{{fox-color\|purple}}}\|text-color=text- fox-{{{fox-color\|purple}}}\|icon-type=fa-regular}}
	</nowiki></pre>		</nowiki></pre>

	{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border-fox-purple\|text-color=text-fox-purple\|icon-type=fa-regular}}		{{Alert\|content=a tailwind based skin\|content bold=Lisa:\|type=top border\|bg-color=bg-light-purple\|border-color=border- fox-{{{fox-color\|purple}}}\|text-color=text- fox-{{{fox-color\|purple}}}\|icon-type=fa-regular}}

	=== Traditional ===		=== Traditional ===
Line 231:		Line 231:
	<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}		<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}
	</div>		</div>
	\|fox = <div class="{{{bg-color\|bg-light-purple}}} border {{{border-color\|border-fox-purple}}} {{{text-color\|text-fox-purple}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|transition-all hover:bg-fox-purple hover:border-fox-purple hover:text-white}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>		\|fox = <div class="{{{bg-color\|bg-light-purple}}} border {{{border-color\|border-fox-{{{fox-color\|purple}}}}}} {{{text-color\|text- fox-{{{fox-color\|purple}}}}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|transition-all hover:bg- fox-{{{fox-color\|purple}}} hover:border- fox-{{{fox-color\|purple}}} hover:text-white}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	}}</includeonly>		}}</includeonly>
	<noinclude>		<noinclude>
Line 274:		Line 274:
	"type": "string",		"type": "string",
	"suggestedvalues": [		"suggestedvalues": [
	"border-fox-purple",		"border- fox-purple",
	"border-fox-azure",		"border-fox-azure",
	"bg-fox-magenta"		"bg-fox-magenta"
Line 287:		Line 287:
	"type": "string",		"type": "string",
	"suggestedvalues": [		"suggestedvalues": [
	"text-fox-purple",		"text- fox-purple",
	"text-fox-azure",		"text-fox-azure",
	"text-fox-magenta"		"text-fox-magenta"
Line 385:		Line 385:
	"he": "קלאס לשינוי מצב במעבר עכבר על לינק"		"he": "קלאס לשינוי מצב במעבר עכבר על לינק"
	}		}
			},
			"fox-color": {
			"label": "Leading color",
			"description": "Leading color from openfox.io pallet",
			"type": "string",
			"suggestedvalues": [
			"purple",
			"azure",
			"magenta"
			]
	}		}
	},		},
Line 404:		Line 414:
	"direction",		"direction",
	"icon-size",		"icon-size",
	"hover"		"hover",
			"fox-color"
	],		],
	"format": "inline"		"format": "inline"

FennecBot at 17:26, 2 May 2025

2025-05-02T17:26:21Z

← Older revision		Revision as of 20:26, 2 May 2025
Line 231:		Line 231:
	<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}		<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}
	</div>		</div>
	\|fox = <div class="{{{bg-color\|bg-light-~~azure~~}}} border {{{border-color\|border-fox-~~azure~~}}} {{{text-color\|text-fox-~~azure~~}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|transition hover:bg-fox-purple hover:border-fox-purple hover:text-white}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>		\|fox = <div class="{{{bg-color\|bg-light-purple}}} border {{{border-color\|border-fox-purple}}} {{{text-color\|text-fox-purple}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|transition-all hover:bg-fox-purple hover:border-fox-purple hover:text-white}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	}}</includeonly>		}}</includeonly>
	<noinclude>		<noinclude>

FennecBot at 17:24, 2 May 2025

2025-05-02T17:24:12Z

← Older revision		Revision as of 20:24, 2 May 2025
Line 2:		Line 2:
	Examples:		Examples:

	== openfox colors: ==		=== openfox colors: ===
	==== Source ====		==== Source ====
	<pre><nowiki>		<pre><nowiki>

FennecBot at 13:33, 2 May 2025

2025-05-02T13:33:53Z

← Older revision		Revision as of 16:33, 2 May 2025
Line 203:		Line 203:
	</noinclude><includeonly>		</noinclude><includeonly>
	{{#switch:{{{type\|fox}}}		{{#switch:{{{type\|fox}}}
	\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|hover:bg-red-200 hover:border-red-500 hover:text-red-800}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>		\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{hover\|hover:bg-red-200 hover:border-red-500 hover:text-red-800}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} relative items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex {{#if:{{{link\|{{{external-link\|}}}}}}\|hover:bg-indigo-900 hover:text-white}}" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div>}}</div>		\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} relative items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex {{#if:{{{link\|{{{external-link\|}}}}}}\|hover:bg-indigo-900 hover:text-white}}" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div>}}</div>
	</div>		</div>

FennecBot at 04:36, 2 May 2025

2025-05-02T04:36:18Z

← Older revision		Revision as of 07:36, 2 May 2025
Line 174:		Line 174:
	==== Result ====		==== Result ====
	{{Alert		{{Alert
	\|type=~~Titled~~		\|type=titled
	\|content = an alert		\|content = an alert
	\|content bold = This is		\|content bold = This is
Line 182:		Line 182:
	}}		}}

			=== Defualt (no type) ===
	{{#if:}}
			==== Source ====
			<pre><nowiki>
			{{Alert
			\|content = an alert
			\|content bold = This is
			\|icon = info-circle
			\|icon-type = fad
			\|external-link=https://example.com
			}}
			</nowiki></pre>
			==== Result ====
			{{Alert
			\|content = an alert
			\|content bold = This is
			\|icon = info-circle
			\|icon-type = fad
			\|external-link=https://example.com
			}}
	</noinclude><includeonly>		</noinclude><includeonly>
	{{#switch:{{{type\|}}}		{{#switch:{{{type\|fox}}}
	\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|hover:bg-red-200 hover:border-red-500 hover:text-red-800}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>		\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|hover:bg-red-200 hover:border-red-500 hover:text-red-800}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} relative items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex {{#if:{{{link\|{{{external-link\|}}}}}}\|hover:bg-indigo-900 hover:text-white}}" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div>}}</div>		\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} relative items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex {{#if:{{{link\|{{{external-link\|}}}}}}\|hover:bg-indigo-900 hover:text-white}}" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div>}}</div>
Line 213:		Line 231:
	<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}		<p class="text-sm">{{{content\|}}}</p>{{#if:{{{icon\|}}}\|</div>}}
	</div>		</div>
			\|fox = <div class="{{{bg-color\|bg-light-azure}}} border {{{border-color\|border-fox-azure}}} {{{text-color\|text-fox-azure}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|transition hover:bg-fox-purple hover:border-fox-purple hover:text-white}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	\|
	}}</includeonly>		}}</includeonly>
	<noinclude>		<noinclude>

FennecBot at 04:18, 2 May 2025

2025-05-02T04:18:23Z

← Older revision		Revision as of 07:18, 2 May 2025
Line 185:		Line 185:
	</noinclude><includeonly>		</noinclude><includeonly>
	{{#switch:{{{type\|}}}		{{#switch:{{{type\|}}}
	\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center}}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>		\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center {{{{hover\|hover:bg-red-200 hover:border-red-500 hover:text-red-800}}} }}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} relative items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div>}}</div>		\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} relative items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex {{#if:{{{link\|{{{external-link\|}}}}}}\|hover:bg-indigo-900 hover:text-white}}" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div>}}</div>
	</div>		</div>
	\|left border = <div class="not-prose {{{bg-color\|bg-orange-100}}} border-l-4 {{{border-color\|border-orange-500}}} {{{text-color\|text-orange-700}}} p-4 {{#if:{{{icon\|}}}\|flex}}" role="alert">		\|left border = <div class="not-prose {{{bg-color\|bg-orange-100}}} border-l-4 {{{border-color\|border-orange-500}}} {{{text-color\|text-orange-700}}} p-4 {{#if:{{{icon\|}}}\|flex}}" role="alert">
Line 198:		Line 198:
	<p>{{{content\|}}}</p>		<p>{{{content\|}}}</p>
	</div></div>		</div></div>
	\|solid = <div class="not-prose relative flex items-center {{{bg-color\|bg-blue-500}}} {{{text-color\|text-white}}} text-sm font-bold px-4 py-3 {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center}}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div class="flex items-center">}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 {{{icon-size\|}}}}} }}		\|solid = <div class="not-prose relative flex items-center {{{bg-color\|bg-blue-500}}} {{{text-color\|text-white}}} text-sm font-bold px-4 py-3 {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center hover:bg-blue-600 hover:text-white}}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div class="flex items-center">}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 {{{icon-size\|}}}}} }}
	<p>{{#if:{{{content bold\|}}}\|'''{{{content bold}}}'''\|}} {{{content\|}}}</p>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}		<p>{{#if:{{{content bold\|}}}\|'''{{{content bold}}}'''\|}} {{{content\|}}}</p>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}
	</div>		</div>
Line 361:		Line 361:
	},		},
	"type": "url"		"type": "url"
			},
			"hover": {
			"label": {
			"en": "Hover class for links",
			"he": "קלאס לשינוי מצב במעבר עכבר על לינק"
			}
	}		}
	},		},
Line 379:		Line 385:
	"external-link",		"external-link",
	"direction",		"direction",
	"icon-size"		"icon-size",
			"hover"
	],		],
	"format": "inline"		"format": "inline"

FennecBot at 04:11, 2 May 2025

2025-05-02T04:11:39Z

← Older revision		Revision as of 07:11, 2 May 2025
Line 28:		Line 28:
	\|icon = info-circle		\|icon = info-circle
	\|icon-type = fad		\|icon-type = fad
			\|link=Main Page
	\|external link=https://example.com
	}}		}}
	=== Modern with Badge ===		=== Modern with Badge ===
Line 39:		Line 39:
	\|icon = info-circle		\|icon = info-circle
	\|icon-type = fad		\|icon-type = fad
	\|external link=https://example.com		\|external-link=https://example.com
	}}		}}
	</nowiki></pre>		</nowiki></pre>
Line 49:		Line 49:
	\|icon = info-circle		\|icon = info-circle
	\|icon-type = fad		\|icon-type = fad
	\|link=https://example.com		\|external-link=https://example.com
	}}		}}
	=== Left Accent Border ===		=== Left Accent Border ===
Line 103:		Line 103:
	\|icon = info-circle		\|icon = info-circle
	\|icon-type = fad		\|icon-type = fad
	\|link=https://example.com		\|external-link=https://example.com
	}}		}}
	</nowiki></pre>		</nowiki></pre>
Line 113:		Line 113:
	\|icon = info-circle		\|icon = info-circle
	\|icon-type = fad		\|icon-type = fad
	\|link=https://example.com		\|external-link=https://example.com
	}}		}}

Line 186:		Line 186:
	{{#switch:{{{type\|}}}		{{#switch:{{{type\|}}}
	\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center}}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>		\|traditional = <div class="{{{bg-color\|bg-red-100}}} border {{{border-color\|border-red-400}}} {{{text-color\|text-red-700}}} px-4 py-3 rounded relative {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center}}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div>}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2}} }}<span class="font-bold">{{{content bold\|}}}</span> <span class="block sm:inline">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}</div>
	\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}} }}</div>		\|modern = <div class="{{{border-color\|bg-indigo-900}}} text-center py-4 lg:px-4"><div class="p-2 {{{bg-color\|bg-indigo-800}}} relative items-center {{{text-color\|text-indigo-100}}} leading-none lg:rounded-full flex lg:inline-flex" role="alert">{{#if:{{{content bold\|}}}{{{icon\|}}}\|<span class="flex rounded-full bg-indigo-500 uppercase align-items-center px-2 py-1 text-xs font-bold me-3">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 fill-current}} }}{{{content bold}}}</span>}}<span class="me-2 text-left flex-auto">{{{content\|}}}</span>{{#if:{{{link\|{{{external-link\|}}}}}}\|{{i\|angle-{{{direction\|right}}}\|far\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div>}}</div>
	</div>		</div>
	\|left border = <div class="not-prose {{{bg-color\|bg-orange-100}}} border-l-4 {{{border-color\|border-orange-500}}} {{{text-color\|text-orange-700}}} p-4 {{#if:{{{icon\|}}}\|flex}}" role="alert">		\|left border = <div class="not-prose {{{bg-color\|bg-orange-100}}} border-l-4 {{{border-color\|border-orange-500}}} {{{text-color\|text-orange-700}}} p-4 {{#if:{{{icon\|}}}\|flex}}" role="alert">
Line 198:		Line 198:
	<p>{{{content\|}}}</p>		<p>{{{content\|}}}</p>
	</div></div>		</div></div>
	\|solid = <div class="not-prose flex items-center {{{bg-color\|bg-blue-500}}} {{{text-color\|text-white}}} text-sm font-bold px-4 py-3" role="alert">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 {{{icon-size\|}}}}} }}		\|solid = <div class="not-prose relative flex items-center {{{bg-color\|bg-blue-500}}} {{{text-color\|text-white}}} text-sm font-bold px-4 py-3 {{#if:{{{link\|{{{external-link\|}}}}}}\|flex justify-between align-items-center}}" role="alert">{{#if:{{{link\|{{{external-link\|}}}}}}\|<div class="flex items-center">}}{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|me-2 {{{icon-size\|}}}}} }}
	<p>{{#if:{{{content bold\|}}}\|'''{{{content bold}}}'''\|}} {{{content\|}}}</p>		<p>{{#if:{{{content bold\|}}}\|'''{{{content bold}}}'''\|}} {{{content\|}}}</p>{{#if:{{{link\|{{{external-link\|}}}}}}\|</div><div>{{i\|angle-{{{direction\|right}}}\|fas\|fill-current opacity-75 h-4 w-4}}<div class="overlay-link">{{#if:{{{external-link\|}}}\|{{{external-link\|}}}\|{{#if:{{{link\|}}}\|[[{{{link}}}]]}} }}</div></div>}}
	</div>		</div>
	\|top border = <div class="not-prose {{{bg-color\|bg-teal-100}}} border-t-4 {{{border-color\|border-teal-500}}} rounded-b {{{text-color\|text-teal-900}}} px-4 py-3 shadow-md" role="alert"><div class="flex"><div class="py-1">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|fa-xl fill-current {{{icon-size\|}}} h-6 w-6 {{{text-color\|text-teal-500}}} mr-4}} }}</div>		\|top border = <div class="not-prose {{{bg-color\|bg-teal-100}}} border-t-4 {{{border-color\|border-teal-500}}} rounded-b {{{text-color\|text-teal-900}}} px-4 py-3 shadow-md" role="alert"><div class="flex"><div class="py-1">{{#if:{{{icon\|}}}\|{{i\|{{{icon}}}\|{{{icon-type\|fal}}}\|fa-xl fill-current {{{icon-size\|}}} h-6 w-6 {{{text-color\|text-teal-500}}} mr-4}} }}</div>