Ingredients and stages changes

[ed]

1. /ingredients homepage: enable 'expand/contract' section feature. set sections to expanded by default
2. ingredients individual pages: show only one photo, make bigger, include caption and wrap caption if longer than image size
3. ingredients individual pages: bundle ch/des/solu into one section as per DEV for styling
4. stages homepages: add site styling to lists
5. stages homepages: change views output for dates
6. /ingredients homepage: style stages sections so that:
7. ...Title in dark colour
8. ...Stage description on lighter background block below
9. ...ingredients set in bulleted list, indented, ordered as numbers
10. Need a homepage launch block for stages (where 'dive in' block is) with 'what is transition' option, then buttons to link to different /stages to go in correct colour for stage (need a colour for newbies)
11. Add a 'Featured ingredient' pane on HP - either just below header image, or the four block - span of two square regions
12. create a buy the book block to go on every page in /ingredients, /tools
13. create a make your own ingredients pack block for /ingredients
14. need to automatically size and place pictures added as ingredients key pictures - module to do this?
15. /ingredients homepage: add space at top for editable space and include adding picture feature

[jim]

1. My expando-contracty dohicky is in SVN pending update.
2. Pic bigger, better and erm... those other things you wanted.
3. Done, but styled how? You mentioned that different stages = colours so what are they? Had to muck about with the image (which is not present on DEV) to make it look ok - see: ​https://www.transitionnetwork.org/ingredients/starting/inclusion-and-diversity
4. as per 3 - tell me what colours go with what stages for ​https://www.transitionnetwork.org/stages - for each stage homepage the CSS will need work to get this to happen... It's a mess in there and no easy way to apply site styling without the specifics we already have in place...
5. 'Change views output for dates'? What, remove the date, change the format?
6. a: done first, but as 3 and 4, need to know the colours per stage.
7. b: as 6a
8. c: lists now bullets, were already by number
9. Please open a separate ticket for the homepage stuff - this is gonna need a bunch of to/fro and poss Laura's input.
10. As 7, please open separate homepage ticket -- many of these changes will need a chat first, also fit in with HP stuff on Stories ticket.
11. If you have the graphics, send em over, otherwise this is a Laura job for another day
12. Need a chat about curation/moderation approach and process... this sounds like a webform thing but not sure.
13. Erm, pictures are already scaled and cropped to a standard size -- the module is called 'ImageCache?' and it's been rocking with us since day 1.
14. Ed knows how to do this, we added a 'some stuff' custom text block during our Panel knowledge-slam.

Passing to the Mitchell for cogitation and feedback.

[jim]

Note due to Trac's odd numbered list maker, 6, 7 and 8 are all 6 in the spec and 7 is 9... I've updated the spec to match.

[ed]

1. OK
2. OK
3. the styles are outlined by Laura - see DEV here: ​https://dev.transitionnetwork.org/ingredients and Ed will email Laura's style guide - for now:

starting title: jade_dark
ingredients by stage: jade_bg
deepening title: blue_dark
ingredients by stage: blue_bg
connecting title: gold_dark
ingredients stage: gold_bg
building title: red_dark
ingredients by stage: red_bg
daring to dream title: purple_dark
ingredients by stage: purple_bg

4. If it's tricky to do colours, for now just the lists need to be hatched, with bullets etc. like the /theme pages
5. Err... remove the time for now - it was a Laura thing

6-9. see colours in 3
10-11: fair enough
12: Yes - I'll ask rob about it
13: Ed to double check with portrait and landscape images

14. Great

[ed]

actually - this one is a jim job:

11. Add a 'Featured ingredient' pane on HP - either just below header image, or the four block - span of two square regions - to include a grab of the photo, title, and maybe challenge...

[jim]

1: expando-contracto collapsible div now in SVN and on DEV - see ​https://dev.transitionnetwork.org/ingredients/starting/jims-test-ingredient and click the Full Description... Completely unstyled, how do you want it to look?

[ed]

1. it's very nice and will make the individual ingredients page very sexy, but not what was requested which was:

/ingredients homepage: enable 'expand/contract' section feature. set sections to expanded by default
IE: to enable users to expand and collapse the sections on the ingredients homepage..
(apols if it wasn't clear...)

[jim]

1: I just put it there as a tester for you... Can expand/contact those blocks no worries, but will need thoughts on how it looks... Could possibly just use stage colour blocks and see how it hangs together... Will revisit when more pressing issues are done.

[ed]

1. Good. We should have a skype about it, it's getting fiddly. we need action for my meet on tuesday 27th. i can skype thursday 22 or monday 26th...the homepage set up is here from original brief:

7. ...Title in dark colour
8. ...Stage description on lighter background block below
9. ...ingredients set in bulleted list, indented, ordered as numbers

[ed]

note after call 22/9:

1. /ingredients homepage colouring understood
2. individual ing items to take colour from css styles - JK to sort
3. pictures - JK to set thumbnail settings so that portrait pictures are the same relative size as the landscape ones (ie a portait image is not stuffed into the same height as a landscape image)

[jim]

Just added colouring to 1st stage - ​https://www.transitionnetwork.org/ingredients

please confirm this is ok, or tell me what needs changing. Copying dev not possible because DEV didn't have intro blurb for each stage.

[jim]

Hmmm.. added colours to all, top one is 2 blocks which looks good but won't support the expando-thing... Will revisit after that's available to Panels.

Any comments/thoughts in the mean time?

Key issues is title link goes to section, but title will need to open/close expander.

So 2 block approach (title pane, rest in another pane) means only second part expandble, after some intro text for that stage. Clickable expando-bit will need to be the ingredient intro text itself.

But 1 block approach (all in same pane) means link to stage will need to be moved elsewhere to avoid expander handle 'covering' it up and making it unclickable since that toggles the expandedness -- hence link to stage page (not ingredients) might need to be AFTER blurb...

[ed]

it's looking nice.

the best option is as per starting - with title block in dark header, and blurb and list in separate, lighter block. but needs a gap before the next stage title. the second section being expandable is fine. make the header the link to stage homepage, and use intro text as expandable link which would open up to the list of ingredients.

good to have the sections separated (1 and 5 are good, the others have no gap between them)

[jim]

All same now and as requested. Will revisit after SVN updates occur (probably tonight) to add expano-ness.

[jim]

3 & 4: done per #330
6, 7 & 8: Done per #346
12: is another ticket #322 so that's not for here
13: Image now uses 'preview-normal' preset, which maintains aspect ration and limits to one of 360 wide by 400 high.

This is all done it appears? Slamming it shut, optimistically!