Reorganize Resources

[shanikadhettige]

• [x] Reorganize Resources, not by date. Wait for more information from Vivien and Shanika on this. (Vizzuality)
• [x] Put highlighted resource on top of the list of all resources, permanently feature Field Guide and Planning an Open Cities Mapping Project on the bottom. (Vizzuality)
• [x] Allow a filtering by tags (Vizzuality)
• [x] Clean up tags @shanikadhettige

Labels: Resources, Content edit

[apercas]

Any updates on the first task? Thanks!

[shanikadhettige]

I've come up with a new system and applied it to the tags for News and Resources on WordPress. Confirming with Vivien today and will get back to you shortly.

[shanikadhettige]

Hi @apercas,

@vdeparday and I have discussed and would like all the resources to fall under the following categories:

• Publications
• Newsletters
• Notes
• Tools and Training Materials
• Other Resources

We've changed them around slightly so I will have to go through and edit the tags once I can edit them on the Pantheon side. If possible it would be great if we added these as a Category selection for resources (not for news) instead of Tags so that all Resources must be marked with one of these options. Publications would be the primary feature on the top of the Resources page with Notes, Newsletters, Other Resources, and Tools and Training Materials in the center.

Similarly, News would have the following Topic categories and perhaps we can organize that page into sections more as well and being able to sort by topic:

• Policy
• Software
• Field Update
• Open Data Movement
• Event
• Looking Back
• In the Press

Projects, News and Resource posts will also be tagged with the relevant year, country, region, pillar, media, and crisis. This way we could add the function to filter any of the News, Resources, or Project pages by year, pillar, media, or topic. See below for examples and/or the available options for that type of tag. It is possible for one post to be tagged with more than one region or pillar, etc.

• Year (e.g. 2013, 2015, etc.)
• Country (e.g. Tanzania, Philippines, etc.)
• Region (Europe and Central Asia, South Asia, Africa, Latin America and Caribbean, Middle East and North Africa, East Asia, Pacific, Non-WB Country, Global)
• Pillar (Collecting Data, Sharing Data, Using Data)
• Media (Video, Report, Guide, Brief, Data, Tool)
• Crisis (Flood, Drought, Hurricane, Typhoon, Earthquake, Ebola, etc.)

Is there an easy way for us to list these tags so that other content contributors can simply click them when creating the posts rather than having to memorize or look at the list? That way things can stay more consistent.

Please let me know if you need further clarification Thank you

[apercas]

Hi, sure, I asked the design team to look for the best way to add that category list and filters.

About the tags for Year, Country etc. in the second part, that's not a default behaviour, but we could develop a workaround so when the contributor adds a new post/resource/project the forma has any tags pre-selected, would this be OK?

Thanks.

[apercas]

One quick question, is it mandatory that a contributor adds all of the tags? A year and a country and a region...? Thanks

/cc @shanikadhettige

[apercas]

I've done some of the other tasks, please check before pushing to Pantheon http://opendri.simbiotica.es/resource/

Thanks :)

[apercas]

Hi again, in our opinion the resources list items are not easy to follow with all the tags there, so we propose cleaning them there and not displaying them but of course keep all of them inside each post. This will remove the filter by tag feature from the list unless we add a way the user can navigate to a single category directly from there. In this case we'd need to know if you'd rather have a list of all of the existing tags (something we don't recommend as the list could grow immensely) or just filter by those six options you listed before (Year, Country, etc.), in this case we'll look for a layout that allows the user to filter by them easily but we think that this will be useless eventually: if we list all the countries, for instance.

What do you think? Thank you :)

[vdeparday]

Let's clarify this on the call Friday it will be easier.

Just a couple points that we can talk about during the call:

I think we want to simplify a lot this page actually.

We will move all the country specific resources to News related to the countries so we can focus only on core resources

Then I think we can redesign the page to have only featured resources that are categorized using only one category type.

[shanikadhettige]

All the Resources have been re-tagged, re-organized, and all PDFs have been re-uploaded to this server with correct links. All projects and news and resources have been re-linked with each other in custom fields.

The resources are in the following categories even if we don't have content for some of the categories yet:

• _Other Resources _(e.g. annual reports and other world bank non-country specific documents)
• Notes (e.g. tech notes)
• Publications (e.g. OpenDRI publications: field guide)
• Newsletters (e.g. PDFs of each newsletter)
• Tools and Training Materials (e.g. GeoNode materials)

Country specific external resources have been edited and re-posted as news.

We discussed on the phone that we will no longer have an archive and have a few different sections of resources and that we will also be able to filter. @vdeparday please clarify here how Vizz should proceed.

[vdeparday]

Thank you @shanikadhettige .

@apercas @sergioestella , as discussed and agreed it would be great if you can provide us a template for the page that we can manually edit that would enable to manually edit the categories (if we want to add one or delete one) and to add and remove resources. Thank you

[apercas]

We re-used the original static page and added fake content and new styles: http://opendri.simbiotica.es/resources/

You can manually add resources there and link them to an external or internal source, even tag them.

[vdeparday]

I think it is almost there. I think we do not need the featured guide at the top. I think we could use a smaller version of the featured one as the list items below? This way we can include the publication cover/pictures ? And this we can decide when we include a picture or not too.

Could we also have less space between each section? We should have publication at the top too but I suppose we can edit that directly in the HTML.

We can clarify that on the call tomorrow.

cc @rsoden

[apercas]

Ok, let's talk about this later on.

[vdeparday]

After adding a couple document manually:

• what is happening with the tags? Is it still worth having them? Are they searchable in anyways?
• I would like to a simple text below the title (before the Tags, if we keep them). What html tag should I use?
• what is the best way to do the thumbnail sizing? I uploaded the image to the media and then used the link generated there as the src for the but as you can see it is not resizing.
• How does the resources section home page gets updated based on the actual resource page?
• We need to deleted the generic text on the homepage (I deleted it on the resource page)

cc @sergioestella

[apercas]

Hi,

• Tags: They are transversal for the whole content-set, we display the kind of content in a corner: http://dev-gfdrr-opendri.pantheonsite.io/tag/report/
• Text below title: The most suitable one is <span> with no class applied
• Thumbnails: We fixed that styling so you won't have to worry again about that
• Resources on home page: As the resources list is no longer dynamic, the only way to change the content is over PR on Github (we're not using the resource type of content anymore either, are we?).
• Text on home: should we keep the same content? This one could be touchy :/

Thank you!

[vdeparday]

• So even if we are not using the resource type of content any more. The tags still work ?
• Ok I will use a span
• Ok, will try to add more picture and will let you know if there are any issues.
• Let us think about the home page, I think we still want something similar, showcasing one or two publications and then a list with a "Explore all resources at the bottom"

[vdeparday]

I have added two new pictures. For the two first guides, and the first one looks good but the second one looks weird, although the second is actually an A4 whereas the first one is a weird format.

[vdeparday]

@apercas, sorry for the back and forth on this one. After using it more, we think it makes more sense to keep using the content type with the new template to visualize the resource so to summarize, can we get:

• Use the Resource content type
• The attribute for this content type should be 1) Category that be can: a) Guides b) Short Notes c) Newsletter d) Tools and Training Material e) Other resources 2) Title 3) Small summary 1 to 4 lines (optional) 4) Date published 5) Tags 6) Thumbnail of the cover or a screenshot

So the only thing to change is type of Categories and add the date and the thumbnail. The rest we can keep the current resources posts since we already entered a lot and don't want to loose this information.

• We don't want to have document feature on the resource pages so I removed the top part but there is a big space now. Could you fix the css?
• Can we use the same template as now but populate the resources, automatically from the content types based on the category?
• For the homepage, we will put three featured resources: The OpenDRI Field Guide, The Open Cities Guide and the OpenDRI Principles that is coming out next week. Then we can have a similar box like now with the 4 resources with the most recent publication dates. Finally having a link somewhere below or in the box, to explore all resources.

Thanks a lot. Would you be able to do that by end of day Friday, so we can adjust the resources and then we are ready to start creating account for other users to edit content on the project.

Let me know if it all makes sense, happy to jump on Skype tomorrow.

Thank you.

[apercas]

Hi, I took notes of everything and I'm starting a redux of the resources section, I'll get back when finished.

[vdeparday]

I saw the PR, but it doesn't look like the resources page is pulling automatically yet. Can you give us an update? thank you.

On Tue, May 10, 2016 at 6:40 AM, Adrián notifications@github.com wrote:

Hi, I took notes of everything and I'm starting a redux of the resources section, I'll get back when finished.

— You are receiving this because you were assigned. Reply to this email directly or view it on GitHub https://github.com/Vizzuality/openDRI/issues/62#issuecomment-218121376

[apercas]

Hi, I managed to deploy this to the staging environment just for checking is working OK and I'm testing it there before going to pro. I created some fake resources as well to feed the lists. We'll get back to you when we pull this features on the Pantheon server.

[vdeparday]

Great, thank you. That is really the only main piece that is missing. Do you think you can deploy to production today? It would be nice how the current resources feed into it.

Best,

Vivien

On Thu, May 12, 2016 at 7:00 AM, Adrián notifications@github.com wrote:

Hi, I managed to deploy this to the staging environment just for checking is working OK and I'm testing it there before going to pro. I created some fake resources as well to feed the lists. We'll get back to you when we pull this features on the Pantheon server.

— You are receiving this because you were assigned. Reply to this email directly or view it on GitHub https://github.com/Vizzuality/openDRI/issues/62#issuecomment-218725444

[apercas]

Hi, sure, deployed. Sorry for the delay, I've gotten some internet connectivity problems today.

[vdeparday]

Thank you, we will be testing it now. Can you remove the text at the top and put the first section closer to the top? There is a lot of white space right now.

On Thu, May 12, 2016 at 4:04 PM, Adrián notifications@github.com wrote:

Hi, sure, deployed. Sorry for the delay, I've gotten some internet connectivity problems today.

— You are receiving this because you were assigned. Reply to this email directly or view it on GitHub https://github.com/Vizzuality/openDRI/issues/62#issuecomment-218869684

[vdeparday]

Overall, it is looking pretty good so far, one issue @shanikadhettige found is that if there is an odd number of resources the tags split across the columns. See screenshot:

[shanikadhettige]

Just realized it is not splitting from the resource next to it but pulling from the most recently posted resource, I think. It is happening in Guides and Publications section and Other Resources.

On Thu, May 12, 2016 at 4:56 PM, Vivien Deparday notifications@github.com wrote:

Overall, it is looking pretty good so far, one issue @shanikadhettige https://github.com/shanikadhettige found is that if there is an odd number of resources the tags split across the columns. See screenshot:

[image: screen shot 2016-05-12 at 4 53 17 pm] https://cloud.githubusercontent.com/assets/1036189/15230195/7e7d7fd6-1862-11e6-906b-d7864a2d5e39.png

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/Vizzuality/openDRI/issues/62#issuecomment-218883383

[shanikadhettige]

And Tools and Training Materials

On Thu, May 12, 2016 at 5:08 PM, Shanika Hettige shanikadhettige@gmail.com wrote:

Just realized it is not splitting from the resource next to it but pulling from the most recently posted resource, I think. It is happening in Guides and Publications section and Other Resources.

On Thu, May 12, 2016 at 4:56 PM, Vivien Deparday <notifications@github.com

wrote:

Overall, it is looking pretty good so far, one issue @shanikadhettige https://github.com/shanikadhettige found is that if there is an odd number of resources the tags split across the columns. See screenshot:

[image: screen shot 2016-05-12 at 4 53 17 pm] https://cloud.githubusercontent.com/assets/1036189/15230195/7e7d7fd6-1862-11e6-906b-d7864a2d5e39.png

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/Vizzuality/openDRI/issues/62#issuecomment-218883383

[apercas]

Fixed, sorry for this bug.

[vdeparday]

Thank you, can we also remove the text and extra space to make the page more tidy;

[danicaso-vizzuality]

Yes, that extra space is the result from a padding below the text and another one over the title. Please, @apercas get rid of the first padding and reduce 20px the padding over all of these h3 titles.

Talking about the content, that first paragraph is meant to introduce this section to the user. We would recommend to keep it in order to have a little guidance for them, maybe shorter if it's too long now. Let me know your thoughts about this @vdeparday .

Thank you.

[apercas]

Updated.

[vdeparday]

It is just that we deleted the text on all the other ones but this text is nice so we can keep it.

Can we reduce the padding between the section:

[apercas]

Sure, done :)

[shanikadhettige]

Short Notes and Guides and Publications look good but something happened where this bottom part looks unruly now. For whatever reason my computer won't let me take a screenshot to show you. I am viewing on Firefox.

[vdeparday]

can we add some space at the end?

[image: Inline image 1]

On Tue, May 17, 2016 at 8:44 PM, shanikadhettige notifications@github.com wrote:

Short Notes and Guides and Publications look good but something happened where this bottom part looks unruly now. For whatever reason my computer won't let me take a screenshot to show you. I am viewing on Firefox.

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/Vizzuality/openDRI/issues/62#issuecomment-219750201

[shanikadhettige]

@apercas please close when space is added at the end, the rest looks good.

[shanikadhettige]

@apercas i attempted to do this by adding   to page.php line 14 and committing to master didn't see any change yet, let me know if this was right.