Java

Wikimedia:Paglilinaw

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

e page .₩🉑️body {   background-color: lightblue; }

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

p {   font-family: verdana; }==body== {

 background-color: [[lightilo:Google Lensblue]];

}


Images make Wikipedia more informative, accessible, and professional.

|} ==h1=={

 color: white;
 text-align: [[centerWikidata]];

}  

https://ilo.wikipedia.org/wiki/LarendoValdez


Images make Wikipedia more informative, accessible, and professional.

|} ==p== {

 font-family: [[verdanailo: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


Images make Wikipedia more informative, accessible, and professional.

https://support.google.com/chrome?p=create_passphrase

In general, when working with images:
DO:
  Review the image style guide and use policy.
  Give context with captions and alt text.
  Try to find at least one image for each article.
  Find free images, or create and upload your own.
  Clean up images: crop, color-correct, etc.
  Use the best file format for each image.
  Use objects for scale where helpful.
  Place images in the '
DON'T:
  Don't upload non-free images.
  Don't use images in place of tables or charts.
  Don't use images or galleries excessively.
  Don't add images that are not relevant.
  Don't flip faces, text, or works of art.
  Don't set fixed image sizes.
  Don't text between two images.
  Don't refer to images by their placement.
  Don't place' images '.

NPMMediaWiki vue<template>

<cdx-button> Normal neutral </cdx-button> <cdx-button weight="quiet"> Quiet neutral </cdx-button>
<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>
<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>

</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>