Tingnan ang wikitext ng 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 Lens]]blue]];
}
{{information page|pages=[[Wikipedia:Images]]|shortcut=WP:IMGDD|shortcut2=WP:IMAGEDD}}
<onlyinclude>
<div style="text-align:center; font-size:16pt;"><br />'''[[Wikipedia:Images|Images]] make Wikipedia more informative, accessible, and professional.'''<br /><br /></div>
|}<!-- Wikipedia:Image dos and don'ts --></onlyinclude>
==h1=={
  color: white;
  text-align: [[center[[Wikidata]]]];
}
[[File:Redirect Userpage EnWiki.png|1080px|link=https://en.wikipedia.org/wiki/User:Wikipedia commons Welcome]]
{{information page|pages=[[Wikipedia:Images]]|shortcut=WP:IMGDD|shortcut2=WP:IMAGEDD}} https://ilo.wikipedia.org/wiki/LarendoValdez{{Dead link|date=Hunyo 2025 |bot=InternetArchiveBot |fix-attempted=yes }} 
<onlyinclude>
<div style="text-align:center; font-size:16pt;"><br />'''[[Wikipedia:Images|Images]] make Wikipedia more informative, accessible, and professional.'''<br /><br /></div>
|}<!-- Wikipedia:Image dos and don'ts --></onlyinclude>
==p== {
  font-family: [[verdana[[:ilo:Pahintulot]]]];
}NPMMediaWiki

vue<template> 	<cdx-button-group 		:buttons="buttons" 		:disabled="disabled" 		@click="onClick" 	/> </template> <script> 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 		}; 	} } ); </script>

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

<script>
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
		};
	}
} );
</script>NPMMediaWiki

vue<template> 	<cdx-button-group 		:buttons="buttons" 		@click="onClick" 	/> </template> <script> 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 		}; 	} } ); </script>

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

<script>
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
		};
	}
} );
</script>NPMMediaWiki

vue<template> 	<cdx-button aria-label="Back" @click="onClick"> 		<cdx-icon :icon="cdxIconEdit" /> 	</cdx-button> </template> <script> 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 		}; 	} } ); </script>

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" 			/> 			<template #label> 				URL or citation 			</template> 			<template #help-text> 				URL's should use a format such as http://example.com 			</template> 		</cdx-field> 		<cdx-button 			class="cdx-demo-form-button" 			:disabled="isDisabled" 			@click.prevent="onSubmit" 		> 			Generate 		</cdx-button> 	</form> </template> <script> 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 		}; 	} } ); </script> <style lang="less"> @import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; .cdx-demo-form-button { 	margin-top: @spacing-75; } </style>
https://tenor.com/view/thanks-bro-pusheen-gif-13278146
{{information page|pages=[[Wikipedia:Images]]|shortcut=WP:IMGDD|shortcut2=WP:IMAGEDD}}
<onlyinclude>
<div style="text-align:center; font-size:16pt;"><br />'''[[Wikipedia:Images|Images]] make Wikipedia more informative, accessible, and professional.'''<br /><br /></div>
https://support.google.com/chrome?p=create_passphrase
{| border="0" align="center"
|+ In general, when working with images:
|- valign="top"
|
{| border="0" cellspacing="4"
! style="background:#efefef;" | <span style="font-size:x-large;">DO:</span>
|-
| [[File:Green check.svg|20px]] Review the image '''[[Wikipedia:Manual of Style/Images|style guide]]''' and '''[[Wikipedia:Image use policy|use policy]]'''.
|-
|[[File:Green check.svg|20px]] Give '''context''' with '''[[Wikipedia:Manual of Style/Captions|captions]]''' and '''[[Wikipedia:Alternative text for images|alt text]]'''.
|-
| [[File:Green check.svg|20px]] Try to find '''at least one image''' for each article.
|-
| [[File:Green check.svg|20px]] Find '''[[meta:free image resources|free images]]''', or '''[[Wikipedia:Image#Making images yourself|create]]''' and '''[[Wikipedia:Uploading images|upload]] your own'''.
|-
| [[File:Green check.svg|20px]] '''[[Wikipedia:Image#Editing images|Clean up]]''' images: crop, color-correct, etc.
|-
| [[File:Green check.svg|20px]] Use the '''[[Wikipedia:Image use policy#Format|best file format]]''' for each image.
|-
| [[File:Green check.svg|20px]] Use '''[[Wikipedia:Manual_of_Style/Images#Scale_references|objects for scale]]''' where helpful.
|-
| [[File:Green check.svg|20px]] Place images in the '''[[MOS:ACCIM|section to which they are related]]'''
|}

|

{| border="0" cellspacing="4"
! style="background:#efefef;" | <span style="font-size:x-large;">DON'T:</span>
|-
| [[File:Red x.svg|20px]]   '''Don't''' upload '''[[Wikipedia:Non-free content|non-free]]''' images.
|-
| [[File:Red x.svg|20px]] '''Don't''' use images in place of '''[[Wikipedia:Manual of Style/Tables|table]]s''' or '''[[Wikipedia:How to create charts for Wikipedia articles|chart]]s'''.
|-
| [[File:Red x.svg|20px]]   '''Don't''' use images or '''[[WP:GALLERY|galleries]]''' '''excessively'''.
|-
| [[File:Red x.svg|20px]]  '''Don't''' add images that are '''[[Wikipedia:Manual of Style/Images#Pertinence and encyclopedic nature|not relevant]]'''.
|-
| [[File:Red x.svg|20px]]  '''Don't [[Wikipedia:Manual of Style/Images#Editing images|flip]]''' faces, text, or works of art.
|-
| [[File:Red x.svg|20px]] '''Don't''' set '''[[Wikipedia:Image use policy#Displayed image size|fixed image sizes]]'''.
|-
| [[File:Red x.svg|20px]] '''Don't [[MOS:SANDWICH|sandwich]]''' text between two images.
|-
| [[File:Red x.svg|20px]] '''Don't refer to''' images by their '''[[Wikipedia:Manual_of_Style/Images#References_from_article|placement]]'''.
|-
| [[File:Red x.svg|20px]] '''Don't place''' images '''[[MOS:SECTIONLOC|too early or at the end of sections]]'''.
|}
|}<!-- Wikipedia:Image dos and don'ts --></onlyinclude>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> <script> import { defineComponent } from 'vue'; import { CdxButton } from '@wikimedia/codex'; export default defineComponent( { 	name: 'ButtonTypes', 	components: { CdxButton } } ); </script> <style lang="less"> @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; 	} } </style>