New design - Githubissues

FansubDB / fansubdb.github.io

List all the subs-group

https://fansubdb.github.io/

GNU General Public License v3.0

5 stars 6 forks source link

New design #60

Open FansubDB opened 7 years ago

FansubDB commented 7 years ago

I want to change the design of the website. I've no idea for the moment.

Here's the restriction:

[ ] Do a responsive design (should work using smartphone/tablet)
[ ] Easy to integrate javascript elements to load the data
[ ] Should see all the data titles + pictures + subbing group (and more in the case of the v3 version)
[ ] Do not hesitate to show some example (open an issue and post idea/design testing, etc)

Here that's optional:

[ ] Templating page to be on one season page

pureexe commented 7 years ago

I have an some idea. look like this.

use card ui and show image by default to help use find anime.
have a search button on top-right.
use 3 tab for TV,OVA,Movie
season selector have remove. because user can choose season from archive page.
use color to describe project status [red->dropped, green->release, blue->simulcast, grey->uncretain, black->planned]
use underline if link is clickable
use place holder for image that failed to load

Here is for demo page https://jsfiddle.net/pureexe/2f2nxmer/3/ written with mdl and vue (it's ok. to still use bootstrap and jquery)

FansubDB commented 7 years ago

@pureexe It's a very beautiful demo. I ❤️ it.

I don't know vue/mdl, and I only have added jquery to have the responsive menu, so don't really know it.

I'm interested by search button, and this new design is interesting.
It would be great to add something similar (and at long term but using kitsu.io API for pictures and leftovers)

FansubDB commented 7 years ago

@pureexe can you give me an example of your change but using bootstrap and jquery?

pureexe commented 7 years ago

@FansubDB i will try to built it by using bootstrap and jquery later. now i'm to busy.

sorry.

FansubDB commented 7 years ago

@pureexe you have the time, no problem 😄 thank you!

pureexe commented 7 years ago

@FansubDB as your request I have to implement new design with Jquery & Bootstrap (and Jquery Plug-in Sammy ) And Now it's implemented as single page application. it will better to not create new HTML each time that we have going into new season.

Live Demo: https://fansubdb.pureapp.in.th/ Repository: https://github.com/pureexe/fansubdb-browser

FansubDB commented 7 years ago

@pureexe ok here what I think

I prefer the square, the picture size (for example Fuusen Inu Tinny in "fr / automne 2014") and the menu of https://github.com/FansubDB/fansubdb.github.io/issues/60#issuecomment-292797755
but https://github.com/FansubDB/fansubdb.github.io/issues/60#issuecomment-307370051 has the full data from fansubdb (with https://fansubdb.pureapp.in.th/#/fr/ )