|
|
| (16 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div style="margin: 1.5em 0 ; padding: 28px 32px; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1) ; border-radius: 8px; background-color: rgba(127, 127, 127, 0.04); font-family: inherit; "><div style="display: flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); padding-bottom: 16px; margin-bottom: 24px;"><div style="display: flex; align-items: center; gap: 16px;"><div style="flex-shrink: 0;"> {{{main_image|[[File:Info icon 002.svg|48px|link=]]}}}< /div><div style="width: 4px; height: 36px; background- color: var(-- ooui-border-color-subtle, #a2a9b1); border-radius: 2px; flex- shrink: 0;"></div><div><div style=" font-size: 1.3em; font-weight: bold; line- height: 1.2;">{{{main_title|Chronological Timeline of Events}}}</div><div style="font-size: 0.85em; opacity: 0.75; margin-top: 2px;">{{{main_subtitle|Comprehensive historical overview and milestone log}}}</div></div></div><div style="font-size: 0.75em; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; padding: 4px 12px; border: 1px solid var( --ooui-border-color-subtle, # a2a9b1); border-radius: 20px; opacity: 0.85; flex-shrink: 0;">{{{status_badge|Active Archive}}}</div></div><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; border-radius: 50% ; background-color: var(--ooui-border-color-subtle, # a2a9b1); border: 2px solid var(--ooui-border-color-subtle, # a2a9b1); 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; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); border-radius: 6px; background-color: rgba(127, 127, 127, 0.03);"><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;">{{{date1|Phase I — 2024}}}</span><span style="font-size: 0.7em; padding: 1px 6px; border-radius: 4px; border: 1px solid var( --ooui-border-color-subtle, #a2a9b1); opacity: 0. 7;">{{{tag1|Initiation}}}</span></div><div style="flex-shrink: 0;">{{{icon1|[[File:Info icon 002.svg|20px|link=]]}}}</div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;"> {{{title1|Project Conception & Initial Research}}}</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">{{{desc1|Initial planning phase where structural frameworks and primary core specifications were established. Preliminary documentation and prototype layouts were completed.}}}</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; border- radius: 50%; background-color: var( --ooui-border-color-subtle, #a2a9b1); border: 2px solid var(--ooui-border-color-subtle, #a2a9b1); 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; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); border-radius: 6px; background-color: rgba( 127, 127, 127, 0. 03) ;"><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;">{{{date2|Phase II — 2025}}}</span><span style="font-size: 0.7em; padding: 1px 6px; border-radius: 4px; border: 1px solid var(--ooui-border-color-subtle, #a2a9b1) ; opacity: 0.7;">{{{ tag2|Development}}}</span></div><div style="flex-shrink: 0;">{{{icon2|[[File: Info icon 002.svg| 20px|link=]]}}}</div> </div><div style=" font-weight: bold; font-size: 1.1em; margin-bottom: 4px; ">{{{title2|Architecture Build & Refinement}}}</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">{{{desc2|Primary development phase focusing on integrating dynamic theme variables, custom MediaWiki formatting, and responsive element behaviors across diverse skins.}}}</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; border-radius: 50%; background-color: var( --ooui-border-color-subtle, #a2a9b1); border: 2px solid var(--ooui-border-color-subtle, #a2a9b1) ; 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; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); border-radius: 6px; background-color: rgba(127, 127, 127, 0.03);"><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;">{{{date3|Phase III — 2026}}}</span><span style="font-size: 0.7em; padding: 1px 6px; border-radius: 4px; border: 1px solid var( --ooui-border-color-subtle, #a2a9b1); opacity: 0 .7;">{{{tag3|Deployment}}}</span></div><div style="flex-shrink: 0 ;">{{{icon3|[[File:Info icon 002.svg|20px|link=]]}}}</div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;">{{{title3|Public Launch & Documentation}}}</div><div style="font-size: 0. 9em; opacity: 0.85; line-height: 1.5;">{{{ desc3| Full production rollout across main namespaces. Implementation of end-user parameters and user page integration options.}}}</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; border-radius: 50%; background-color: var(--ooui-border-color-subtle, #a2a9b1); border: 2px solid var(--ooui-border-color-subtle, #a2a9b1); 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; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); border-radius: 6px; background-color: rgba(127, 127, 127, 0.03);"><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; ">{{{date4|Phase IV — Future}}}</span><span style="font- size: 0.7em; padding: 1px 6px ; border-radius: 4px; border: 1px solid var( --ooui-border-color-subtle, #a2a9b1); opacity: 0.7;">{{{tag4|Expansion}}}</span></div><div style="flex-shrink: 0;">{{{icon4|[[File:Info icon 002.svg|20px|link=]]}}}</div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;">{{{title4|Expansion & Ecosystem Maintenance}}}</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">{{{desc4|Planned feature additions, ongoing community contributions, and periodic layout optimization based on skin updates. }}}</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; border-radius: 50%; background-color: var(--ooui-border-color-subtle, #a2a9b1) ; border: 2px solid var(--ooui-border-color-subtle, #a2a9b1); margin-top: 4px;"></div></div><div style="flex-grow: 1; padding: 16px 20px; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); border-radius: 6px; background -color: rgba( 127, 127, 127, 0. 03); "><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;">{{{date5|Phase V — Ongoing}}}</span><span style="font-size: 0.7em; padding: 1px 6px; border-radius: 4px; border: 1px solid var(--ooui-border-color-subtle, # a2a9b1); opacity: 0.7; ">{{{tag5|Long Term}}}</span></div><div style="flex-shrink: 0;">{{{ icon5|[[File:Info icon 002.svg| 20px|link=]]}}}</div></div><div style="font-weight: bold; font-size: 1.1em; margin-bottom: 4px;">{{{title5|Final Goal & Maintenance}}}</div><div style="font-size: 0.9em; opacity: 0.85; line-height: 1.5;">{{{desc5|Continuous automated checks, legacy data updates, and long-term wiki archiving efforts.}}}</div></div>< /div></div><div style="display: flex; align- items: center; justify-content: space-between; border-top: 1px dashed var(--ooui- border- color- subtle, #a2a9b1); padding-top: 14px; margin-top: 24px; font-size: 0.8em; opacity: 0.75;"><div>{{{footer_note|Timeline maintained by User:Alexplit}}}</div><div>{{{last_updated|Last updated: 2026}}}</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> |
