Merge pull request #844 from Claurt07/community-page-improvements

Enhanced: Community Page and Landing Page to include Open Summit and Mentorships
hotosm · Feb 20, 2024 · d054a79 · d054a79
2 parents 17221b5 + 2fed6e3
commit d054a79
Show file tree

Hide file tree

Showing 10 changed files with 537 additions and 41 deletions.
diff --git a/_layouts/community-mentorship.html b/_layouts/community-mentorship.html
@@ -0,0 +1,143 @@
+---
+layout: default
+---
+
+<header class="project-header">
+ <h1>{{ page.title }}</h1>
+ <div class="project-header-meta">
+
+ <p class="project-status">
+ {% if page['Duration']['End Date'] == 'Ongoing' %} ACTIVE {% else %}
+ {% capture currenttime %}{{ 'now' | date: "%Y-%m-%d %H:%M:%s" }}{% endcapture %}
+ {% capture pagetime %}{{ page['Duration']['End Date'] }}{% endcapture %}
+ {% if pagetime < currenttime %} ONGOING
+ {% else %} ACTIVE {% endif %}
+ {% endif %}
+ </p>
+ </div>
+</header>
+
+<div class="project-body">
+
+ {% if page['Feature Image'] %}
+ <img class="project-feature-image" {% if page[ 'Is image top aligned'] %} style="object-position: top center"
+ {% endif %} src="{{ page['Feature Image' ]}}"> {% endif %}
+</div>
+
+<article class="container project-item">
+ <div class="project-body">
+ <section class="article">
+
+ {% if page['Project Summary Text'] %}
+ <div class="pro-summary-wrap">
+ <div class="project-summary">
+ <p>{{ page['Project Summary Text'] }}</p>
+ </div>
+ </div>
+ {% endif %}
+
+ <div class="pro-content-wrap">
+ <div class="project-content">
+
+ {{ content }}
+
+ </div>
+ </div>
+
+ </section>
+
+ <aside class="meta">
+
+ {% if page.Partner[0] != '' %}
+ <div class="meta-item">
+ <h5>Partners <object height="16" width="16" data="/images/link.svg" type="image/svg+xml"></object></h5>
+ <ul>
+ {% for page-partner in page.Partner %}
+ <li>{{ page-partner }}</li>
+ {% endfor %}
+ </ul>
+ </div>
+ {% endif %}
+
+ {% if page.Calendar[0] != '' %}
+ <div class="meta-item">
+ <h5>Calendar <object height="16" width="16" data="/images/clock.svg" type="image/svg+xml"></object></h5>
+ <ul>
+ {% for page-calendar in page.Calendar %}
+ <li>{{ page-calendar }}</li>
+ {% endfor %}
+ </ul>
+ </div>
+ {% endif %}
+
+ <div class="meta-item">
+ <h5>Duration <object height="16" width="16" data="/images/clock.svg" type="image/svg+xml"></object></h5>
+ {% if page.Duration['Start Date'] and page.Duration['End Date'] %}
+ <p>{{ page.Duration['Start Date'] | date: "%e %b, %Y" }} –
+ {{ page.Duration['End Date'] | date: "%e %b, %Y" }}</p>
+ {% else %}
+ <p>Ongoing</p>
+ {% endif %}
+ </div>
+
+ </aside>
+
+ </div>
+
+</article>
+<!--////////////////////////////////-->
+<!--///////// Project News /////////-->
+<!--////////////////////////////////-->
+
+
+{% for post in site.posts %} {% if post['Project'] contains page.title %}
+
+<div class="project-index project-item-news">
+ <div class="container">
+ <div class="project-index-news">
+ <h6>Recent news from {{ page.title }} <span>(<a href="/updates">View all news</a>)</span></h6>
+ <div class="project-index-news-list">
+
+ {% break %} {% endif %} {% endfor %} {% assign news_count = 0 %} {% for post in site.posts %}
+ {% if post['Project'] contains page.title %} {% assign news_count = news_count | plus: 1 %}
+ {% if news_count == 6 %} {% break %} {% else %}
+
+ <div class="news-index-item">
+ <div class="news-list-summary">
+
+ <div class="news-list-summary-text {% if post['Feature Image'] %}with-image{% endif %}">
+
+ <a href="{{ post.url }}">
+ <h3>{{ post.title }}</h3>
+ </a>
+
+ <p>{{ post['Summary Text']}}</p>
+ {% capture post.Person %}{% endcapture %}
+ <div class="news-list-meta">
+ <p class="news-index-author">
+ {% include author.html %} {{ post.date | date: '%e %B, %Y' }}
+ </p>
+ </div>
+ </div>
+
+ {% if post['Feature Image'] %}
+ <div class="news-list-image-sm">
+ <a href="{{ post.url }}"><img class="news-feature-image"
+ src="{{ post['Feature Image'] }}"></a>
+ </div>
+ {% endif %}
+
+ </div>
+ </div>
+
+ {% endif %} {% endif %} {% endfor %} {% for post in site.posts %}
+ {% if post['Project'] contains page.title %}
+
+ </div>
+ </div>
+ </div>
+</div>
+
+{% break %} {% endif %} {% endfor %}
+
+</div>
diff --git a/_layouts/community.html b/_layouts/community.html
@@ -17,8 +17,9 @@ <h5>People:</h5>
  <li><a href="/staff">Staff</a></li>
  </ul>
  <ul>
- <li><a href="#working-groups">Working Groups</a></li>
- <li><a href="#community-grants">Community Grants</a></li>
+ <li><a href="/working-groups">Working Groups</a></li>
+ <li><a href="/community/mentorship">Mentorship Program</a></li>
+ <li><a href="/community-grants">Community Grants</a></li>
  <li><a href="#events">Events</a></li>
  <li><a href="#financials">Financials</a></li>
  </ul>
@@ -41,6 +42,7 @@ <h3>People</h3>
  <li><a href="/voting-members">Voting Members</a></li>
  <li><a href="/board">Board</a></li>
  <li><a href="/staff">Staff</a></li>
+ <li><a href="https://wiki.openstreetmap.org/wiki/Humanitarian_OSM_Team/HOT_Tasking_Manager_Organizations" target="_blank">Community and Partner orgs</a></li>
  </ul>
  </div>
  </div>
@@ -50,7 +52,7 @@ <h3>People</h3>
  </div>
 
  <div class="container">
-
+<!-- 
  <div class="community-programs">
  <a class="module link-through light" href="/community/working-groups" id="working-groups">
  <div class="module-details">
@@ -66,8 +68,57 @@ <h3>Community Microgrants</h3>
  <p class="module-cta">Learn more</p>
  </div>
  </a>
+ </div> -->
+
+ <div class="get-involved-body">
+
+ <div class="hr-h"></div>
+
+
+ <div class="container">
+ <h2 class="partner-subtitle">{{ page.blocktitle }}</h2>
+
+ <div class="module-group top-image">
+ <a class="module link-through light" href="{{ page.Working-Groups.Link }}" id="support-programs">
+ <div class="module-image">
+ <img src="{{ page.Working-Groups.Image }}">
+ </div>
+ <div class="module-details">
+ <h3>{{ page.Working-Groups.Title | markdownify }}</h3>
+ <div class="module-text">{{ page.Working-Groups.Text | markdownify }}</div>
+ <p class="module-cta">{{ page.Working-Groups.Action-text | markdownify }}</p>
+ </div>
+ </a>
+ <a class="module link-through light" href="{{ page.Community-Grants.Link }}" id="support-programs">
+ <div class="module-image">
+ <img src="{{ page.Community-Grants.Image }}" title="{{ page.Community-Grants.Image-description }}">
+ </div>
+ <div class="module-details">
+ <h3>{{ page.Community-Grants.Title | markdownify }}</h3>
+ <div class="module-text">{{ page.Community-Grants.Text | markdownify }}</div>
+ <p class="module-cta">{{ page.Community-Grants.Action-text | markdownify }}</p>
+ </div>
+ </a>
+ <a class="module link-through light" href="{{ page.Mentorship-Program.Link }}" id="support-programs">
+ <div class="module-image">
+ <img src="{{ page.Mentorship-Program.Image }}">
+ </div>
+ <div class="module-details">
+ <h3>{{ page.Mentorship-Program.Title | markdownify }}</h3>
+ <div class="module-text">{{ page.Mentorship-Program.Text | markdownify }}</div>
+ <p class="module-cta">{{ page.Mentorship-Program.Action-text | markdownify }}</p>
+ </div>
+ </a>
+ </div>
+
+ <div class="hr-h"></div>
+
+
+ </div>
+
  </div>
 
+
  <div class="hr-h"></div>
 
  <div class="event-promo" id="events">
@@ -96,7 +147,7 @@ <h3>Financials and Organization</h3>
  <h6>{{ page.Finances['Annual Report Header'] }}</h6>
  <div class="annual-report-wrapper">
  <div class="annual-report-image">
- <img src="https://cdn.hotosm.org/website/annual-report-2020-thumb.jpg">
+ <img src="/uploads/2022-2023-ImpactReport2.0.png">
  </div>
  <div class="annual-report-text">
  {{ page.Finances['Annual Report Text'] | markdownify }}
@@ -107,7 +158,7 @@ <h6>{{ page.Finances['Annual Report Header'] }}</h6>
  </div>
  </div>
 
- </div>
+ </div> 
 
  </div>
 

diff --git a/_posts/2021-04-13-mentoring-a-community-through-a-microgrant-application.markdown b/_posts/2021-04-13-mentoring-a-community-through-a-microgrant-application.markdown
@@ -9,6 +9,7 @@ Is image top aligned: false
 Person: Sophie Mower
 Project:
 - 'Community development: Microgrants and Device Grants'
+- Open Mapping Mentorship
 ---
 
 Since 2017, 221 communities and individuals have applied to HOT’s microgrant program and 66 of them have received the award. With each open call, the applications received have varied in strength.

diff --git a/_posts/2022-12-09-open-mapping-community-mentorship-french.markdown b/_posts/2022-12-09-open-mapping-community-mentorship-french.markdown
@@ -7,6 +7,8 @@ Summary Text: La communauté OpenStreetMap, une communauté de communautés, est
  OpenStreetMap peut aider à combler les écarts de compétences entre les communautés.
 Feature Image: https://cdn.hotosm.org/website/Mentorship+Banner.png
 Person: Tsongo Muluba Bienvenue
+Project:
+- Open Mapping Mentorship
 ---
 
 La communauté OSM, une communauté des communautés est formée des plusieurs contributeurs répartis dans différentes communautés locales de par le monde. 

diff --git a/_posts/2022-12-09-open-mapping-community-mentorship.markdown b/_posts/2022-12-09-open-mapping-community-mentorship.markdown
@@ -9,6 +9,8 @@ Feature Image: https://cdn.hotosm.org/website/Mentorship+Banner.png
 Person: Tsongo Muluba Bienvenue
 Working Group:
 - Community
+Project:
+- Open Mapping Mentorship
 ---
 
 The OpenStreetMap community, a community of communities, is made up of many mappers and other contributors spread out across local communities around the world. 

diff --git a/_posts/2023-04-14-peer-mentorship-sharing-techniques-and-inspirations.markdown b/_posts/2023-04-14-peer-mentorship-sharing-techniques-and-inspirations.markdown
@@ -14,6 +14,8 @@ Person:
 - Charles Chilufya
 Working Group:
 - Community
+Project:
+- Open Mapping Mentorship
 ---
 
 This blog is a result of the meetings held as a part of the Peer Mentor initiative by the Humanitarian OpenStreetMap. We started off our journey as a Peer Mentor group in September-October 2022 igniting our passion to learn about Open Street Mapping from each other. We were grouped according to our region, ASIA. We met a few times, virtually discussed, shared many ideas and views. Few of them will be documented in the following article for reference to others as well.