Gallery page

[mbavec]

By submitting this PR, I am indicating to the Numberscope maintainers that I have read and understood the [contributing guidelines] (https://numberscope.colorado.edu/doc/CONTRIBUTING/) and that this PR follows those guidelines to the best of my knowledge. I have also read the pull request checklist and followed the instructions therein.

---

This adds the CSS for the gallery screen and added basic css variables to the app.vue file. Some of the relevant code was also refactored to make names more descriptive and compatible with future developments. Additionally, added an icon font and removed bootstrap.

[gwhitney]

As per plan, we want to merge into branch ui2 for now. Please adjust this PR to have destination ui2, or close it and reopen one into branch ui2. Thanks. Note that #338 has been merged into ui2, so you will want to rebase this on the latest ui2.

[mbavec]

The branch has been adjusted to be compatible with ui2. It is now directed to merge with ui2 instead of main. Apologies for the oversight.

[gwhitney]

OK, that's all the review I could do from the code alone. It won't run for me at the moment (see the comments about "sass"). Once these are taken care of and it's running, I (and/or other members of the Numberscope team) can complete the review. Thanks!

[gwhitney]

Almost ready to finalize the review, just one remaining conversation about the "Change Visualizer" button. Also, just for your information and the rest of your team, we use the convention that only the initiator of a conversation should mark it as resolved (not the respondent) -- not sure if there is a way for us to enforce that in the GitHub user interface. So just as a courtesy, please let us the PR reviewers judge whether a conversation is resolved. Thanks!

[mbavec]

Almost ready to finalize the review, just one remaining conversation about the "Change Visualizer" button. Also, just for your information and the rest of your team, we use the convention that only the initiator of a conversation should mark it as resolved (not the respondent) -- not sure if there is a way for us to enforce that in the GitHub user interface. So just as a courtesy, please let us the PR reviewers judge whether a conversation is resolved. Thanks!

My apologies I didn't know about this convention. I'll leave things unresolved from now on.

[gwhitney]

OK, this branch now passes typecheck and runs and the dev server is responsive. I observed the following "unfinished" or "in progress" aspects to the state of the frontscope UI as of this PR. Please just confirm that you are comfortable making a commit with these aspects, and I will go ahead and merge when I have your confirmation:

1. The headers and footers appear, but they have no styling beyond browser-default styling.
2. There is no link or button to access the gallery view anywhere in the UI so far as I can find; the only way to access it is to manually type the /gallery endpoint in the URL bar of the browser.
3. There is no mechanism to get preview images into a SpecimenCard.
4. There is an upward pointing caret at the top right of each section (for a specific visualizer) on the Gallery page that has no explanation and does not respond in any way to a click. I imagine it will be used to collapse the section but it currently has no functionality.

If you are OK with making a commit in this state, we will go ahead and do so. Thanks for confirming.

[mbavec]

OK, this branch now passes typecheck and runs and the dev server is responsive. I observed the following "unfinished" or "in progress" aspects to the state of the frontscope UI as of this PR. Please just confirm that you are comfortable making a commit with these aspects, and I will go ahead and merge when I have your confirmation:

1. The headers and footers appear, but they have no styling beyond browser-default styling.
2. There is no link or button to access the gallery view anywhere in the UI so far as I can find; the only way to access it is to manually type the /gallery endpoint in the URL bar of the browser.
3. There is no mechanism to get preview images into a SpecimenCard.
4. There is an upward pointing caret at the top right of each section (for a specific visualizer) on the Gallery page that has no explanation and does not respond in any way to a click. I imagine it will be used to collapse the section but it currently has no functionality.

If you are OK with making a commit in this state, we will go ahead and do so. Thanks for confirming.

We were aware of these shortcomings and after having discussed it with the team we are comfortable with making a commit in this state. All of these issues and other features will be addressed in future commits.

[gwhitney]

All comments have been addressed. Ready to merge.