Ability to add news item

[loogart]

News item doesn't need to be added from within the challenge. It can be setup as a new piece of content with a dropdown for the department / challenge owner name.

[djsutter]

Worked on the news page. More is required. We need images; I used placeholder boxes for now. Questions:

• Are we removing current link from news item to challenge?
• Are we removing fields Sidebar and Type?

[loogart]

superrrr!

• I guess it would be good to keep the link from the new item to the challenge (for content sorting purposes)
• I like how you setup the Department as a Free form field, could there be an autocomplete feature for existing department names?
• yes remove sidebar and from structure. I would say we can replace it with the full-width container vs. narrow container feature you implemented on the other pages of the website.
• can we add a published date on the news card right under the p.preview paragraph (see below)?

<p><span class="label label-default">December 18, 2019</span></p> 

[djsutter]

Ok added the date and removed the two fields Sidebar and Type. The column is already full width but the cards would need to be a bit thinner to get a fourth one in. Lots of content updates needed by you guys before we go live! Images, dates...

[loogart]

@djsutter no need for a fourth column, leave it at 3 as per: https://loogart.github.io/impact-canada/news.html (there is some padding/margin to the right of the columns)

[djsutter]

Ok sounds good. Let me know if anything else needed to complete this particular item, other than content changes.

[loogart]

@djsutter yes! On the challenge page (e.g. http://impact.qualivera.com/en/challenges/smart-cities), can you remove the "News" nav item (since they will all go to the news page)? thx!

[djsutter]

Done!

[loogart]

Ultra nice implementation! We love it.

(1) From a css standpoint, I added several lines of css for images under #newsContent which help the image resize automaticlly - that would need to be gulped in :) (2) there seems to be drop shadow and bottom margin under the image missing:

Qualivera version

Loogart version

(3) The extra margin/padding seems to have returned on the right side of the container holding the cards for the English News page only.

[djsutter]

Made some improvements to this page, but the equal-height thing is not working too well right now. Maybe should revisit for a final tweak when we get the remaining images in.

[loogart]

ouh youre right, let me look at this now

[loogart]

@djsutter i found the issue: each row should contain 3 items and you should loop the rows instead of the items.

http://wet-boew.github.io/v4.0-ci/demos/equalheight/equalheight-en.html

[loogart]

@djsutter it looks like it's getting fixed when I add images. I have 1 more to add and the alternate solution is to add a placeholder image instead.

[loogart]

@djsutter looks like adding an image for each card works, how about we make images mandatory to upload per news item? One thing i noticed with the French), can we format the date to show up as "day month year" (no comma)? Currently, it is showing up as "month day, year"

.

[djsutter]

Looking good! I will fix the FR date format when I get a moment and also look at the loop for rows. However, on that, I don't think we should be necessarily fixing it to 3 items per row for responsiveness. I've seen equal heights work well with a pile of items that aren't divvied up into rows.

[loogart]

sounds like a plan! site it looking real good. This is definitely a portfolio piece!

[djsutter]

FR date fixed, image is now mandatory.