64 calls for a responsive nav bar. For that, I don't like the idea of having dropdown menus given the small number of pages we have. Instead, this pull request divides the pages into 2 categories `explorer`+`beta-tools` with intro pages for each.

Summary of changes

Move src/pages to src/components
Add intro pages with placeholder text/images
Remove backwards-compatibility redirect from /explorer to /explorer-nt

TODO:

[ ] refine descriptions/images
[ ] reuse components – intro pages were copied from About.jsx
[ ] implement simple responsive navbar (mobile hamburger menu)

binoyskumar92 commented 3 years ago

I think this looks good to me

victorlin commented 3 years ago

@ababaian any suggestions on descriptions here? I just copy/pasted snippets from various sources so it definitely needs some tuning.

ababaian commented 3 years ago

I can update the texts to be a nice high-level overview later today.

ababaian commented 3 years ago

Updated the Explorer intro page
Renamed Beta Tools to Toolkit
Updated Toolkit Intro icons and text. Added palm* tools to this page as well.

Currently the external links for palmDB and palmscan are not working, not sure how to make link= refer to an external site (github).

ababaian commented 3 years ago

Also moving my weirdly placed "issue" comment here:

Related to this we currently have many items in the top navbar if we can group them and add pull-down menus to navigate the site (with a short descriptor for each entry) this can make navigating easier.

[ ] Add reactive hamburger pulldown for mobile
[ ] Add Drop-down menus for navbar
- On 'hover' fade-in animation of the menu (0.25s)

Proposed Navbar Organization (Title - Description)

Either show Description text as small text under the Title

OR, show Description text on hover (but this might look cramped, need to see)


Explorer    
NT   - Nucleotide-level, intra-species index
RdRP - Amino Acid-level, inter-species discovery

Toolkit palmID - User-input RdRP Sequence Analysis palmscan - Detect RdRP palmprints palmDB - RdRP palmprint database Map (beta) - Geospatial mapping of viral RdRPs Trees (beta) - Procedural palmprint phylogenies

About The Project - Open Virome The Team - Making the magic happen

victorlin commented 3 years ago

@ababaian @binoyskumar92 as discussed in Slack– it is presentable now, merging and will tackle TODOs in separate PRs.

serratus-bio / serratus.io

Add intro pages for explorer, beta tools #156

64 calls for a responsive nav bar. For that, I don't like the idea of having dropdown menus given the small number of pages we have. Instead, this pull request divides the pages into 2 categories `explorer`+`beta-tools` with intro pages for each.

Also moving my weirdly placed "issue" comment here:

serratus-bio / serratus.io

Add intro pages for explorer, beta tools #156

64 calls for a responsive nav bar. For that, I don't like the idea of having dropdown menus given the small number of pages we have. Instead, this pull request divides the pages into 2 categories explorer+beta-tools with intro pages for each.

Also moving my weirdly placed "issue" comment here:

64 calls for a responsive nav bar. For that, I don't like the idea of having dropdown menus given the small number of pages we have. Instead, this pull request divides the pages into 2 categories `explorer`+`beta-tools` with intro pages for each.