| <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;"><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:Info icon 002.svg|48px|link=]]}}}</div><div style="width: 4px; height: 40px; 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|Wiki Authoring & Template Usage Guide}}}</div><div style="font-size: 0.88em; color: #d8f3dc; margin-top: 4px; font-weight: 300;">{{{main_subtitle|Essential steps for creating new articles and transcluding public templates}}}</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><div style="padding: 28px 32px; "><div style="display: flex; flex- direction: column; gap: 0 ; position: relative;">< div style=" display: flex; align- items: flex-start; gap: 20px; position: relative; padding-bottom: 28px;"> <div style="display: flex; flex- direction: column; align-items: center; flex-shrink: 0;"> <div style="width: 14px; height: 14px; background-color: #2d6a4f; border: 2px solid #52b788; margin-top: 4px;"></ div>< div style=" width: 2px; flex-grow: 1; background- color: var(--ooui-border-color-subtle, #a2a9b1); margin-top: 6px;"></ div> </div><div style=" flex-grow: 1; padding: 16px 20px; background-color: rgba( 127, 127, 127, 0. 06) ; border-left: 3px solid #2d6a4f;"> <div style=" display: flex; align-items: center; justify- content: space- between; margin-bottom: 6px;"><div style="display: flex; align-items: center; gap: 10px;"> <span style=" font- size: 0.8em; font-weight: bold; opacity: 0.75; text- transform: uppercase; letter-spacing: 0. 5px;"> Step 1 — Navigation</ span>< span style=" font-size: 0.7em; padding: 1px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); opacity: 0. 7;"> Page Creation</span></div></div>< div style=" font-weight: bold; font- size: 1.1em; margin-bottom: 4px;">Search or Enter the Target Page URL</div><div style="font-size: 0. 9em; opacity: 0.85; line-height: 1.5; ">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: #e63946; font- weight: bold;"> red link</ span> in the search results. Alternatively, type the page title directly into your browser URL bar: < code style=" padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">/wiki/Your_Page_Name</code>.</div></div></div><div style="display: flex; align-items: flex-start; gap: 20px; position: relative; padding-bottom: 28px;"><div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"><div style="width: 14px; height: 14px; background-color: #2d6a4f; border: 2px solid #52b788; margin-top: 4px;"></div><div style="width: 2px; flex-grow: 1; background-color: var(--ooui-border-color-subtle, #a2a9b1); margin-top: 6px;"></div></div><div style="flex-grow: 1; padding: 16px 20px; background-color: rgba(127, 127, 127, 0.06); border-left: 3px solid #2d6a4f;"><div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: bold; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.5px;">Step 2 — Editing</span><span style="font-size: 0.7em; padding: 1px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); opacity: 0.7;">Wikitext Syntax</span></div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;">Initialize Page Structure with Headers</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">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 var(--ooui-border-color-subtle, #a2a9b1);">== Overview ==</code>) to automatically construct the page Table of Contents.</div></div></div><div style="display: flex; align-items: flex-start; gap: 20px; position: relative; padding-bottom: 28px;"><div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"><div style="width: 14px; height: 14px; background-color: #2d6a4f; border: 2px solid #52b788; margin-top: 4px;"></div><div style="width: 2px; flex-grow: 1; background-color: var(--ooui-border-color-subtle, #a2a9b1); margin-top: 6px;"></div></div><div style="flex-grow: 1; padding: 16px 20px; background-color: rgba(127, 127, 127, 0.06); border-left: 3px solid #2d6a4f;"><div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: bold; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.5px;">Step 3 — Public Templates</span><span style="font-size: 0.7em; padding: 1px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); opacity: 0.7;">Transclusion</span></div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;">Find & Call Existing Public Templates</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">Browse public templates via <code style="padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">Special:PrefixIndex/Template:</code>. Transclude a template onto your page using double curly braces: <code style="padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">{{TemplateName}}</code> (e.g., <code style="padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">{{Notice}}</code> or <code style="padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">{{Quote}}</code>).</div></div></div><div style="display: flex; align-items: flex-start; gap: 20px; position: relative; padding-bottom: 28px;"><div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"><div style="width: 14px; height: 14px; background-color: #2d6a4f; border: 2px solid #52b788; margin-top: 4px;"></div><div style="width: 2px; flex-grow: 1; background-color: var(--ooui-border-color-subtle, #a2a9b1); margin-top: 6px;"></div></div><div style="flex-grow: 1; padding: 16px 20px; background-color: rgba(127, 127, 127, 0.06); border-left: 3px solid #2d6a4f;"><div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: bold; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.5px;">Step 4 — Parameters</span><span style="font-size: 0.7em; padding: 1px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); opacity: 0.7;">Customization</span></div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;">Pass Named & Unnamed Parameters</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">Customize templates using pipe syntax (<code style="padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">|</code>). Pass positional parameters like <code style="padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">{{Quote|Your message here}}</code> or named parameters like <code style="padding: 2px 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1);">{{Notice|type=warning|title=Caution}}</code>.</div></div></div><div style="display: flex; align-items: flex-start; gap: 20px; position: relative;"><div style="display: flex; flex-direction: column; align-items: center; flex-shrink: 0;"><div style="width: 14px; height: 14px; background-color: #2d6a4f; border: 2px solid #52b788; margin-top: 4px;"></div></div><div style="flex-grow: 1; padding: 16px 20px; background-color: rgba(127, 127, 127, 0.06); border-left: 3px solid #2d6a4f;"><div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;"><div style="display: flex; align-items: center; gap: 10px;"><span style="font-size: 0.8em; font-weight: bold; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.5px;">Step 5 — Publishing</span><span style="font-size: 0.7em; padding: 1px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); opacity: 0.7;">Finalize</span></div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;">Preview & Save Changes</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">Always click <strong>"Show preview"</strong> before saving to ensure template calls render cleanly without broken wikitext syntax. Add a short edit summary (e.g., <em>"Created article and added template call"</em>) and hit <strong>"Save page"</strong>.</ div></div></div></div><div style="display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--ooui-border-color-subtle, #a2a9b1); padding-top: 14px; margin-top: 24px; font-size: 0. 8em; opacity: 0.75;"><div>{{{footer_note|Maintained by User:Alexplit}}}</div><div>{{{last_updated|Guide 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;"><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:Info icon 002.svg|48px|link=]]}}}</div><div style="width: 4px; height: 40px; 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|Wiki Authoring & Template Usage Guide}}}</div><div style="font-size: 0.88em; color: #d8f3dc; margin-top: 4px; font-weight: 300;">{{{main_subtitle|Essential guidelines for article creation and template transclusion}}}</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><div style="padding: 28px 32px; font-size: 0.95em; line- height: 1.6; opacity: 0 .9;">< p style=" margin- top: 0; margin-bottom: 16px;"> To create a new article, enter the target page name into the wiki search bar and select the <span style="color: #e63946; font- weight: bold; ">red link</span> in the search results, or type the page title directly into your browser's address bar using <code style="padding: 2px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); background: rgba(127, 127, 127, 0.08);"> /wiki/Your_Page_Name</ code> . Once on the page, click < strong>"Create" </strong> or <strong>"Edit source"</strong> to begin adding content.</p><p style="margin- bottom: 16px;">Organize your text using standard wikitext section headings (<code style="padding: 2px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); background: rgba(127, 127, 127, 0.08);"> == Section Title ==</ code> ) to automatically generate a Table of Contents. To extend your page with public site components, browse available options via <code style="padding: 2px 6px; border: 1px solid var( --ooui-border-color-subtle, #a2a9b1); background: rgba(127, 127, 127, 0. 08);"> Special:PrefixIndex/Template:</code> and transclude them into your document using double curly braces, such as <code style=" padding: 2px 6px; border: 1px solid var(--ooui-border- color- subtle, #a2a9b1); background: rgba(127, 127, 127, 0.08);"> {{Notice}}</code>.</p><p style=" margin- bottom: 16px; ">Templates can be customized by adding pipe syntax (<code style="padding: 2px 6px; border: 1px solid var(--ooui-border-color- subtle, #a2a9b1); background: rgba(127, 127, 127, 0. 08);"> |</ code> ) for parameters. Depending on the template, you can pass plain positional values like < code style="padding: 2px 6px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1); background: rgba(127, 127, 127, 0. 08);"> {{Quote|Your text here}}</code> or named key-value pairs like < code style=" padding: 2px 6px; border: 1px solid var(--ooui-border-color- subtle, #a2a9b1); background: rgba(127, 127, 127, 0. 08); ">{ { Notice|type =warning|title =Caution}}</code>.< /p><p style=" margin- bottom: 0;"> Before saving your work, click <strong>"Show preview"</ strong> to verify that all syntax renders properly. Add a short edit summary describing your changes and click < strong>" Save page"</strong> to publish.</ p><div style="display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--ooui-border-color-subtle, #a2a9b1); padding-top: 14px; margin-top: 24px; font-size: 0. 85em; opacity: 0.75;"><div>{{{footer_note|Maintained by User:Alexplit}}}</div><div>{{{last_updated|Guide active}}}</div></div></div></div> |
