Skip to content

Implement footer #987

@peterkos

Description

@peterkos

Screen Shot 2020-12-09 at 4 54 51 AM

Up-to-date design assets are in the Notion (link in Slack #engineering-general channel topic).

Instead of using the logos on Notion, ideally we should use FontAwesome Brands to keep things easy.

Scaling for the background "shelf" asset (cups, etc.) should mimic the behavior on the hero's shelf asset, i.e., it generally scales to follow the width of the page, but at some to-be-determined max/min breakpoint, it clips the background image while keeping it (and the content) centered:

brickhack.io/sass/main.scss

Lines 163 to 174 in 182f080

#shelf {
position: absolute;
width: 100%;
height: 300px;
left: 0;
right: 0;
bottom: -20px; // SVG crop issues?
background-image: url("../assets/shelf.svg");
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}

Also, Discord should be removed from that list -- still figuring out how to best advertise the Discord when it eventually opens, but not yet!

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions