|
|
| (19 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <div style=" display: flex; gap: 12px; align-items: stretch; margin: 1em 0 ; flex-wrap: wrap;"><div style="flex: 1; min-width: 180px; padding: 14px 16px; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); border-top: 4px solid var(--ooui-border-color-subtle, #a2a9b1) ; border-radius: 4px; background-color: rgba(127, 127, 127, 0. 03);"><div style=" font- size: 0.75em; font- weight: bold; opacity: 0.6; text- transform: uppercase;"> {{{date1|Phase 1}}}</div><div style=" font-weight: bold; font- size: 1em; margin: 2px 0;"> {{{title1|Concept}}}</div><div style=" font- size: 0 .85em; opacity: 0. 85;">{{{ desc1| Initial idea and research.}}}</div> </div><div style=" flex: 1; min-width : 180px; padding: 14px 16px; border: 1px dashed var(--ooui-border-color-subtle, #a2a9b1); border-top: 4px solid var(--ooui-border-color-subtle, #a2a9b1); border-radius: 4px; background-color: rgba( 127, 127, 127, 0. 03);"><div style="font-size: 0. 75em; font-weight: bold; opacity: 0. 6; text- transform: uppercase;">{{{ date2| Phase 2}}}</div><div style="font-weight: bold; font-size: 1em; margin: 2px 0;"> {{{title2|Development}}}</div><div style="font-size: 0. 85em; opacity: 0.85; ">{{{desc2|Building the core features.}}}</div></div><div style="flex: 1; min- width: 180px; padding: 14px 16px; border: 1px dashed var( --ooui-border-color-subtle, #a2a9b1); border-top: 4px solid var(--ooui-border-color-subtle, #a2a9b1) ; border-radius: 4px; background -color: rgba( 127, 127, 127, 0. 03); "><div style="font-size: 0.75em; font- weight: bold; opacity: 0 .6; text-transform: uppercase;">{{{ date3| Phase 3}}}</div> <div style="font-weight: bold; font-size: 1em; margin: 2px 0;">{{{title3|Release}}}</div>< div style="font- size: 0.85em; opacity: 0.85;">{{{desc3|Public launch and feedback.}}}</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> |
