Java

A redirect ==i==
s a page that automatically redirects the reader's browser to a specified target page.  Redirects are used to help users locate information and keep wikis organized, so that multiple names, abbreviations, misspellings, or related topics can all point to the s
am
e page
.₩🉑️body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
}==body== {
  background-color: [[light:ilo:Google Lensblue]];
}

Images make Wikipedia more informative, accessible, and professional.
|}
h1{
  color: white;
  text-align: [[centerWikidata]];
}
1080px|link=https://en.wikipedia.org/wiki/User:Wikipedia commons Welcome
 https://ilo.wikipedia.org/wiki/LarendoValdez 
Images make Wikipedia more informative, accessible, and professional.
|}
p {
  font-family: [[verdana:ilo:Pahintulot]];
}NPMMediaWiki

vue 	<cdx-button-group 		:buttons="buttons" 		:disabled="disabled" 		@click="onClick" 	/>   import { defineComponent } from 'vue'; import { CdxButtonGroup } from '@wikimedia/codex'; export default defineComponent( { 	name: 'BasicButtonGroup', 	components: { 		CdxButtonGroup 	}, 	props: { 		disabled: { 			type: Boolean, 			default: false 		} 	}, 	setup() { 		const buttons = [ 			{ value: 1, label: 'One' }, 			{ value: 2, label: 'Two' }, 			{ value: 3, label: 'Three' }, 			{ value: 4, label: 'Four' }, 			{ value: 5, label: 'Five' } 		]; 		function onClick( value ) { 			// eslint-disable-next-line no-console 			console.log( 'click event emitted with value:', value ); 		} 		return { 			buttons, 			onClick 		}; 	} } ); 

	<cdx-button-group
		:buttons="buttons"
		:disabled="disabled"
		@click="onClick"
	/>

import { defineComponent } from 'vue';
import { CdxButtonGroup } from '@wikimedia/codex';

export default defineComponent( {
	name: 'BasicButtonGroup',
	components: {
		CdxButtonGroup
	},
	props: {
		disabled: {
			type: Boolean,
			default: false
		}
	},
	setup() {
		const buttons = [
			{ value: 1, label: 'One' },
			{ value: 2, label: 'Two' },
			{ value: 3, label: 'Three' },
			{ value: 4, label: 'Four' },
			{ value: 5, label: 'Five' }
		];

		function onClick( value ) {
			// eslint-disable-next-line no-console
			console.log( 'click event emitted with value:', value );
		}

		return {
			buttons,
			onClick
		};
	}
} );NPMMediaWiki

vue 	<cdx-button-group 		:buttons="buttons" 		@click="onClick" 	/>   import { defineComponent } from 'vue'; import { CdxButtonGroup } from '@wikimedia/codex'; import { cdxIconEdit, cdxIconSpeechBubble, cdxIconCheck, cdxIconDownload, cdxIconTrash } from '@wikimedia/codex-icons'; export default defineComponent( { 	name: 'ButtonGroupWithIcons', 	components: { 		CdxButtonGroup 	}, 	setup() { 		const buttons = [ 			{ value: 'edit', label: 'Edit', icon: cdxIconEdit }, 			{ value: 'talk', label: 'Discuss', icon: cdxIconSpeechBubble }, 			{ value: 'save', label: 'Done', icon: cdxIconCheck }, 			{ value: 'download', label: 'Download', icon: cdxIconDownload }, 			{ value: 'delete', label: 'Delete', icon: cdxIconTrash } 		]; 		function onClick( value ) { 			// eslint-disable-next-line no-console 			console.log( 'click event emitted with value:', value ); 		} 		return { 			buttons, 			onClick 		}; 	} } ); 

<template>
	<cdx-button @click="onClick">
		<cdx-icon :icon="cdxIconDownload" />
		Download
	</cdx-button>
</template>

import { defineComponent } from 'vue';
import { CdxButton, CdxIcon } from '@wikimedia/codex';
import { cdxIconDownload } from '@wikimedia/codex-icons';

export default defineComponent( {
	name: 'ButtonWithIcon',
	components: {
		CdxButton,
		CdxIcon
	},
	setup() {
		function onClick() {
			// eslint-disable-next-line no-console
			console.log( 'click event emitted' );
		}

		return {
			cdxIconDownload,
			onClick
		};
	}
} );NPMMediaWiki

vue<template> 	<cdx-button aria-label="Back" @click="onClick"> 		<cdx-icon :icon="cdxIconEdit" /> 	</cdx-button> </template>  import { defineComponent } from 'vue'; import { CdxButton, CdxIcon } from '@wikimedia/codex'; import { cdxIconEdit } from '@wikimedia/codex-icons'; export default defineComponent( { 	name: 'IconOnlyButton', 	components: { 		CdxButton, 		CdxIcon 	}, 	setup() { 		function onClick() { 			// eslint-disable-next-line no-console 			console.log( 'click event emitted' ); 		} 		return { 			cdxIconEdit, 			onClick 		}; 	} } ); 

NPMMediaWiki

vue<template> 	<form> 		<cdx-field> 			<cdx-text-input 				ref="textInput" 				v-model="inputValue" 				placeholder="e.g. http://example.com" 				input-type="url" 				@input="onInput" 			/> 			 				URL or citation 			 			 				URL's should use a format such as http://example.com 			 		</cdx-field> 		<cdx-button 			class="cdx-demo-form-button" 			:disabled="isDisabled" 			@click.prevent="onSubmit" 		> 			Generate 		</cdx-button> 	</form> </template>  import { defineComponent, ref } from 'vue'; import { 	CdxButton, 	CdxField, 	CdxTextInput } from '@wikimedia/codex'; export default defineComponent( { 	name: 'FieldWithValidation', 	components: { 		CdxButton, 		CdxField, 		CdxTextInput 	}, 	setup() { 		const textInput = ref(); 		const inputValue = ref( '' ); 		const isDisabled = ref( true ); 		function onInput() { 			isDisabled.value = !textInput.value.checkValidity() || inputValue.value.length === 0; 		} 		function onSubmit() { 			// eslint-disable-next-line no-console 			console.log( 'Success!' ); 		} 		return { 			textInput, 			inputValue, 			isDisabled, 			onInput, 			onSubmit 		}; 	} } );   @import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; .cdx-demo-form-button { 	margin-top: @spacing-75; } 
https://tenor.com/view/thanks-bro-pusheen-gif-13278146

Images make Wikipedia more informative, accessible, and professional.
https://support.google.com/chrome?p=create_passphrase
+ In general, when working with images: DO: 20px Review the image style guide and use policy.20px Give context with captions and alt text. 20px Try to find at least one image for each article. 20px Find free images, or create and upload your own. 20px Clean up images: crop, color-correct, etc. 20px Use the best file format for each image. 20px Use objects for scale where helpful. 20px Place images in the section to which they are related DON'T: 20px   Don't upload non-free images. 20px Don't use images in place of tables or charts. 20px   Don't use images or galleries excessively. 20px  Don't add images that are not relevant. 20px  Don't flip faces, text, or works of art. 20px Don't set fixed image sizes. 20px Don't sandwich text between two images. 20px Don't refer to images by their placement. 20px Don't place images too early or at the end of sections.NPMMediaWiki

vue<template> 	<div class="cdx-demo-button-types"> 		<div class="cdx-demo-button-types__neutral"> 			<cdx-button> 				Normal neutral 			</cdx-button> 			<cdx-button weight="quiet"> 				Quiet neutral 			</cdx-button> 		</div> 		<div class="cdx-demo-button-types__progressive"> 			<cdx-button action="progressive"> 				Normal progressive 			</cdx-button> 			<cdx-button action="progressive" weight="primary"> 				Primary progressive 			</cdx-button> 			<cdx-button action="progressive" weight="quiet"> 				Quiet progressive 			</cdx-button> 		</div> 		<div class="cdx-demo-button-types__destructive"> 			<cdx-button action="destructive"> 				Normal destructive 			</cdx-button> 			<cdx-button action="destructive" weight="primary"> 				Primary destructive 			</cdx-button> 			<cdx-button action="destructive" weight="quiet"> 				Quiet destructive 			</cdx-button> 		</div> 	</div> </template>  import { defineComponent } from 'vue'; import { CdxButton } from '@wikimedia/codex'; export default defineComponent( { 	name: 'ButtonTypes', 	components: { CdxButton } } );   @import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; .cdx-demo-button-types { 	display: flex; 	flex-direction: column; 	gap: @spacing-100; 	> div { 		display: flex; 		gap: @spacing-75; 	} }