Closed Bug 873608 Opened 11 years ago Closed 11 years ago

Polish off design and frontend for the homepage / make gallery

Categories

(Webmaker Graveyard :: webmaker.org, defect)

x86
macOS
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: cassie, Assigned: daleee)

References

Details

(Whiteboard: uidesign, frontend)

Still quite a few outstanding items to take care of for the front page. I wanted a place to get all to-do items/bugs in one place so I can understand the scope of what must still be done, which is why I've assigned this one to myself! But if this is useful for others, great. I've distributed other QA as appropriate into separate bugs.

I'm looking at http://webmaker.mofostaging.net/ (which is currently missing sample makes from the database).

Header - (added to bug 869204)
* Sign up button still has jaggies - bug 870967
* Sign in, sign out and dashboard text links will need hover states. Use same colour as on the make detail page – Currently is #056c97
* Sign up button needs a hover state. This will be mocked up in homepage redesign. bug 868591
* Hover on "Make" in the nav needs to show the dropdown. Design is in bug 869596
* sign-in & sign-up need to be hooked up to Persona etc. At which point we'll need to see the front end for the logged in view.
* Webmaker logo should link to the homepage.
* magnifying glass icon should be moved up 2-3 pixels so it looks centred with the nav line of text.
* hook up magnifying glass icon (search) with the search and filter bar that pops down - bug 873154

Make boxes Grid / Content - (moved into bug 873607)
* drop shadows on the make boxes is too large / severe. We can look at this together, but to try to describe in words: shadow should be a lot smaller (less wide), and should be harsher on the bottom of the box than on the top and sides. Right now it looks equal on the bottoms and sides.
* Other in page links need hover states. This will be mocked up in homepage redesign. bug 868591
* Needs the correct border colours on make boxes - bug 870952 What's happening with the white bars? Do we need a default colour?
* May need retina icon images - bug 870955
* Needs small media items bkg with arrow image - bug 870475
* implement a "see all makes" button that floats on the edge of the page. Being worked on in bug 868591
* need to ensure default thumbnails are working. Bug 870044

Footer - (added to bug 869204)
* Footer links need hover states. This entire footer (in the grey area) is being redesigned in bug 873532. CTA content is being created in bug 873563.
* Height of the blue CTA bar needs to increase to accommodate 3 lines of text. Height should now be 125px.
* Can entire cta box be clickable? Want to make this action easy and fast.
* line height on the description text should be slightly larger. 20px looks good.
* Insert 2 more px of space between the circle images and the text to the right of them. This may mean you need to adjust width of "make-footer-item".
* CTAs should be spaced out evenly between the four column grid and take up the whole width of that bar (based on 1020 width). So, if "make-footer-item" had a margin-right: 10px; width 245px; that looks good to me.

CTAs carousel – (moved into bug 873602)
* CTAs need the left and right arrows implemented as part of a carousel. 
* Carousel arrows should be stuck to left and right hand sides of the browser window.
Assignee: cassie → me
I'm thinking we should cut this:

* Needs the correct border colours on make boxes - bug 870952 What's happening with the white bars? Do we need a default colour?

After talking to Cade yesterday, it seems there is some additional work to be done to implement this with the correct logic. Not MVP.
We'll need to style up what the backs of the make boxes look like in the gallery. This is being tracked in bug 875347.
Depends on: 875347
Is this something we can close?
Closing as this pass was completed already.
Status: ASSIGNED → RESOLVED
Closed: 11 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.