search

AtlasOfLivingAustralia / biocollect

Biocollect front end application
https://biocollect.ala.org.au/
Other
10 stars 15 forks source link

Home Page design 2 - Tile #542

Closed sat01a closed 8 years ago

sat01a commented 8 years ago

Some of the tiled layout examples for BioCollect home page (ticket: Home Page design 2 - Tile​):

http://preview.codecanyon.net/item/melonhtml5-metro-ui/full_screen_preview/2986068 https://s-media-cache-ak0.pinimg.com/236x/bd/01/a4/bd01a4cc9baff11aae77efa23002250f.jpg https://s-media-cache-ak0.pinimg.com/736x/d4/26/da/d426da85359cfa4b82eb5a081b70c0fb.jpg https://store-images.s-microsoft.com/image/apps.53000.9007199266472672.bec9ecb6-aa69-44f4-901a-5636c2c572e0.94fd05b8-b988-4e1c-be05-b6891fb0abe2?w=580&h=326&q=60&mode=letterbox&background=black

We also need to provide an option on top of the page, where user can choose their view preference.

javier-molina commented 8 years ago

Hi Javier,

Some of the tiled layout examples for BioCollect home page (ticket: Home Page design 2 - Tile​):

http://preview.codecanyon.net/item/melonhtml5-metro-ui/full_screen_preview/2986068 https://s-media-cache-ak0.pinimg.com/236x/bd/01/a4/bd01a4cc9baff11aae77efa23002250f.jpg https://s-media-cache-ak0.pinimg.com/736x/d4/26/da/d426da85359cfa4b82eb5a081b70c0fb.jpg https://store-images.s-microsoft.com/image/apps.53000.9007199266472672.bec9ecb6-aa69-44f4-901a-5636c2c572e0.94fd05b8-b988-4e1c-be05-b6891fb0abe2?w=580&h=326&q=60&mode=letterbox&background=black

We also need to provide an option on top of the page, where user can choose their view preference.

Cheers Sathish

javier-molina commented 8 years ago

@pbrenton this is a screenshot on how the tile view looks. Please feel free to comment if you'd like me to change anything.

screen shot 2016-07-12 at 11 34 23 am

pbrenton commented 8 years ago

Hi  Javier, Horizontal size looks ok, but can you please make the  image to 80% width of box andscale aspect ratio accordingly. Also make all  box background colors whit and for the box to have a border. Vertical height of images to be governed by aspect ratio, but all boxes sould be same size and align - use elipsis to clip long text.Can we please try this to see how it looks? Thanks Cheers Peter Sent from my Samsung GALAXY S5

-------- Original message -------- From: Javier Molina notifications@github.com Date: 12/07/2016 3:42 am (GMT+01:00) To: AtlasOfLivingAustralia/biocollect biocollect@noreply.github.com Cc: pbrenton CoolDad67@gmail.com, Mention mention@noreply.github.com Subject: Re: [AtlasOfLivingAustralia/biocollect] Home Page design 2 - Tile (#542)

@pbrenton this is a screenshot on how the tile view looks. Please feel free to comment if you'd like me to change anything.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

javier-molina commented 8 years ago

Hi Peter

Here is the new version incorporating your feedback.

Please let me know if you'd like any further changes.

screen shot 2016-07-14 at 10 28 53 am

javier-molina commented 8 years ago

https://upsource.ala.org.au/biocollect/review/BIOCOLLECT-CR-153

pbrenton commented 8 years ago

Sorry Javier

sat01a commented 8 years ago

Hi @pbrenton, if project title is not truncated then height of the tile box will be inconsistent between projects. May be we can increase the length of project title before truncating it?

javier-molina commented 8 years ago

In addition to the above:

Add "Status: " word and use bold text, all in one line.

While resizing, implement shrinking from 4 to 3 and 2 columns.

javier-molina commented 8 years ago

Changes are here https://upsource.ala.org.au/biocollect/review/BIOCOLLECT-CR-157

Pull request: https://github.com/AtlasOfLivingAustralia/biocollect/pull/580