Skip to content

Commit

Permalink
Changes to layout of the website's home page (#839)
Browse files Browse the repository at this point in the history
* enhanced-landing-page

* - Enhancement to the landing page
- Changes to buttons on community pages

* enhanced community page

* Update base.scss

updated for smaller screens than iphone pro

* Update base.scss

* Merge branch 'gh-pages' of https://github.com/Claurt07/hotosm-website into gh-pages

fixed issue with screens smaller than iphone pro

* changes to ignored files

updating to sync

* Update .gitignore

* Update Gemfile.lock

* Update Gemfile

* Create .DS_Store

* Delete .DS_Store

* Delete downloads/.DS_Store

* Delete downloads/aoi_projects/.DS_Store
  • Loading branch information
Claurt07 authored Jan 24, 2024
1 parent 6f88f79 commit 06a5af3
Show file tree
Hide file tree
Showing 19 changed files with 438 additions and 62 deletions.
2 changes: 1 addition & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -3,4 +3,4 @@ _site
.jekyll-metadata
/.DS_Store
/images/.DS_Store
vendor/
vendor/
2 changes: 1 addition & 1 deletion Gemfile
Original file line number Diff line number Diff line change
Expand Up @@ -29,4 +29,4 @@ gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
gem 'jekyll-paginate'
gem 'jekyll-redirect-from'
gem 'jekyll-sitemap'
gem 'kramdown-parser-gfm', '~> 1.1.0'
gem 'kramdown-parser-gfm', '~> 1.1.0'
98 changes: 70 additions & 28 deletions _layouts/home.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,57 +11,99 @@

<div class="home">

<div class="container">
<header class="home-header">
<h1>{{ content }}</h1>
<div class="home-cta">
<a href="/what-we-do" class="btn btn-primary btn-lg btn-chevron btn-block">
Learn about what we do
</a>
<a href="https://tasks.hotosm.org/explore" class="btn btn-info btn-lg btn-chevron btn-block class start-mapping-btn ttu font-headline">
Start mapping
</a>
</div>
</header>
</div>

<div class="home-highlights-controls">

<div class="home-controls">
<div class="control" id="control-left">Left</div>
<div class="control" id="control-right">Right</div>
</div>

<div class="home-highlights">

<div class="home-highlights-wrapper piwikTrackContent">

{% for home-project in page.Project %}
{% for home-project in page.Project limit:3 %}
{% for project in site.projects %}
{% if home-project == project.title %}
<a href="{{ project.url }}" class="home-highlight">
<!-- {% if home-project == project.title %} -->
<a class="home-highlight3">
<img src="{{ project['Feature Image'] }}">
<div class="home-highlight-title">
<p>

<div class="home-highlight-title2">

<div class="container">
<header class="home-header">
<div>
<h1 style="color: white; padding: 1% 1% 1% 2%;" class="home-highlight2">HOT is an international team dedicated to humanitarian action and community
development through open mapping. {{ description }}</h1>
</div>
<div class="home-cta">
<a href="/what-we-do" class="btn btn-primary btn-lg btn-chevron btn-block font-headline">
LEARN WHAT WE DO
</a>
<a href="https://tasks.hotosm.org/explore" class="btn btn-info btn-lg btn-chevron btn-block class start-mapping-btn ttu font-headline">
Start mapping
</a>
</div>
</header>
</div>
<!-- <p>
{{ project.title }}
</p>
<p><span>
</p> -->
<!-- <p><span>
{% if project.Country.size < 3 %}
{% for country in project.Country %}
<i>{{ country }}</i>
{% endfor %}
{% else %}
{{ project.Country.size }} Countries
{% endif %}
</span></p> -->
</div>
</a>
<!-- {% endif %} -->
{% endfor %}
{% endfor %}
{% for home-news in page.News limit:3 %}
{% for project in site.projects %}
{% if home-news == project.title %}
<a href="{{ project.url }}" class="home-highlight">
<img src="{{ project['Feature Image'] }}">
<div class="home-highlight-title">
<p style="font-size: 2.15rem;">
{{ project.title }}
</p>
<p><span>
<!-- {% if project.Country.size < 3 %}
{% for country in project.Country %} -->
<i>{{ project['Summary Text'] }}</i>
<!-- {% endfor %}
{% else %}
{{ project.Country.size }} Countries
{% endif %} -->
</span></p>
</div>
</a>
{% endif %}
{% endfor %}
{% endfor %}


</div>
</div>

<div class="container">
<header class="home-header">
<!-- <h1>{{ content }}</h1>
<div class="home-cta">
<a href="/what-we-do" class="btn btn-primary btn-lg btn-chevron btn-block">
Learn about what we do
</a>
<a href="https://tasks.hotosm.org/explore" class="btn btn-info btn-lg btn-chevron btn-block class start-mapping-btn ttu font-headline">
Start mapping
</a>
</div> -->
</header>
</div>

<div class="home-highlights-controls">
<div class="home-controls">
<div class="control" id="control-left">Left</div>
<div class="control" id="control-right">Right</div>
</div>

</div>

<div class="container home-stats">
Expand Down
63 changes: 63 additions & 0 deletions _projects/about-us.markdown
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
---
title: What We Do
date: 2018-02-06 13:06:00 Z
position: 1
Primary Button:
URL: "/our-work"
Words: Learn about our impact
Secondary Button:
URL: "/get-involved"
Words: Get involved
Block 1:
Header: Reaching those in need through maps
Text: When major disaster strikes anywhere in the world, thousands of HOT volunteers
come together online and on the ground to create open map data that enables disaster
responders to reach those in need.
Image: https://cdn.hotosm.org/website/DOceJ9QWkAAYthW.jpg
Project:
- 'Canoa de Tolda'
Block 2:
Header: Mapping areas vulnerable to disaster
Text: Through the Missing Maps project, the HOT global community creates maps of
high vulnerability areas where data is scarce, putting an area home to millions
of people onto the world map in OpenStreetMap.
Image: https://cdn.hotosm.org/website/Congestion+at+the+Water+PumpSmall.jpg
Project:
- 'Infectious diseases: Malaria elimination'
- Missing Maps
Block 3:
Header: Expanding knowledge across partners and communities
Text: HOT enables communities, NGOs, international organizations, and government
partners to use and contribute to OpenStreetMap for locally-relevant challenges
through provision of training, equipment, knowledge exchange, and field projects.
Image: https://cdn.hotosm.org/website/52100358553_83b4e6eae5_o+(2).jpg
Project:
- 'Supporting decentralization in Liberian cities: LEGIT'
Block 4:
Header: Developing innovative new technology to serve the humanitarian and development
communities
Text: HOT develops open source apps and tools for collaborative mapping and geospatial
data collection. Our tools are free for all to use and leveraged by partners such
as Red Cross societies, Médecins Sans Frontières, UN agencies and programmes,
government agencies, and local NGOs and communities.
Image: https://cdn.hotosm.org/website/DW4U0XgXkAEncby+country+teams+in+Kampala+Feb+2018.jpg
Project:
- 'UAV Imagery for Disaster Response: Pacific Drone Imagery Dashboard (PacDID)'
Block 5:
Header: Working to support and build OpenStreetMap
Text: All of this work is done through <a href="https://www.openstreetmap.org/">OpenStreetMap</a>.
OpenStreetMap is the community-driven free and editable map of the world, supported
by the not-for-profit OpenStreetMap Foundation. HOT works around the globe to
support and increase the use of OpenStreetMap and help build local OpenStreetMap
communities.
Image: https://cdn.hotosm.org/website/osm-landing-page.png
Links:
- <a href="https://wiki.osmfoundation.org/wiki/Main_Page">OpenStreetMap Foundation</a>
- <a href="https://wiki.openstreetmap.org/wiki/Main_Page">OSM Wiki</a>
- <a href="http://wiki.openstreetmap.org/wiki/Mailing_lists#Country-Specific_Lists">Local
community discussions</a>
Feature Image: https://cdn.hotosm.org/website/0_AtsGVCWwFktmTjCQ.jpg
layout: what-we-do
---

HOT is an international team dedicated to humanitarian action and community development through open mapping. We work together to provide map data which revolutionises disaster management, reduces risks, and contributes to achievement of the Sustainable Development Goals.
4 changes: 4 additions & 0 deletions _projects/mini-grids.markdown
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,10 @@ Partner:
Duration:
Start Date: 2018-01-01 00:00:00 Z
End Date: 2018-12-31 00:00:00 Z
# tm_campaigns:
# - 2023 El Nino Mapping
# - Mini grids
# - Mini grids ×
project_extent: ESA-201801-SC-IRE.geojson
Google Drive: https://drive.google.com/drive/folders/1WrPMJukORSruKeyml42BIEiojwhYVRKu?usp=sharing
Data:
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,8 @@ Partner:
Duration:
Start Date: 2018-05-01 00:00:00 Z
End Date: 2021-04-01 00:00:00 Z
# tm_campaigns:
# - "#meteor"
project_extent: GLB-201805-DC-MET.geojson
Google Drive: https://drive.google.com/drive/u/1/folders/1l6nMr0axyBoo9rWWdI_E4CqLLjwmWAoD
Map Products:
Expand Down
99 changes: 99 additions & 0 deletions _projects/opensummit23-24
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
---
title: HOT OpenSummit 23-24
date: 2023-07-17 20:29:00 Z
# permalink: opensummit23-24
Summary Text: '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.'
Feature Image: http://127.0.0.1:4000/uploads/Website%20MainBanner-51e09d.png
summit-image: "/uploads/Website%20MainBanner-51e09d.png"
intro-text: |-
<h2>The HOT OpenSummit is excited to join:</h2><br>
<br>
<h4><a href="https://2023.stateofthemapnigeria.org/">State of the Map Nigeria</a>, Abuja, Nigeria: October 11-14, 2023</h4><br>
<h4><a href="https://2023.foss4g-oceania.org/">FOSS4G + SotM Oceania</a>, Auckland, New Zealand: October 16-20, 2023</h4><br>
<h4><a href="https://2023.abrelatam.org/">AbreLatam and ConDatos</a>, Montevideo, Uruguay. October 31 - November 03, 2023</h4><br>
<h4><a href="https://wiki.openstreetmap.org/wiki/OSM_Kerala_Community_Meetup_2022">OSM Kerala Annual Meet</a>, Kozhikode, India: November 04-05, 2023</h4><br>
<h4><a href="https://gisday.rootgis.org/">GIS Day Dar es Salaam</a>, Tanzania: November 15-16, 2023</h4><br>
<h4><a href="https://stateofthemap.asia/">FOSS4G Thailand + SotM Asia</a>, Bangkok, Thailand: November 16-18, 2023</h4><br>
<h4><a href="https://pistangmapa.org/2023/">Pista ng Mapa</a>, Tacloban City, Philippines: November 21-23, 2023</h4><br>
<h4><a href="https://foss4g.asia/2023/">FOSS4G Asia</a>, Seoul, Korea: November 28 - December 02, 2023</h4><br>
<h4><a href="https://2023.stateofthemap.africa/">State of the Map Africa</a>, Yaounde, Cameroon: November 31 - December 02, 2023</h4><br>
<br>
<br>
block-0:
Title: About HOT OpenSummit '23-24
Text: "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."
Action-text:
Link:
Image: "/uploads/OpenSummit%20World%20Map%20v1-a0f0eb.png"
block-1:
Title: A brief history of the OpenSummit
Text: |-
After years of gathering together in just one place for our annual conference, in 2022 we launched the *HOT unSummit*, a decentralized, year-long program of 13 global, regional, and local conferences worldwide, where each community brought together its own perspectives on open mapping, OpenStreetMap, humanitarian response, and social impact.

This year, the *unSummit* comes back as the **OpenSummit**!
Action-text: Learn more about unSummit 2022
Link: "/unsummit2022"
Image: "/uploads/FOSS4G%20Firenze.webp"
Image-text: "*State of the Map 2022*"
block-2:
Title: Ready to apply?
Text: "The call for collaborations will remain open till 2024, and the selection
of event collaborations will be made three times a year, with decisions taken
in November 2023, March 2024 and July 2024. \n\nCheck out which type of event
fits you better: Conference, 3rd Party Event or Community.\n"
Action-text: Submit your event here
Link: https://airtable.com/appixgXPcDSV2SpOA/shrrS73HoMh0J7ssw
Image: "/uploads/geong2022.jpeg"
Image-text: "*GeOnG 2022*"
block-3:
Title: Propose a Conference
Text: |-
We encourage collaboration with local organizing committees (LOCs) for existing conferences that focus on open mapping or humanitarian/development work relevant to open mapping. These events should align closely with the criteria set for the HOT OpenSummit event collaborations. Priority will be given to conferences in HOT's priority countries.

Examples of previous conferences include: State of the Map Asia, State of the Map Tanzania, and the Pacific Geospatial Conference.
Action-text: Check the selection criteria here
Link: "/opensummit23-24/conferences "
Image: "/uploads/SOTMTanzaniaUnSummit.jpeg"
Image-text: "*State Of The Map Tanzania 2023*"
block-4:
Title: Propose an Intervention in a 3rd Party Event
Text: "We seek to support and collaborate with open mapping groups to bring open
mapping to new or relevant audiences. This collaboration can take various forms,
such as satellite events, content tracks, social events, etc. The goal is to promote
open data awareness, advocacy, and collaborations/partnerships, particularly in
non-traditional open mapping spaces and with map user audiences. \n\nExamples
of these from the past year include: The Teto Brasil annual gathering, Cidade
em Foco (Brazil), Zimbabwe Institute of Geomatics Conference."
Action-text: Check the selection criteria here
Link: "/opensummit23-24/3rd-party-events"
Image: "/uploads/OpenSummit%20One%20Pager-tetobrazil.png"
Image-text: "*Teto Brasil Annual Gathering 2022*"
block-5:
Title: Propose a Community Event
Text: "We aim to support national or local open mapping communities coming together
to share experiences, develop skills, build relationships, and, most importantly,
to foster collaborative humanitarian open mapping activities. These community
events do not need to be pre-existing and can be small-scale. Selection criteria
for these events include their ability to provide value to the communities that
HOT supports and their contribution to movement building. \n\nExamples of such
events from the past year include: Yekastreet series (Nicaragua) and ENEG (National
Meeting of Geography Students (Mexico)\n"
Action-text: Check the selection criteria here
Link: opensummit23-24/community-events
Image: "/uploads/collaboration.jpeg"
Image-text: "*GIRD+OSM Lima 2022*"
opensummit-timeline:
Title: OpenSummit '23-24 Timeline
Image: "/uploads/timeline1-3db8ec.png"
opensummit-map:
Title:
Image:
layout: summitlanding
---

Loading

0 comments on commit 06a5af3

Please sign in to comment.