orama icon indicating copy to clipboard operation
orama copied to clipboard

Demo page improvements and restyling

Open paolo-cargnin opened this issue 3 years ago • 5 comments

So I read the tweet of Michele, and I tried to improve the demo page as I could without having any specification about the needs.

I aligned better the form elements and changed the header of the page (imho this style is cleaner and more modern, maybe we could adopt it even in the homepage?). I also added autofocus on the search input. Of course if it is not as you guys were thinking it, I can improve it.

The main part now that should be improved is the search results, but about this... Can I suggest to use a better structured database? The categories in this example are not easy to display and organize since they are not always the same. Maybe using some more "mainstream" data could be nice (I was thinking movie quotes) ? Dunno.

Let me know!

paolo-cargnin avatar Aug 03 '22 22:08 paolo-cargnin

Hi Paolo! (nice name XD) In #82 I also redesigned and improved the demo page. Do you mind reapplying your changes after the current main?

ShogunPanda avatar Aug 04 '22 12:08 ShogunPanda

Yeah of course! I'll do it this evening ;)

paolo-cargnin avatar Aug 04 '22 12:08 paolo-cargnin

Just to be sure, I added this heading to the demo page: image

Do you prefer this style or the one that there is right now?

paolo-cargnin avatar Aug 05 '22 14:08 paolo-cargnin

@paolo-cargnin What about having that gradient in lieu of the current pink background in the hero and use regular text?

ShogunPanda avatar Aug 06 '22 07:08 ShogunPanda

Ok done. Most of the usability features were already done by you. I list here the super small things that I have done:

  • added a progress bar for the indexing
  • heading as described by Paolo
  • Fixed a "category 2" entry on the events.ts file (so it will render "&" instead of &amp)
  • Aligned a bit better the result block Let me know!

paolo-cargnin avatar Aug 06 '22 17:08 paolo-cargnin