New design

[FansubDB]

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]

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]

@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]

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

[pureexe]

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

• sorry.

[FansubDB]

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

[pureexe]

@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]

@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 New design #60 (comment)
• but New design #60 (comment) has the full data from fansubdb (with https://fansubdb.pureapp.in.th/#/fr/ )