|
|
| (12 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div style="margin: 1.5em 0; border: 3px solid #000000; background-color: var(-- background-color- base, # ffffff); color: var( --color-base, #101418); font-family: 'Courier New', Courier, monospace; box-shadow: 6px 6px 0px #000000; overflow: hidden;">< div style="background: #1b4332; padding: 20px 24px; border- bottom: 3px solid #000000; color: #ffffff; display: flex; align- items: center; justify- content: space- between;"><div style=" display: flex; align-items: center; gap: 16px;"><div style="flex-shrink: 0; background: #52b788; padding: 6px; border: 2px solid #000000; box- shadow: 2px 2px 0px #000000 ;">{{{main_image|[[File:Info icon 002.svg|40px|link=]]}}}</div><div><div style="font-size: 1.3em; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; line-height: 1.1; color: #ffffff;">{{{main_title|Wiki Authoring & Template Usage Guide}}}</div><div style="font-size: 0.85em; color: # d8f3dc; margin-top: 6px; font-weight: bold; text-transform: uppercase;">> {{{main_subtitle|Essential steps for creating new articles and transcluding public templates}}}</div></div></div><div style="font-size: 0.75em; text-transform: uppercase; font-weight: 900; padding: 6px 12px; background: # d8f3dc; border: 2px solid #000000; color: #000000; box-shadow: 3px 3px 0px #000000; flex-shrink: 0;">{{{status_badge|Help & Docs}}}</div></div><div style="padding: 24px;"><div style="display: flex; flex-direction: column; gap: 0; position: relative;"><div style="display: flex; align-items: flex-start; gap: 16px; position: relative; padding -bottom: 24px; "><div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"><div style="width: 18px; height: 18px; background: #52b788; border: 2px solid #000000; box-shadow: 2px 2px 0px #000000; margin-top: 4px;"></div><div style="width: 3px; flex-grow: 1; background-color: # 000000; margin-top: 6px;"></div></div><div style="flex-grow: 1; padding: 14px 18px; border: 2px solid #000000; background-color: rgba(127, 127, 127, 0.05); box-shadow: 4px 4px 0px #000000;"><div style="display: flex; align-items: center; justify-content: space-between ; margin-bottom: 8px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: 900; text-transform: uppercase; background: #000000; color: #ffffff; padding: 2px 6px;">Step 01</span><span style="font-size: 0.75em; font-weight: bold; text-transform: uppercase; border : 1px solid #000000; padding: 1px 6px;">Page Creation</span></div></div><div style="font-weight: 900; font-size: 1.05em; margin-bottom : 6px; text-transform: uppercase;">Search or Enter Target Page URL</div><div style="font-size: 0.9em; line-height: 1.4; font-family: sans-serif;">To create a new article, type the desired title into the wiki search bar. If the page does not exist, click on the <span style="color: #d00000; font-weight: 900;">red link</span> in the search results. Alternatively, append the title directly to the browser URL: <code style="padding: 2px 4px; border: 1px solid #000000; background: rgba( 0, 0, 0,0. 05) ; font-weight: bold;"> /wiki/Your_Page_Name</code>.</div></div></div><div style="display: flex; align-items: flex-start; gap: 16px; position: relative; padding-bottom: 24px;"><div style=" display: flex; flex-direction: column; align-items: center; flex-shrink: 0; "><div style="width: 18px; height: 18px; background: #52b788; border: 2px solid #000000; box-shadow : 2px 2px 0px #000000; margin-top: 4px;"></div><div style="width: 3px; flex-grow: 1; background-color: #000000; margin-top: 6px;"></div></div><div style="flex-grow: 1; padding: 14px 18px; border: 2px solid #000000; background-color: rgba( 127, 127, 127, 0.05); box-shadow: 4px 4px 0px #000000;"><div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: 900; text-transform: uppercase; background: #000000; color: #ffffff; padding: 2px 6px;">Step 02</span><span style="font-size: 0 .75em; font-weight: bold; text-transform: uppercase; border: 1px solid #000000; padding: 1px 6px;">Wikitext Syntax</span></div></div><div style="font-weight: 900; font-size: 1.05em; margin-bottom: 6px; text-transform: uppercase;">Initialize Structure with Headers</div><div style="font-size: 0.9em; line-height: 1.4; font-family: sans-serif;">Click the <strong>"Create"</strong> or <strong>"Edit source"</strong> tab at the top right. Add section headings using double equals signs (e.g., <code style="padding: 2px 4px ; border: 1px solid #000000; background: rgba(0,0,0,0. 05) ; font-weight: bold;">== Overview ==</code>) to automatically construct the page Table of Contents.</div></div></div><div style="display: flex; align-items: flex-start; gap: 16px; position: relative; padding-bottom: 24px;"> <div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"><div style= "width: 18px; height: 18px; background: #52b788; border: 2px solid #000000; box-shadow: 2px 2px 0px #000000; margin-top: 4px;"></div><div style="width: 3px; flex-grow: 1; background-color: #000000; margin-top: 6px;"></div></div><div style="flex-grow: 1; padding: 14px 18px; border: 2px solid #000000; background-color: rgba( 127, 127, 127, 0. 05); box-shadow: 4px 4px 0px #000000;"><div style="display: flex ; align- items: center; justify-content: space-between; margin-bottom: 8px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: 900; text-transform: uppercase; background: #000000; color: #ffffff; padding: 2px 6px;">Step 03</span><span style="font-size: 0 .75em; font-weight: bold; text-transform: uppercase; border: 1px solid #000000; padding: 1px 6px;" >Transclusion</span></div>< /div><div style=" font-weight: 900; font-size: 1. 05em; margin-bottom: 6px; text-transform: uppercase;">Find & Call Existing Templates</div><div style="font- size: 0.9em; line-height: 1. 4; font- family: sans-serif;">Browse public templates via <code style="padding: 2px 4px; border: 1px solid #000000; background: rgba(0,0,0,0. 05) ; font-weight: bold;"> Special:PrefixIndex/Template:</code>. Call a template onto your page using double curly braces: <code style="padding: 2px 4px; border: 1px solid #000000; background: rgba(0,0,0,0.05); font-weight: bold;">{{TemplateName}}</code> (e.g., <code style="padding: 2px 4px; border: 1px solid #000000; background: rgba(0,0,0,0.05); font-weight: bold;">{{Notice}}</code>).</div></div></div><div style="display: flex; align-items: flex-start; gap: 16px; position: relative; padding-bottom: 24px;"><div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"><div style="width: 18px; height: 18px; background: #52b788; border: 2px solid #000000; box-shadow: 2px 2px 0px #000000; margin-top: 4px;"></div><div style="width: 3px; flex-grow: 1; background-color: #000000; margin-top: 6px;"></div></div><div style="flex-grow: 1; padding: 14px 18px; border: 2px solid #000000; background-color: rgba(127, 127, 127, 0.05); box-shadow: 4px 4px 0px #000000;"><div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: 900; text-transform: uppercase; background: #000000; color: #ffffff; padding: 2px 6px;">Step 04</span><span style="font-size: 0.75em ; font-weight: bold; text-transform: uppercase; border: 1px solid #000000; padding: 1px 6px;">Customization</span></div></div><div style="font- weight: 900; font-size: 1.05em; margin-bottom: 6px; text-transform: uppercase;">Pass Named & Unnamed Parameters</div><div style="font-size: 0.9em; line-height: 1.4; font-family: sans-serif;">Customize templates using pipe syntax (<code style="padding: 2px 4px; border: 1px solid #000000; background: rgba(0,0,0,0.05); font-weight: bold; ">|</code>). Pass positional parameters like <code style="padding: 2px 4px; border: 1px solid #000000; background: rgba( 0, 0, 0,0. 05) ; font-weight: bold;">{{Quote|Your text}}</code> or named parameters like <code style="padding: 2px 4px; border: 1px solid #000000; background: rgba(0,0,0,0. 05); font-weight: bold;">&# 123;{Notice|type=warning}}</code>.</div></div></div><div style="display: flex; align-items: flex-start; gap: 16px; position: relative;"><div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"> <div style="width: 18px; height: 18px; background: #52b788; border: 2px solid #000000; box-shadow: 2px 2px 0px #000000; margin-top: 4px;"></div></div><div style="flex-grow: 1; padding: 14px 18px; border: 2px solid #000000; background-color: rgba(127, 127, 127, 0.05); box-shadow: 4px 4px 0px #000000;"><div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: 900; text-transform: uppercase; background: #000000; color: #ffffff; padding: 2px 6px;">Step 05</span><span style="font-size: 0.75em; font-weight: bold; text-transform: uppercase; border: 1px solid #000000; padding: 1px 6px;">Finalize</span></div></div><div style="font-weight: 900; font-size: 1.05em; margin-bottom: 6px; text-transform: uppercase;">Preview & Save Changes</div><div style="font-size: 0.9em; line-height: 1.4; font-family: sans-serif;">Always click <strong>"Show preview"</strong> before saving to avoid broken syntax. Add a brief edit summary (e.g., <em>"Created page and added template"</em>) and click <strong>"Save page"</strong>.</div></div></div></div><div style="display: flex; align-items: center; justify-content: space-between; border-top: 2px solid #000000; padding-top: 12px; margin-top: 24px; font-size: 0.8em; font-weight: bold; text-transform: uppercase;"><div>SYS_DOCS // {{{ footer_note| Maintained by User:Alexplit}}}</div> <div>{{{last_updated|Status: Active}}}</div>< /div></div></div> | | <div style="margin: 1.5em 0; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); background-color: rgba(127, 127, 127, 0.04); font-family: inherit; overflow: hidden;"> |
| | <!-- HEADER BANNER --> |
| | <div style="background: linear-gradient(135deg, #1b4332 0%, #2d6a4f 50%, #40916c 100%); padding: 24px 32px; color: #ffffff; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.15);"> |
| | <div style="display: flex; align-items: center; gap: 18px;"> |
| | <div style="flex-shrink: 0; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));">{{{main_image|[[File:Information icon dark green.svg|48px|link=]]}}}</div> |
| | <div style="width: 4px; height: 32px; background-color: rgba(255, 255, 255, 0.4); flex-shrink: 0;"></div> |
| | <div> |
| | <div style="font-size: 1.4em; font-weight: bold; line-height: 1.2; text-shadow: 0 1px 2px rgba(0,0,0,0.4);">{{{main_title|Starting a page}}}</div> |
| | </div> |
| | </div> |
| | <div style="font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; padding: 6px 14px; border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(0, 0, 0, 0.2); color: #d8f3dc; flex-shrink: 0;">{{{status_badge|Help & Docs}}}</div> |
| | </div> |
| | <!-- ADD YOUR CONTENT HERE --> |
| | </div> |
