diff --git a/_layouts/community-mentorship.html b/_layouts/community-mentorship.html new file mode 100644 index 0000000000..fc3b4b376b --- /dev/null +++ b/_layouts/community-mentorship.html @@ -0,0 +1,143 @@ +--- +layout: default +--- + +
+

{{ page.title }}

+
+ +

+ {% 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 %} +

+
+
+ +
+ + {% if page['Feature Image'] %} + {% endif %} +
+ +
+
+
+ + {% if page['Project Summary Text'] %} +
+
+

{{ page['Project Summary Text'] }}

+
+
+ {% endif %} + +
+
+ + {{ content }} + +
+
+ +
+ + + +
+ +
+ + + + + +{% for post in site.posts %} {% if post['Project'] contains page.title %} + +
+
+
+
Recent news from {{ page.title }} (View all news)
+
+ + {% 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 %} + +
+
+ +
+ + +

{{ post.title }}

+ + +

{{ post['Summary Text']}}

+ {% capture post.Person %}{% endcapture %} +
+

+ {% include author.html %} {{ post.date | date: '%e %B, %Y' }} +

+
+
+ + {% if post['Feature Image'] %} +
+ +
+ {% endif %} + +
+
+ + {% endif %} {% endif %} {% endfor %} {% for post in site.posts %} + {% if post['Project'] contains page.title %} + +
+
+
+
+ +{% break %} {% endif %} {% endfor %} + + \ No newline at end of file diff --git a/_layouts/community.html b/_layouts/community.html index 0a4210d0c2..fb7f1482d7 100644 --- a/_layouts/community.html +++ b/_layouts/community.html @@ -17,8 +17,9 @@
People:
  • Staff
    • @@ -41,6 +42,7 @@

    People

  • Voting Members
  • Board
  • Staff
    • +
  • Community and Partner orgs
    • @@ -50,7 +52,7 @@

    People

    - + + +
    + +
    + + +
    +

    {{ page.blocktitle }}

    + +
    + +
    + +
    +
    +

    {{ page.Working-Groups.Title | markdownify }}

    +
    {{ page.Working-Groups.Text | markdownify }}
    +

    {{ page.Working-Groups.Action-text | markdownify }}

    +
    +     + +
    + +
    +
    +

    {{ page.Community-Grants.Title | markdownify }}

    +
    {{ page.Community-Grants.Text | markdownify }}
    +

    {{ page.Community-Grants.Action-text | markdownify }}

    +
    +     + +
    + +
    +
    +

    {{ page.Mentorship-Program.Title | markdownify }}

    +
    {{ page.Mentorship-Program.Text | markdownify }}
    +

    {{ page.Mentorship-Program.Action-text | markdownify }}

    +
    +     +
    + +
    + + +
    +
    +
    @@ -96,7 +147,7 @@

    Financials and Organization

    {{ page.Finances['Annual Report Header'] }}
    - +
    {{ page.Finances['Annual Report Text'] | markdownify }} @@ -107,7 +158,7 @@
    {{ page.Finances['Annual Report Header'] }}
    -
    +
    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 index 60be6c140b..92c341b87f 100644 --- 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 index 953cc95fb5..098720ca9a 100644 --- 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 index 51fba2268f..cbcaccb370 100644 --- 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 index 3096660a1e..3ee55f3671 100644 --- 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. diff --git a/_sass/base.scss b/_sass/base.scss index 534d99f6b7..c80b1b5138 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -2517,7 +2517,7 @@ em { //////////////////////////////////////////////// -/////////////////// Projects /////////////////// +///////////// Projects and Programs //////////// //////////////////////////////////////////////// @@ -2683,6 +2683,79 @@ $bg-color: rgb(100,100,100); } } +.program-body { + @media (min-width: $screen-sm) { + display: grid; + grid-gap: 24px; + grid-template-columns: repeat(12, 1fr); + } + .article { + // border-top: 1px solid $border-color; + padding-top: 24px; + padding-left: 5%; + padding-right: 2%; + background: white; + @media (min-width: $screen-sm) { + padding-top: 40px; + grid-column: 2 / 12; + } + @media (min-width: 1020px) { + margin: 0px 0 40px; + } + } + .pro-summary-wrap, .pro-content-wrap { + @media (min-width: $screen-sm) { + grid-column: 1 / -1; + display: grid; + grid-gap: 0 24px; + grid-template-columns: repeat(8, 1fr); + } + } + .project-summary { + grid-column: 1 / -1; + margin-bottom: 16px; + p { + font-size: 1.25rem; + color: $red; + @media (min-width: $screen-sm) { + font-size: 1.5rem; + } + } + } + .project-feature-image { + grid-column: 1 / -1; + width: 100%; + max-height: 500px; + object-fit: cover; + margin-top: 24px; + } + .project-content { + grid-column: 2 / -2; + } + .meta { + padding-top: 40px; + // border-top: 1px solid $border-color; + margin: 24px 0 40px; + @media (min-width: $screen-sm) { + grid-column: 10 / -1; + } + } +} + +.program-header { + // margin-left: 48px; + margin-bottom:10px; + h1 { + margin-top: 40px; + @media (min-width: $screen-xs) { + margin-top: 64px; + } + } + .program-header-meta { + margin-top: 12px; + } +} + .meta-item.project-logo { text-align: center; padding-bottom: 40px; @@ -2715,6 +2788,186 @@ $bg-color: rgb(100,100,100); } } +.program-promo { + border-radius: 2px; + position: relative; + margin: 0px 0 40px; + @media (min-width: $screen-xs) { + display: grid; + grid-template-columns: repeat(12, 1fr); + grid-template-rows: auto; + } + h2 { + // position: absolute; + color: white; + top: -68px; + font-size: 80px; + @media (min-width: $screen-xs) { + // position: absolute; + top: -24px; + } + } + h4 { + // position: absolute; + color: white; + // top: -68px; + font-size: 20px; + padding-top: 25px; + padding-bottom: 25px; + font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; + @media (min-width: $screen-xs) { + // position: absolute; + // top: -24px; + } + } + .event-info { + grid-column: span 8; + // background-color: $red-light; + padding: 32px; + display: flex; + flex-direction: column; + @media (min-width: $screen-xs) { + padding: 56px 0px 40px; + } + } + .event-description { + flex: 1; + p { + margin-bottom: 14px; + } + } +} + +.promo-title-image { + grid-column: span 12; + background-image: url(/uploads/Ramani-Huria-Dar-es-Salaam-v3.jpg); + background-repeat: no-repeat; + background-size: cover; + max-width: auto; + max-height:100%; + padding: 40px 32px 32px; + @media (min-width: $screen-xs) { + padding: 56px 40px 40px; + } + img { + display: block; + } +} + + +.container-stats-program { + padding: 0 16px; + margin: 0; + width: 60%; + @media (min-width: $screen-xs) { + padding: 0 0px; + } +} + +.container-program { + display: inline-grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 0.5fr 1.3fr; + gap: 0px 0px; + grid-template-areas: + ". . ." + ". . ."; + @media (min-width: $screen-xs) { + gap: 0px 100px; + } +} + +.hr-h-program { + min-width: 100%; + width: 100%; + height: 1px; + background-color: $border-color; + margin: 4px 0 4px; + @media (max-width: $screen-sm) { + margin: 4px 0 4px; + } +} + +.hr-h-program-separators { + min-width: 100%; + width: 100%; + height: 1px; + background-color: #C7CBD1; + opacity: 0; + margin: 35px 0 35px; + @media (max-width: $screen-sm) { + margin: 4px 0 4px; + } +} + +.program-stats { + display: flex; + justify-content: space-between; + text-align: center; + margin-bottom: 24px; + position: relative; + @media (max-width: $screen-sm) { + flex-wrap: wrap; + .hide-sm { + display: none; + } + } + .hr-v { + height: 100%; + padding: 40px 0; + margin: 0 16px; + align-self: center; + flex-basis: 1px; + flex-grow: 0; + flex-shrink: 0; + opacity: 0; + + } + .stat-title { + color: white; + line-height: 1.35; + } +} + +.program-stat { + width: 100%; + align-self: center; + border-top: 1px opacify($color: #000000, $amount: 0); + border-bottom: 1px opacify($color: #000000, $amount: 0); + padding: 27px 0 34px; + @media (max-width: $screen-sm) { + width: calc(50% - 17px); + &:not(:nth-child(3n)) { + border-top:none; + } + &:nth-child(1) { + border-top: 1px solid $border-color; + } + } + p { + text-align: center; + } +} + +h7 { + color:white; + font-size: .875rem; + font-weight: bold; + font-style: normal; + padding-bottom: 5%; +} + +.container-body-program { + padding: 0 16px; + margin: 0 auto; + width: 100%; + @media (min-width: $screen-xs) { + padding: 0 100px; + } +} + + + .iframe-container{ display: inline-table; width: 100%; @@ -5497,6 +5750,18 @@ th, td { text-shadow: 0 1px 2px rgba(0, 0, 0, .5); } } + &.white { + background-color: white; + h3 { + color: black; + } + p { + color: $blue-light; + } + a { + text-shadow: 0 1px 2px rgba(0, 0, 0, .5); + } + } &.orange { background-color: shade($orange, 10%); h3 { diff --git a/community.markdown b/community.markdown index c2af8c980d..a484a18854 100644 --- a/community.markdown +++ b/community.markdown @@ -4,17 +4,18 @@ date: 2018-02-06 15:20:00 Z permalink: "/community/" position: 5 redirect_from: "/people" -Event Promo: +blocktitle: Get Involved +Event Promo: Event Name: HOT OpenSummit '23-24 - Description: "**HOT's OpenSummit ‘23-24 is ON!** \n\nGet ready for a year of global - events that focus on collective action within the humanitarian open mapping community. + Description: "**HOT's OpenSummit ‘23-24 is ON!** \n\nGet ready for a year of global events + that focus on collective action within the humanitarian open mapping community. \n\nWith the success of the *unSummit*, and with a little bit of rebranding, we - are very excited to launch this year's HOT OpenSummit '23-24 and **open our call - for collaborations** so more communities and organizations around the world bring - their events as part of this global movement." + are very excited to launch this year's HOT OpenSummit '23-24 and **open our + call for collaborations** so more communities and organizations around the world + bring their events as part of this global movement." Image: "/uploads/Website%20MainBanner-51e09d.png" URL: "/projects/opensummit23-24/" - Button: Learn More + Button: "Learn More" People: Description: The HOT community is made up of volunteers, local community leaders, and professionals committed to the mission of helping reach those in need through @@ -22,13 +23,27 @@ People: volunteers, interns, and board members. Read more about different community members or learn more about becoming a part of the community. Image: https://cdn.hotosm.org/website/Innocent+and+team.jpg -Working Groups Description: Working Groups are at the core of how HOT organizes projects, - supports disaster response, and functions as a community. Each Working Group consists - of members across the community meeting on a monthly, bi-weekly, or weekly basis. -Community Grants Description: HOT offers a range of funding programs to OSM Communities - in low- and middle-income countries with the resources they need to launch and grow - their activities and impact. Learn more about the communities and work that have - benefited from grants. +blocktitle: Community and projects +Working-Groups: + Title: Working Groups + Link: /community/working-groups + Image: /uploads/IMG_20231101_110032703.jpg + Text: Working Groups are at the core of how HOT organizes projects,supports disaster response, and functions as a community. Each Working Group consists of members across the community meeting on a monthly, bi-weekly, or weekly basis. + Action-text: Learn More +Community-Grants: + Title: Community Grants + Link: /community/community-grants + Image: https://cdn.hotosm.org/website/Practical+Action+Bolivia+2.jpg + Image-description: "Practical Action Bolivia Team: Training Community Members in Mapping Areas Impacted by Forest Fires" + Text: HOT offers a range of funding programs to OSM Communities in low- and middle-income countries with the resources they need to launch and grow their activities and impact. Learn more about the communities and work that have benefited from grants. + Action-text: Learn More +Mentorship-Program: + Title: Mentorship Program + Link: /community/mentorship + Image: /uploads/Mentorship_onboarding1_27May2023%20(1).png + Text: The HOT Community Working Group initiated a Mentorship Program to provide peer to peer learning and knowledge exchange in the humanitarian and open mapping space. + Action-text: Learn More + Finances: Text: |- HOT is a global not-for-profit organization registered in the United States of America. @@ -38,13 +53,13 @@ Finances: Access older financial reports and organization bylaws in our archive here. 990 Report Button: Download 2021 990 PDF 990 Report URL: "/downloads/2021-Form-990.pdf" - Annual Report Header: 2020-21 Annual Report + Annual Report Header: 2022-23 Annual Report Annual Report Text: "Each year we publish an annual impact report to recap projects and share updates from the community. We cover stories from our projects and share data about the successes and impact of the community. \n\nDownload our latest - annual report below. Access our annual report archive here." - Annual Report Button: Access 2021-22 Annual Report - Annual Report URL: https://impactreport2022.hotosm.org/ + annual report below. Access our annual report archive here." + Annual Report Button: Access 2022-23 Annual Report + Annual Report URL: https://www.hotosm.org/uploads/2022-2023-ImpactReport08_30.pdf layout: community --- diff --git a/community/mentorship.markdown b/community/mentorship.markdown index 096950f470..db754ed25a 100644 --- a/community/mentorship.markdown +++ b/community/mentorship.markdown @@ -1,21 +1,28 @@ --- title: Open Mapping Mentorship date: 2023-10-10 12:43:00 Z -2022 Pilot Mentorship: In the pilot phase, the mentorship structure is peer mentorship. - In peer mentorship, all members receive mentorship and are organized by a group - facilitator who is already part of the group. The choice of this type of mentorship - is to boost the interest, knowledge, and confidence of mentors to become great mentors - for the next cohort of mentees. -2023 Mentorship Program: Building on the pilot mentorship program, we are proceeding - with a Mentor-mentee and group mentorship structure. Lessons, feedback, suggestions - from the pilot will be heavily incorporated into this design. -Field name: -layout: page +Partner: Women+ in Geospatial (W+G) Mentorship Programme +Feature Image: /uploads/Mentorship_onboarding1_27May2023%20(1).png +Impact Area: +- Public Health +- Gender Equality +- Displacement & Safe Migration +- Disasters & Climate Resilience +- Sustainable Cities & Communities +Calendar: +- Google Calendar +# Duration: +# Start Date: 2022-01-01 00:00:00 Z +# End Date: 2024-12-12 00:00:00 Z + +layout: community-mentorship --- -![Mentorship_onboarding1_27May2023 (1).png](/uploads/Mentorship_onboarding1_27May2023%20(1).png) +## Join the Open Mapping Mentorship! + + +The HOT Community Working Group initiated a Mentorship Program to provide peer to peer learning and knowledge exchange in the humanitarian and open mapping space. -The HOT Community Working Group initiated a Mentorship Program to provide peer-to-peer learning and knowledge exchange in the humanitarian and open mapping space. The Program is also inspired by Angela Teyvi during her Community Working Group Ask Me Anything (AMA) Session in March 2022. Angela shared how mentorship has played a major role in her career development and capability in humanitarian open mapping. [You can watch the recording here.](https://www.youtube.com/watch?v=x4EckEvVA0I) @@ -23,4 +30,14 @@ We built upon the knowledge and efforts of other mapping communities in conducti **The pilot program was initiated in 2022 and continued in 2023. -Read more about it in the [OSM Wiki.](https://wiki.openstreetmap.org/wiki/Humanitarian_OSM_Team/Working_groups/Community/Mentorship)** \ No newline at end of file +## 2022 Pilot Mentorship + +In the pilot phase, the mentorship structure is peer mentorship. In peer mentorship, all members receive mentorship and are organized by a group facilitator who is already part of the group. The choice of this type of mentorship is to boost the interest, knowledge, and confidence of mentors to become great mentors for the next cohort of mentees. + +## 2023 Mentorship Program: Building on the pilot mentorship program, we are proceeding + +with a Mentor-mentee and group mentorship structure. Lessons, feedback, suggestions from the pilot will be heavily incorporated into this design. + + +Read more about it in the [OSM Wiki.](https://wiki.openstreetmap.org/wiki/Humanitarian_OSM_Team/Working_groups/Community/Mentorship) + diff --git a/index.md b/index.md index b30577ac3e..7b2bf3df6b 100644 --- a/index.md +++ b/index.md @@ -27,10 +27,8 @@ Home Module 1: URL: "/tools-and-data" Home Module 2: Header: Community & Events - Text: Learn about the community and the latest events — especially about the Open - Summit 2023, a decentralized, year-long program of 13 global, regional, and local - conferences. - Image: "/uploads/Website%20MainBanner-51e09d.png" + Text: Learn about the community and the latest events — especially about the Open Summit 2023, a decentralized, year-long program of 13 global, regional, and local conferences. + Image: "/uploads/opensummit-banner-2023-2024.png" Call to Action: Learn more URL: "/projects/opensummit23-24/" Home Module 3: