feat(design): general site bugs (punch list)

[pattishin]

Related to task: #289

Emblem punch list: https://docs.google.com/document/d/1lfO6xWmqfpqa1q4XlbbRmzUpEAaeWg9wMQ0MwrMxL-c/edit?usp=sharing

Items to verify (from above master list)

• Hero image on homepage is not full width, and not responsive
• No link to the home page, such as the site title in the app bar.
• Campaign cards on home page look like more of them should be "hot" for click-through to View Campaign, but only the View Campaign text is linked

Steps to test PR through my local project:

If you go this route, let me know so I can add you manually as an approver in the project. (Required in order to login)
I also may need to redeploy.

api: https://api-byccf5bkda-uc.a.run.app
website: https://website-byccf5bkda-uc.a.run.app/

Steps to test PR locally in your personal project: (Cloud Shell)

1. Ensure you have your local setup like so:

• https://github.com/GoogleCloudPlatform/emblem/blob/main/docs/tutorials/api-quickstart.md
• https://github.com/GoogleCloudPlatform/emblem/blob/main/docs/tutorials/website-quickstart.md

2. Copy client-libs/ directory from root into website/ directory before building the image / deploying (its Dockerfile requires the directory)

3. Build image based on content-api/ directory and deploy in container w/ Cloud Run (name: api)

4. Build image based on website/ directory and deploy in container w/ Cloud Run (name: website)

5. From project root, run . scripts/configure_auth.sh (Requires website container to exist)

6. Verify the above listed checklist items.

Drive of personal scripts used: (poor man's scripting)
https://drive.google.com/drive/folders/1knOSYk4EKQcuke5wvCMVVB-ifJN7JgNO?usp=sharing

[engelke]

Unless I'm missing something, it looks like all the images are gone in this commit. We need them restored or my error explained.

[pattishin]

@engelke Ah, that's due do the browser caching. If you can either clear your browser cache (images/files) or go incognito, I believe the images should pop up again. The urls referencing them just got relocated to the css.
Let me know if it's still an issue!

[engelke]

Yep, there are images there now. But each campaign has it's own separate image, stored in the campaigns collection. I don't think you can do that with the CSS. As of now, all the campaigns have the same image.

[pattishin]

Sorry for the delay @engelke and thanks for catching that bug! Should've run this with more than one campaign loaded. It should be fixed now! (screenshot below)

[engelke]

LGTM