Add new page to allow users to select create new survey, open existing survey, or manage surveys

[HenryGeorgist]

[HenryGeorgist]

the image above is a general idea, the icons could be different, and we of course want the banner and css to be consistent with the current nsi-survey-tool css/banner no search necessary so eschew the central FEMA/USACE Model Library label and search models text box

[trietmnj]

How's this? It's currently mapped to /nsi-survey/splash. Each button should grow a bit on hover. Should be in branch tmnt. I haven't mapped any functionality to the buttons, they're just for display right now.

[HenryGeorgist]

Good start.

[HenryGeorgist]

can we drop the background image and remove the text "Survey" and "Tools"

Can we make the background either white or black (to match the login page) ?

Can we remove the blurr effect on the brown background?

Can we make the brown background either black or white (opposite of the main background)

Make the text of the graphics and text all the same as the main background color

Make the tool names "Create New Survey" "Modify Existing Survey" and "Manage All Surveys"

I think the icon for the manage all should be a gear.

[trietmnj]

Like this?

[HenryGeorgist]

what do you think? I am not sure we are quite there yet, that one makes me squint... haha

[HenryGeorgist]

i like the black bg-dark from darkly, and the https://bootswatch.com/darkly/ i think it goes well with the bg-light from the third navibar down.

I dont know the hexidecimal on those, but maybe try those instead of the pure black and pure white

[trietmnj]

Ok, how does it look?

[HenryGeorgist]

that is alot more pleasant - what do you think?

[HenryGeorgist]

The black banner seems a bit much now, but in general i like that color scheme

[HenryGeorgist]

i like cyborg too https://bootswatch.com/cyborg/

[trietmnj]

It's perfect without the banner

[trietmnj]

black is too much

[trietmnj]

well actually it looks better on the actual html page compared to the picture, I think

[HenryGeorgist]

yeah. switch the banner to match the darkly scheme

[trietmnj]

so the NavBar is currently a reusable component, changing it would change the bar on every single page. I can make duplicate into a more customized version just for the splash page too.

[HenryGeorgist]

i think we should update the whole page to the new styling

[trietmnj]

Perfect!

[trietmnj]

[HenryGeorgist]

That works for me. we might play around with it more as we keep adding information, but this is a great start.

[trietmnj]

After looking at it a bit more, the black navbar seems better, I like the step down progression - black from the tool bar, dark gray on the background, and lighter gray on the buttons. The light toolbar looks out of place with the blue house.

[trietmnj]

These also need to be updated if the toolbar change to something lighter

[HenryGeorgist]

what is the hexidecimal on the old black for the banner?

maybe we try some softer blacks:

303030

444

222

I think you can use one of those blacks for the page background and another for the navibar?

[trietmnj]

It was bottom of the scale bar black #000000. The pics here are with the #222 for the NavBar. #444 for background. Looks better.

[HenryGeorgist]

lets do a pr on this, we have iterated enough for now.