hotosm / hotosm-website

The website of the Humanitarian OpenStreetMap Team. See instructions below for writing blog posts or updating your profile.

HOTOSM Website

This repo is the codebase for the main Humanitarian OpenStreetMap Team website. See gh-pages branch for Jekyll code. If looking for the previous Drupal codebase, see the current master branch.

• See the issues queue for all discussions and tasks.
• Chat available on HOTOSM Slack within the #hotosm-website channel, or join the same conversation on our Space (Beta) on Matrix, a modern open source and decentralized platform.

Getting Started with Development

This site uses Jekyll. To get started on GNU/Linux, Unix, or macOS, you must meet the following requirements:

• Ruby 2.2.5 or above
• RubyGems
• GCC and Make

First, install bundler.

gem install bundler

Next, use bundler to install the build dependencies:

bundle install

Then, start Jekyll with bundler (this resolves any dependency issues you may have):

bundle exec jekyll serve --incremental

Finally, navigate to http://127.0.0.1:4000/ and you should see the new website!

Key pages & script/data dependencies

Website issues

Please use the issue tracker at https://github.com/hotosm/hotosm-website/issues to report bugs, develop ideas, ask questions or give feedback. Thank you!

Security Notes

• Github Pages does not support HSTS even when added in meta tags
• Content-Security-Policy must be tweaked appropriately when new integrations are added
• Security header controls are absent in GH-Pages; So it's added as HTTP meta tags in _includes/head.html

hotosm-website's Issues

Broken links in Project pages

I just noticed that http://hot.openstreetmap.org/projects/osm_community_mapping_for_flood_preparedness_in_malawi does not display the picture and the related blog posts anymore.

Leadership field on users' profile

Anyone who is on the Board or Member Chair would be an admin

Set up staging site

If we work with several people we need an additional staging site to test commits, and to allow other to see whether the proposed change solves the issue before pushing it to the production site.

post-redirect link moving to hotosm.org

We've redirected hot.openstreetmap.org -> hotosm.org for all the good reasons described at:
#6

As a follow-up we should think about all the places where we can fix links to point directly at hotosm.org where previously we linked hot.openstreetmap.org The redirect means that it is not critical, it's just a way of setting the example and encouraging everyone onto one canonical URL.

• main wiki HOT page (the easy one)
• more places throughout the wiki (search)
• hotosm twitter profile
• http://learnosm.org links in the bottom right
• http://tasks.hotosm.org/about
• http://export.hotosm.org - hmm can't actually see any links to it, which is another problem

Switch to Piwik for website stats

To facilitate the sharing of our website stats, we would like to consider using Piwik to track traffic on the main HOT websites. One issue to consider is if the piwik stats would be fully public or restricted to just the HOT/OSM interested community.

Getting theme sass files back on track

I just wanted to do some theming for #32 and compiled Sass against it. But it looks like there are some lines in the css files that got added without being defined in the sass file. This should be fixed.

Search functionality

Taken from: hotosm/tech#46

Searching by tags, author, date for news (updates)

Language pop down menu does pop down for selection

When I try to use the language pop down menu, I can never get it to pop down so there is no way for me to select another language. Tested on win7 FF, Chrome, and MacOS FF, Chrome, Safari

Edit: The pop down does work if I go to a non existent page and get the 404 page or if I am on any of the French pages, I can select English or French, but once I am on the regular English pages, the pop down stops working.

Redesign

The website right now is not very responsive and looks not very good on mobile devices and smaller tablets. It would be good to offer a responsive design for smaller resolutions.

This might be good to implement with a general design overhaul. But it should be in the list here to not forget and implement at least within the next half a year or so...

Opinions? Ideas?

Add Japanese as a Language Option

Can we add Japanese as a language option?

Position navigation bar properly

The navigation bar is placed very too near to the language selector. There the position of the navigation bar is, depends a bit on the amount of items (lenth of navigation). This is not a good desire and CSS needs to be adjusted to keep the bar always in it's place.

First reported by @ifrik in #15

Email subscription for news

Taken from hotosm/tech#10

Implement a simple newsletter functionality to send news (content type "update") out to people who left their email address in some subscription block on the website.

Bad link on http://hot.openstreetmap.org/get-involved ?

The section that reads:
HOT Separate OSM Data Store: A tool to store sensitive or non-OSM suitable data alongside the existing OSM dataset.
is linked to:
http://datastore.hotosm.org/
I am not sure if that exists or is just down, but it doesn't respond.

Call to action text for activations

We'd need a good and short text that gives people a starting point on how to get involved in activations. Check the dev site please:

http://www.dev.hotosm.org/activations (user and password is "hotosm")

Support for SSL (https)

Could we enable https on the site? It is unlikely that browsing the HOT website is going to be a privacy concern for many people but the user login is currently sent over plaintext (using OpenID presumably fixes this for those that have enabled it) and Google have begun to regard https as a ranking factor [0]. Site wide https by default would solve the login issue, help the Google ranking and allow us to worry less about visitor privacy in the future.

openstreetmap.org already as a https wildcard cert that could presumably be used without any particular effort for hot.openstreetmap.org, but I don't know about the hotosm.org domain (presumably many error messages would occur).

[0] http://googlewebmastercentral.blogspot.com/2014/08/https-as-ranking-signal.html

Present projects depending on their type and highlight ongoing projects (emergency mapping)

I don't know what you think: But for visitors who want to get involved in one of the activations and arrive to the website it is almost impossible to understand which projects are really active.

How has this been handled until now? There is a checkbox on the projects that promotes it to the front page. Are all projects ongoing activations?

I would propose to highlight the really active projects, that need people to jump on, on the project page in a slightly different background or seperate them from the others with a suitable headline like "Get involved in this projects now" and "Long term projects" and maybe "Archived projects",.... something like that.

And on the frontpage we could make a more calling headline to the block of projects, like the first one in the projects overview page for the ongoing activations.

Unify domains

For example pages http://hotosm.org/get-involved and http://www.hotosm.org/get-involved show different content. I guess that the page www.hotosm.org is somehow outdated, maybe there is a cache problem...

Footer remake

Twitter, Facebook and "user login" would be nicer, less text and more illustrative to represent with small icons.

Description texts for working groups

We now have the possibility to present the working groups and assign people on the website to be members of them (#12). Before we can make this really public we'd need suitable and short (!!) texts for each working group: http://hotosm.org/working-groups

Thank you!

Nicer language switcher

It would be good to have a more beautiful language switcher than this a little bit massive drop down for only two languages.

update to core 7.32

After a security alert, I patched the relevant file database.inc but the regular update to 7.32 still needs to be done.

View for users by their working group

We need a view for that, and put it under the description texts for working groups.

Video section (related to projects)

Taken from: hotosm/tech#11

A section with a content type for videos and views to show them on the related places is requested by @mikelmaron to be implemented.

As far the first step has been done. The content type has been created and it would be good to have some videos to be integrated: http://hotosm.org/node/add/video

This would be good to have in order to then theme it nicely and put the right views in place.

@mikelmaron, do we have enough videos to use already? Can you create them, please? Or provide some links to youtube, where these are hosted. Thanks!

Lead visitors to become contributers

[Feature request]

When a visitor interested in helping HOT by enhancing OSM data he has (imho) a hard time finding the right place. Right now he has to discover the "get involved" link (which shouldn't be too hard) – but the link pointing to the task manager is in the middle of the following page "hidden" in a big text block.

User Profile, Working Group role

For Working Groups, the role will be different per group. Might make sense to be a drop down too. How much trouble is it to amend that? If it's a bit of work, perhaps we just start off without the role.

Role removed to an existing account

Discussion with Felix DeLattre. He says that I have no role to edit on hot.openstreetmap.org. I wonder how I was able to write all the updates so far.

Could somebody look at Account pierre dot beland and fix the role problem with this account?

Country field does not allow selection

Reported by @jaakkoh:

I tried to create a Drupal account for Tyler but didn't succeed as the country field is required but on my screen (using Windoze and Chrome) I couldn't enter any value to it nor do I see drop down values.

Error on user page: Notice: Undefined index: title in field_extra_fields_get_display

What's wrong on this page? http://hot.openstreetmap.org/user/52

Currently showing the error "Notice: Undefined index: title in field_extra_fields_get_display() (line 682 of /var/www/modules/field/field.module)." in a red box at the top

Get Involved and About pages overhaul

Most of the static information available on the website is far out of what people would read on a screen. This all needs a good work on shorting in a good way most of the information, especially in the "About" and "Get involved" sections.

I would suggest that any volunteer could just start working on texts, upload them to a suitable and accessible web service so @wonderchook (i guess?) can review them and somebody puts them up then.

• About
• Get Involved

Rethink second level navigation

When visiting the "About", "Leadership" or "Get involved" sections we have a second level navigation menu on the right side as a block.

Let this issue to be used to see if we can/want to improve this. Alternatives, I have in my head, could be a drop down navigation or a second line under the first level navigation. Both are generally more intuitive for visitors and would not take so much space away than a whole sidebar.

Opinions?

Restructure "Get involved" and "Who we are" sections

I think we need to be strategic about the top level headers on the website. I think it makes more sense for the working groups to go under "Get Involved".

I'm thinking that instead of having a "Leadership" tab that should be switched to "Who we are" or something like that. That way we would have under that tab but Leadership and Voting Members.

Thoughts?

@mikelmaron

Remove signature field from user profile, won't be used

Boost cache issue on www.hotosm.org

I know this is a duplicate of a closed issue, but it still seems to be happening. I don't know how much of a concern it is since I don't know how much traffic that domain gets as opposed to the hot.openstreetmap.org domain but I thought I would make an issue for it just in case there is something we can do about it.

www.hotosm.org is days behind hot.openstreetmap.org with a boost cache comment that reads:

<!-- Page cached by Boost @ 2015-02-24 12:32:05, expires @ 2015-02-24 13:32:05, lifetime 1 hour -->

Not quite 3 days old.

Cannot upgrade packages on hotwww server

Hi @dodobas, can you please help me out. I just wanted to do simple apt-get upgrade (as root) but it fails here:

Setting up initscripts (2.88dsf-41+deb7u1) ...
mount: permission denied

Thank you!

Update Drupal core to 7.34

Drupal complains that installed 7.32 is vulnerable to various exploits.

Slideshare -drupal plugin

A few weeks ago I tried to add slides to the website. It looks like we are missing a plugin for this.

Details
missing a plugin "
You must acquire a free Slideshare API in order for the embedding to function.

Example slides for download/embedding:

http://www.slideshare.net/heatherleson/introduction-to-humanitarian-openstreetmap-team

http://fr.slideshare.net/pierzen/open-streetmap-responsetohumanitariancrisishaiyanebolaieeemontreal20130601
http://www.slideshare.net/AlceSamuelPaul/hot-osm-ieee-international-humanitarian-technology-conference

More details:

This is super easy in Wordpress but there appears to be some drupal issue. I tried the work around and it did not work.

https://drupal.org/node/623404
https://drupal.org/project/slideshare

Others with the issue
https://drupal.org/node/2212917

Here is the code that I used to follow it

[video:slideshare.net/?id=35354658&doc=introductiontohot-140601090645-phpapp01]

[video:slideshare.net/?id=35396359&doc=openstreetmap-response-to-humanitarian-crisis-haiyan-ebola-ieee-montreal-2013-06-01-140602125638-phpapp01]

[video:slideshare.net/?id=35546608&doc=ieee2014techtrainingopenstreetmap20121011-140605191749-phpapp01]

Website redirect not working

Recently our website redirect stopped working. When accessing www.hotosm.org it no longer redirects to hot.openstreetmap.org but returns a 404 error. @wonderchook and @dodobas are aware of the issue and working on it.

make the user profile Country field a list to choose from

board members page is outdated

http://hotosm.org/our_board

update footer link to email

How do we update the footer of the HOT website?

We want to update the [email protected] link under "Humanitarian OpenStreetMap Team" to something like this (perhaps it can be shorter)

Questions on tasks, connect to our community: https://lists.openstreetmap.org/listinfo/hot
Media inquiries, organizational questions: [email protected]

Make a README.md

I'm guessing this repo is drupal code (a copy of the whole drupal codebase?) powering http://hot.openstreetmap.org

Can we add a README.md explaining that (plus some other explanation. Has the code been customised? is it deployed from here somehow?)

The repo currently just has a generic drupal readme.txt file.

hotosm.org shortlink?

I am wondering if it would be possible to create a shortlink from the hotosm.org domain for our project in Dar es Salaam. The idea would be to have a shortlink for the project, hotosm.org/RamaniHuria, which would redirect to OpenStreetMap over Dar http://www.openstreetmap.org/#map=13/-6.8098/39.2739. Would this be doable?

Add skip link again

The "skip link" is an accessibility feature for screen readers and should not be removed.

It's not visible in the default theme, so it's no problem having it there either.
Can you put it back?

Drupal security flag

Summary: We need to update Drupal to be more secure.
Urgency: High

"There is a security update available for your version of Drupal. To ensure the security of your server, you should update immediately! See the available updates page for more information and to install your missing updates.
There are security updates available for one or more of your modules or themes. To ensure the security of your server, you should update immediately! See the available updates page for more information and to install your missing updates."

User profile Leadership field be used to automatically generate the different lists

Can it have set list of choices?

I've imagined these profiles can also be used to generate the Board page, etc. Also, not every registered Drupal user is a voting member and we need to distinguish.

Leadership view

Right now, the board and executive director page (http://hotosm.org/our_board) is a simple page with content, mainly pasted from the people's bio into the page. In #10 a board role field and some logic has been introduced and it would be a logic step to do proper views for a leadership page where the information get's directly pulled from the users' entities.

Admin email for website

Hello,

I just saw, in the website for the admin account and the global site's email address there are different private email addresses. I would suggest to have a special email address for the website, something like [email protected] or [email protected]

The best would be to have it redirected to the techWG email list, or to the one's that are assuming the role of the admin.

Thank you

Should users be listed on a single page?

Should http://hot.openstreetmap.org/users/ exist as a user directory?

Check on "authenticated" user perms

It looks like most members are set up as Authenticated Users. What permissions does that grant them? Just profile edit?

Jobs functionality

A section with the functionality for separate nodes and an associated view. A date field for the application limit and then it should disappear.

Both for project based jobs as well as internships.

This has also been mentioned in #15.