search

zooniverse / operationwardiary

Diaries of the First World War
operationwardiary.org
1 stars 1 forks source link

Implement designs for 'diaires' and 'about' pages #22

Closed ttfnrob closed 9 years ago

ttfnrob commented 10 years ago

Do these designs exist @heathv / @eatyourgreens ? If not, how quickly can they be done. I am happy to help here.

eatyourgreens commented 10 years ago

I can tidy up those pages based on the existing colours and typography.

I haven't done any work on the layout of the user profile page either yet: http://zooniverse-demo.s3-website-us-east-1.amazonaws.com/diaries/#/profile

heathv commented 10 years ago

I'm working on new designs for those pages that take into account changes from the IWM (footer logos, etc.) and I'll make a new issue for further design tweaks on other pages.

heathv commented 10 years ago

I've attached mock-ups below that show designs for those pages. Tossed in a basic profile page that follows the same style of layout. Let me know if these work and I can get you font sizes and colors.

Also: the footer used in these is one I think we can use across all pages. Still has the logos, but they're more separated.

wardiaries_about_1a

wardiaries_secondary_1a

wardiaries_avail-diaries_1a

eatyourgreens commented 10 years ago

Thanks Heath, looks really good.

I like the big boxes for the diaries, but we're going to have 100 diaries for launch. Is there a smaller size that looks good but fits more diaries on the page?

For the profile, I've got two other sections as well as recents and favourites: Your Tags: shows totals for dates, places, people and activities that you've marked on the pages. Four big boxes showing thenumbers would probably work well here. Your Diaries: lists the diaries that you're working on. I'd guess it will use the same format as the diaries page.

chrissnyder commented 10 years ago

Just to be clear, is the denormalizing/preference saving to track the tags and diaries in place already?

eatyourgreens commented 10 years ago

It should be in place. Stuart set up the denormalisation a while ago. I can see totals listed on my profile at http://zooniverse-demo.s3-website-us-east-1.amazonaws.com/diaries/#/profile

chrissnyder commented 10 years ago

Should I ticket up issues I see with the About/Profile pages or are you still working on them?

eatyourgreens commented 10 years ago

I think @heathv is going to send through font sizes, colours etc. Until then, CSS on the zooniverse-demo site is pretty rough.

eatyourgreens commented 10 years ago

I don't think there's any CSS written for the profile page yet.

heathv commented 10 years ago

Fonts/sizes/colors are coming soon, and I'll rework the Diaries page to accommodate the higher volume.

eatyourgreens commented 10 years ago

Cool. I've done some work on the layouts at http://zooniverse-demo.s3-website-us-east-1.amazonaws.com/diaries/#/diaries and http://zooniverse-demo.s3-website-us-east-1.amazonaws.com/diaries/#/about so hopefully it'll just be a case of tweaking that CSS.

heathv commented 10 years ago

Alright, hopefully this is more helpful than a .jpg of the mock with sizes/colors imposed onto it. The html+css files should provide font size, colors, etc. as well as general spacing preferences. These rules can apply to text appearing on the Profile page and some of the Diaries page. Hopefully my code isn't too much of a mess!

Speaking of the Diaries page, I'm still working on better solution but I expect to have something before the end of the day.

Here is the link to the HTML/CSS files

eatyourgreens commented 10 years ago

Cheers! I'll work on that tonight or tomorrow. New text came through for that page, with some new sections. Hopefully that won't be a problem. http://zooniverse-demo.s3-website-us-east-1.amazonaws.com/diaries/#/about

heathv commented 10 years ago

The new text seems fine, shouldn't present any problems to the design. I can always make a new issue if need be.

Here is a link to an updated Diaries page. Very hacked together, but a smaller version of the previous design. It'll still be 25 rows to get show all 100 diaries, but maybe after the first 5 rows or so new diaries load with some sort of on-scroll event? I can keep thinking on it if these are still too big.

eatyourgreens commented 10 years ago

Looks like there's a CSS3 columns bug in Chrome that puts a huge gap underneath the Unit War Diaries section. Looks fine in Firefox though.