Ticket #318 (closed enhancement: fixed)

Opened 5 years ago

Last modified 5 years ago

Ingredients and stages changes

Reported by: ed Owned by: jim
Priority: critical Milestone: Phase 5
Component: Drupal modules & settings Keywords:
Cc: Estimated Number of Hours: 0.0
Add Hours to Ticket: 0 Billable?: yes
Total Hours: 2.45

Description (last modified by jim) (diff)

  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

Change History

comment:1 Changed 5 years ago by ed

  • Description modified (diff)

comment:2 Changed 5 years ago by jim

  • Add Hours to Ticket changed from 0.0 to 1.0
  • Owner changed from jim to ed
  • Status changed from new to assigned
  • Total Hours changed from 0.0 to 1.0
  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.

comment:3 Changed 5 years ago by jim

  • Description modified (diff)

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.

comment:4 Changed 5 years ago by ed

  • Owner changed from ed to jim
  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

  1. If it's tricky to do colours, for now just the lists need to be hatched, with bullets etc. like the /theme pages
  2. 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

  1. Great

comment:5 Changed 5 years ago by ed

actually - this one is a jim job:

  1. 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...

comment:6 Changed 5 years ago by 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?

comment:7 Changed 5 years ago by 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...)

comment:8 Changed 5 years ago by 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.

comment:9 Changed 5 years ago by 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:
  1. ...Title in dark colour
  2. ...Stage description on lighter background block below
  3. ...ingredients set in bulleted list, indented, ordered as numbers

comment:10 Changed 5 years ago by 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)

comment:11 Changed 5 years ago by jim

  • Add Hours to Ticket changed from 0.0 to 0.15
  • Status changed from assigned to accepted
  • Total Hours changed from 1.0 to 1.15

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.

comment:12 Changed 5 years ago by jim

  • Add Hours to Ticket changed from 0.0 to 0.65
  • Total Hours changed from 1.15 to 1.8

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...

comment:13 Changed 5 years ago by 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)

comment:14 Changed 5 years ago by jim

  • Add Hours to Ticket changed from 0.0 to 0.5
  • Total Hours changed from 1.8 to 2.3

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

comment:15 Changed 5 years ago by jim

  • Add Hours to Ticket changed from 0.0 to 0.15
  • Status changed from accepted to closed
  • Resolution set to fixed
  • Total Hours changed from 2.3 to 2.45

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!

Note: See TracTickets for help on using tickets.