Template:Event Page: Difference between revisions
Created page with "__NOTOC__ <div style="max-width:1180px; margin:0 auto 60px auto; color:#29352e; box-sizing:border-box;"> <!-- ===================================================== EVENT HERO — VISUAL STYLE ===================================================== --> <div style="position:relative; min-height:410px; overflow:hidden; border-radius:10px 10px 0 0; background:#edf0e8;"> <!-- HERO IMAGE --> <div style="position:absolute; top:0; right:0; bottom:0; width:62%; min-width:420px..." |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
<div style="max-width: | <div style="max-width:1220px; margin:0 auto 55px auto; color:#29352e; box-sizing:border-box;"> | ||
<!-- ===================================================== | <!-- ===================================================== | ||
EVENT HERO | EVENT HERO | ||
===================================================== --> | ===================================================== --> | ||
<div style=" | <div style="display:flex; flex-wrap:wrap; overflow:hidden; border-radius:11px 11px 0 0; background:#f5f3ea; min-height:330px;"> | ||
<!-- HERO TEXT --> | <!-- HERO TEXT --> | ||
<div style=" | <div style="flex:1 1 560px; min-width:0; padding:45px 46px 40px 46px; box-sizing:border-box; background:linear-gradient(105deg,#f8f6ef 0%,#f5f3ea 100%);"> | ||
<div style="font-size:0.7rem; font-weight:700; letter-spacing:0.15em; color:# | <div style="font-size:0.7rem; font-weight:700; letter-spacing:0.15em; color:#967821; margin-bottom:10px;"> | ||
EVENT | EVENT | ||
</div> | </div> | ||
<div style="width:42px; height:3px; background:# | <div style="width:42px; height:3px; background:#b79532; margin-bottom:18px;"></div> | ||
<div style="font-family:Georgia,serif; font-size:2. | <div style="font-family:Georgia,serif; font-size:2.65rem; line-height:1.1; font-weight:700; color:#173e2a;"> | ||
{{{title|Event Title}}} | {{{title|Event Title}}} | ||
</div> | </div> | ||
<div style="font-family:Georgia,serif; font-size:1. | <div style="font-family:Georgia,serif; font-size:1.2rem; line-height:1.45; color:#415449; margin-top:11px;"> | ||
{{{subtitle|Short event subtitle}}} | {{{subtitle|Short event subtitle}}} | ||
</div> | </div> | ||
<div style="font-size:0. | <div style="font-size:0.96rem; line-height:1.7; color:#536158; margin-top:17px; max-width:650px;"> | ||
{{{description|A short introduction explaining the purpose, focus and context of the event.}}} | {{{description|A short introduction explaining the purpose, focus and context of the event.}}} | ||
</div> | </div> | ||
<div style="margin-top: | <div style="margin-top:23px; display:flex; align-items:center; gap:11px;"> | ||
<div style="width:30px; height:2px; background:#b79532;"></div> | |||
<div style="width: | <div style="font-family:Georgia,serif; font-size:0.98rem; font-style:italic; color:#88723b;"> | ||
<div style="font-family:Georgia,serif; font-size: | |||
{{{strapline|Learning, exchange and collaboration}}} | {{{strapline|Learning, exchange and collaboration}}} | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
< | <!-- HERO IMAGE --> | ||
<div style="flex:0 1 430px; min-width:300px; min-height:330px; position:relative; overflow:hidden; background:linear-gradient(135deg,#d8ded2,#879b83); display:flex; align-items:center; justify-content:center;"> | |||
{{{heroimage|<div style="text-align:center; color:#f5f7f3; padding:30px;"><div style="font-size:0.72rem; letter-spacing:0.12em; font-weight:700;">EVENT IMAGE</div><div style="font-size:0.7rem; margin-top:7px; opacity:0.85;">Landscape, workshop or event photograph</div></div>}}} | |||
<div style="position:absolute; right:0; bottom:0; left:0; padding:7px 12px; background:rgba(22,53,37,0.80); color:#edf3ee; font-size:0.69rem; line-height:1.4;"> | |||
{{{heroimagecredit|Image caption / credit}}} | |||
<div style=" | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
< | <!-- ===================================================== | ||
KEY EVENT INFORMATION | |||
===================================================== --> | |||
<div style=" | <div style="background:#ffffff; border:1px solid #dfe4de; border-radius:0 0 10px 10px; margin:0 18px 30px 18px; box-shadow:0 7px 18px rgba(35,73,47,0.07); padding:0; display:flex; flex-wrap:wrap;"> | ||
<div style="flex:1 1 31%; min-width:250px; padding:18px 20px; border-right:1px solid #e7eae6; border-bottom:1px solid #e7eae6; box-sizing:border-box;"> | |||
<div style="font-size:0.64rem; font-weight:700; letter-spacing:0.07em; color:#23492F; margin-bottom:6px;">EVENT TYPE</div> | |||
<div style="font-size:0.9rem; line-height:1.5;">{{{eventtype|<span style="color:#7b817c; font-style:italic;">To be added</span>}}}</div> | |||
</div><div style="flex:1 1 31%; min-width:250px; padding:18px 20px; border-right:1px solid #e7eae6; border-bottom:1px solid #e7eae6; box-sizing:border-box;"> | |||
<div style="font-size:0.64rem; font-weight:700; letter-spacing:0.07em; color:#23492F; margin-bottom:6px;">DATE / DURATION</div> | |||
<div style="font-size:0.9rem; line-height:1.5;">{{{date|<span style="color:#7b817c; font-style:italic;">To be added</span>}}}</div> | |||
</div><div style="flex:1 1 31%; min-width:250px; padding:18px 20px; border-bottom:1px solid #e7eae6; box-sizing:border-box;"> | |||
<div style="font-size:0.64rem; font-weight:700; letter-spacing:0.07em; color:#23492F; margin-bottom:6px;">PLACE</div> | |||
<div style="font-size:0.9rem; line-height:1.5;">{{{place|<span style="color:#7b817c; font-style:italic;">To be added</span>}}}</div> | |||
</div><div style="flex:1 1 31%; min-width:250px; padding:18px 20px; border-right:1px solid #e7eae6; box-sizing:border-box;"> | |||
<div style="font-size:0.64rem; font-weight:700; letter-spacing:0.07em; color:#23492F; margin-bottom:6px;">ORGANISER(S)</div> | |||
<div style="font-size:0.9rem; line-height:1.5;">{{{organisers|<span style="color:#7b817c; font-style:italic;">To be added</span>}}}</div> | |||
</div><div style="flex:1 1 31%; min-width:250px; padding:18px 20px; border-right:1px solid #e7eae6; box-sizing:border-box;"> | |||
<div style="font-size:0.64rem; font-weight:700; letter-spacing:0.07em; color:#23492F; margin-bottom:6px;">FACILITATOR(S) / SPEAKER(S)</div> | |||
<div style="font-size:0.9rem; line-height:1.5;">{{{facilitators|<span style="color:#7b817c; font-style:italic;">To be added</span>}}}</div> | |||
</div><div style="flex:1 1 31%; min-width:250px; padding:18px 20px; box-sizing:border-box;"> | |||
<div style="font-size:0.64rem; font-weight:700; letter-spacing:0.07em; color:#23492F; margin-bottom:6px;">PARTICIPANTS / AUDIENCE</div> | |||
<div style="font-size:0.9rem; line-height:1.5;">{{{participants|<span style="color:#7b817c; font-style:italic;">To be added</span>}}}</div> | |||
</div> | </div> | ||
| Line 139: | Line 93: | ||
<div style="display:flex; flex-wrap:wrap; gap:18px; margin-bottom:18px;"> | <div style="display:flex; flex-wrap:wrap; gap:18px; margin-bottom:18px;"> | ||
<div style="flex:1 1 440px; min-width:0; background:#ffffff; border:1px solid #dde2dc; border-radius:9px; padding:23px 25px; box-sizing:border-box;"> | |||
<div style="font-family:Georgia,serif; font-size:1.43rem; font-weight:700; color:#173f2a;">Overview</div> | |||
<div style=" | <div style="width:36px; height:2px; background:#b79532; margin:7px 0 14px 0;"></div> | ||
<div style="font-size:0.95rem; line-height:1.75;"> | |||
<div style="font-size:0.95rem; line-height:1. | |||
{{{overview|<span style="color:#777e78; font-style:italic;">Provide a concise overview of the event, including its purpose, background and significance.</span>}}} | {{{overview|<span style="color:#777e78; font-style:italic;">Provide a concise overview of the event, including its purpose, background and significance.</span>}}} | ||
</div> | </div> | ||
<div style="margin-top: | <div style="margin-top:18px; padding:14px 17px; background:#f5f1e5; border-radius:7px; font-family:Georgia,serif; font-size:0.92rem; line-height:1.55; font-style:italic; color:#756438;"> | ||
{{{highlight|A short event highlight, guiding idea or quotation may be placed here.}}} | {{{highlight|A short event highlight, guiding idea or quotation may be placed here.}}} | ||
</div> | </div> | ||
</div> | </div><div style="flex:1 1 500px; min-width:0; background:#ffffff; border:1px solid #dde2dc; border-radius:9px; padding:23px 25px; box-sizing:border-box;"> | ||
<div style="flex:1 | |||
<div style="font-family:Georgia,serif; font-size:1. | <div style="display:flex; justify-content:space-between; align-items:center; gap:12px;"> | ||
Programme / Activities | <div style="font-family:Georgia,serif; font-size:1.43rem; font-weight:700; color:#173f2a;">Programme / Activities</div> | ||
<div style="font-size:0.75rem; color:#59665d;">{{{programmelink|}}}</div> | |||
</div> | </div> | ||
<div style="width:36px; height:2px; background:#b79532; margin:7px 0 14px 0;"></div> | |||
<div style="width:36px; height:2px; background:# | |||
<div style="font-size:0.94rem; line-height:1.72;"> | <div style="font-size:0.94rem; line-height:1.72;"> | ||
{{{programme|<span style="color:#777e78; font-style:italic;">Add | {{{programme|<span style="color:#777e78; font-style:italic;">Add sessions, workshops, lectures, field visits, discussions or other activities here.</span>}}} | ||
</div> | </div> | ||
| Line 187: | Line 125: | ||
<!-- ===================================================== | <!-- ===================================================== | ||
EVENT FOCUS + RELATED PROJECT | |||
===================================================== --> | ===================================================== --> | ||
<div style="background:#ffffff; border:1px solid #dde2dc; border-radius:9px; | <div style="display:flex; flex-wrap:wrap; gap:18px; margin-bottom:18px;"> | ||
<div style="flex:2 1 590px; min-width:0; background:#ffffff; border:1px solid #dde2dc; border-radius:9px; padding:22px 24px; box-sizing:border-box;"> | |||
<div style=" | <div style="font-family:Georgia,serif; font-size:1.3rem; font-weight:700; color:#173f2a;">Event Focus</div> | ||
<div style="width:35px; height:2px; background:#b79532; margin:6px 0 13px 0;"></div> | |||
<div style="font- | <div style="font-size:0.92rem; line-height:1.72;"> | ||
{{{eventfocus|<span style="color:#777e78; font-style:italic;">Add key questions, learning objectives, discussion themes or the central purpose of the event.</span>}}} | |||
</div> | </div> | ||
<div style="width: | </div><div style="flex:1 1 320px; min-width:0; background:#edf3ee; border:1px solid #d8e1d9; border-radius:9px; padding:22px 24px; box-sizing:border-box;"> | ||
<div style="font-family:Georgia,serif; font-size:1.25rem; font-weight:700; color:#173f2a;">Related Project</div> | |||
<div style="width:34px; height:2px; background:#b79532; margin:6px 0 13px 0;"></div> | |||
<div style="font-size:0. | <div style="font-size:0.91rem; line-height:1.7;"> | ||
{{{ | {{{relatedproject|<span style="color:#6f786f; font-style:italic;">Link the Project page connected with this event.</span>}}} | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 214: | Line 154: | ||
<!-- ===================================================== | <!-- ===================================================== | ||
RELATED | RELATED THEMES | ||
===================================================== --> | ===================================================== --> | ||
<div style=" | <div style="background:#ffffff; border:1px solid #dde2dc; border-radius:9px; padding:21px 24px; margin-bottom:18px;"> | ||
<div style="font-family:Georgia,serif; font-size:1.27rem; font-weight:700; color:#173f2a;">Related Themes</div> | |||
<div style="width:35px; height:2px; background:#b79532; margin:6px 0 13px 0;"></div> | |||
<div style="font-family:Georgia,serif; font-size:1. | |||
Related Themes | |||
</div> | |||
<div style="width: | |||
<div style="font-size:0.91rem; line-height:1.72;"> | <div style="font-size:0.91rem; line-height:1.72;"> | ||
{{{themes|<span style="color:#777e78; font-style:italic;">Add relevant themes from the Ekologos controlled theme system.</span>}}} | {{{themes|<span style="color:#777e78; font-style:italic;">Add relevant themes from the Ekologos controlled theme system.</span>}}} | ||
</div> | </div> | ||
| Line 257: | Line 178: | ||
<div> | <div> | ||
<div style="font-family:Georgia,serif; font-size:1.35rem; font-weight:700; color:#173f2a;">Photos / Media</div> | |||
<div style="font-family:Georgia,serif; font-size:1.35rem; font-weight:700; color:#173f2a;"> | <div style="width:35px; height:2px; background:#b79532; margin-top:6px;"></div> | ||
Photos / Media | |||
</div> | |||
<div style="width:35px; height:2px; background:# | |||
</div> | </div> | ||
<div style="font-size:0.75rem; font-style:italic; color:#737a73;"> | <div style="font-size:0.75rem; font-style:italic; color:#737a73;"> | ||
</div> | </div> | ||
| Line 275: | Line 190: | ||
<div style="display:flex; flex-wrap:wrap; gap:13px;"> | <div style="display:flex; flex-wrap:wrap; gap:13px;"> | ||
<div style="flex:1 1 240px; min-width:0;"> | |||
<div style="height:170px; background:#edf0e9; border-radius:6px; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center;"> | |||
<div style="flex:1 1 | |||
<div style="height: | |||
{{{photo1|<span style="font-size:0.74rem; color:#7c847c;">EVENT PHOTO 1</span>}}} | {{{photo1|<span style="font-size:0.74rem; color:#7c847c;">EVENT PHOTO 1</span>}}} | ||
</div> | </div> | ||
<div style="font-size:0.8rem; line-height:1.45; font-weight:600; margin-top:7px;">{{{photo1caption|Caption to be added}}}</div> | |||
<div style="font-size:0.8rem; line-height:1.45; font-weight:600; margin-top:7px;"> | <div style="font-size:0.71rem; line-height:1.4; color:#757b75; margin-top:2px;">{{{photo1credit|Photo credit / date}}}</div> | ||
{{{photo1caption|Caption to be added}}} | </div><div style="flex:1 1 240px; min-width:0;"> | ||
</div> | <div style="height:170px; background:#edf0e9; border-radius:6px; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center;"> | ||
<div style="font-size:0.71rem; line-height:1.4; color:#757b75; margin-top:2px;"> | |||
{{{photo1credit|Photo credit / date}}} | |||
</div> | |||
</div> | |||
<div style="flex:1 1 | |||
<div style="height: | |||
{{{photo2|<span style="font-size:0.74rem; color:#7c847c;">EVENT PHOTO 2</span>}}} | {{{photo2|<span style="font-size:0.74rem; color:#7c847c;">EVENT PHOTO 2</span>}}} | ||
</div> | </div> | ||
<div style="font-size:0.8rem; line-height:1.45; font-weight:600; margin-top:7px;">{{{photo2caption|Caption to be added}}}</div> | |||
<div style="font-size:0.8rem; line-height:1.45; font-weight:600; margin-top:7px;"> | <div style="font-size:0.71rem; line-height:1.4; color:#757b75; margin-top:2px;">{{{photo2credit|Photo credit / date}}}</div> | ||
{{{photo2caption|Caption to be added}}} | </div><div style="flex:1 1 240px; min-width:0;"> | ||
</div> | <div style="height:170px; background:#edf0e9; border-radius:6px; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center;"> | ||
<div style="font-size:0.71rem; line-height:1.4; color:#757b75; margin-top:2px;"> | |||
{{{photo2credit|Photo credit / date}}} | |||
</div> | |||
</div> | |||
<div style="flex:1 1 | |||
<div style="height: | |||
{{{photo3|<span style="font-size:0.74rem; color:#7c847c;">EVENT PHOTO 3</span>}}} | {{{photo3|<span style="font-size:0.74rem; color:#7c847c;">EVENT PHOTO 3</span>}}} | ||
</div> | </div> | ||
<div style="font-size:0.8rem; line-height:1.45; font-weight:600; margin-top:7px;">{{{photo3caption|Caption to be added}}}</div> | |||
<div style="font-size:0.8rem; line-height:1.45; font-weight:600; margin-top:7px;"> | <div style="font-size:0.71rem; line-height:1.4; color:#757b75; margin-top:2px;">{{{photo3credit|Photo credit / date}}}</div> | ||
{{{photo3caption|Caption to be added}}} | |||
</div> | |||
<div style="font-size:0.71rem; line-height:1.4; color:#757b75; margin-top:2px;"> | |||
{{{photo3credit|Photo credit / date}}} | |||
</div> | </div> | ||
</div> | </div> | ||
<div style="margin-top:14px; padding-top:11px; border-top:1px solid #ecefe9; font-size:0.86rem; line-height:1.65;"> | |||
<div style="margin-top:14px; padding-top: | |||
{{{additionalmedia|<span style="color:#777e78; font-style:italic;">Additional photographs, audio, video or recordings may be linked here.</span>}}} | {{{additionalmedia|<span style="color:#777e78; font-style:italic;">Additional photographs, audio, video or recordings may be linked here.</span>}}} | ||
</div> | </div> | ||
| Line 340: | Line 220: | ||
<!-- ===================================================== | <!-- ===================================================== | ||
OUTPUTS | OUTPUTS + RELATED RECORDS | ||
===================================================== --> | ===================================================== --> | ||
<div style=" | <div style="display:flex; flex-wrap:wrap; gap:16px; margin-bottom:18px;"> | ||
<div style=" | <div style="flex:1 1 440px; min-width:0; background:#edf3ee; border:1px solid #d7e1d8; border-radius:9px; padding:22px 24px; box-sizing:border-box;"> | ||
<div style=" | <div style="font-family:Georgia,serif; font-size:1.29rem; font-weight:700; color:#173f2a;">Outputs / Materials</div> | ||
<div style="width:35px; height:2px; background:#b79532; margin:6px 0 13px 0;"></div> | |||
<div style=" | |||
</div> | |||
<div style="font-size:0.91rem; line-height:1.72;"> | |||
{{{outputs|<span style="color:#69736b; font-style:italic;">Link reports, presentations, recordings, workshop materials, handouts or other outputs produced through the event.</span>}}} | |||
</div> | </div> | ||
</div><div style="flex:1 1 440px; min-width:0; background:#ffffff; border:1px solid #dde2dc; border-radius:9px; padding:22px 24px; box-sizing:border-box;"> | |||
<div style="font-family:Georgia,serif; font-size:1.29rem; font-weight:700; color:#173f2a;">Related Wiki Records</div> | |||
<div style="width:35px; height:2px; background:#b79532; margin:6px 0 13px 0;"></div> | |||
<div style="font-family:Georgia,serif; font-size:1. | |||
Related Wiki Records | |||
</div> | |||
<div style="width:35px; height:2px; background:# | |||
<div style="font-size:0.91rem; line-height:1.72;"> | <div style="font-size:0.91rem; line-height:1.72;"> | ||
| Line 380: | Line 245: | ||
</div> | </div> | ||
</div> | |||
< | <!-- ===================================================== | ||
SOURCES + RIGHTS | |||
===================================================== --> | |||
<div style=" | <div style="display:flex; flex-wrap:wrap; gap:16px; margin-bottom:18px;"> | ||
<div style=" | <div style="flex:1 1 440px; min-width:0; background:#ffffff; border:1px solid #dde2dc; border-radius:9px; padding:22px 24px; box-sizing:border-box;"> | ||
</div> | <div style="font-family:Georgia,serif; font-size:1.27rem; font-weight:700; color:#173f2a;">Sources and References</div> | ||
<div style="width:35px; height:2px; background:#b79532; margin:6px 0 13px 0;"></div> | |||
<div style="font-size:0.91rem; line-height:1.72;"> | |||
{{{sources|<span style="color:#777e78; font-style:italic;">Add event programmes, reports, institutional documentation or other sources supporting this page.</span>}}} | |||
</div> | </div> | ||
</div><div style="flex:1 1 440px; min-width:0; background:#f5f2e8; border:1px solid #e3dece; border-left:4px solid #b79532; border-radius:0 9px 9px 0; padding:22px 24px; box-sizing:border-box;"> | |||
< | <div style="font-family:Georgia,serif; font-size:1.27rem; font-weight:700; color:#173f2a;">Rights / Credits</div> | ||
<div style="width:35px; height:2px; background:#b79532; margin:6px 0 13px 0;"></div> | |||
<div style=" | |||
<div style="font-size:0. | <div style="font-size:0.9rem; line-height:1.68; color:#606961;"> | ||
{{{rights|<span style="font-style:italic;">Add photographer, creator and content credits, permissions, consent information, licences or reuse restrictions where applicable.</span>}}} | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 421: | Line 278: | ||
<!-- ===================================================== | <!-- ===================================================== | ||
EDITORIAL STATUS | EDITORIAL STATUS | ||
===================================================== --> | ===================================================== --> | ||
Latest revision as of 07:19, 22 September 2026
Provide a concise overview of the event, including its purpose, background and significance.
A short event highlight, guiding idea or quotation may be placed here.
Add sessions, workshops, lectures, field visits, discussions or other activities here.
Add key questions, learning objectives, discussion themes or the central purpose of the event.
Link the Project page connected with this event.
Add relevant themes from the Ekologos controlled theme system.
Additional photographs, audio, video or recordings may be linked here.
Link reports, presentations, recordings, workshop materials, handouts or other outputs produced through the event.
Link related Knowledge Records, Place pages, Film/Media records, Publications or other Event pages.
Add event programmes, reports, institutional documentation or other sources supporting this page.
Add photographer, creator and content credits, permissions, consent information, licences or reuse restrictions where applicable.