Wiki

Appearance

Daedalus Landing page Footer Documentation ​

The footer takes in two optional props:

  • isMobile
  • isDark

Both props are booleans. Be sure to use {true|false} when setting these.

isMobile activates mobile user mode, with a set of styling changes that are catered toward mobile users.

isDark activates dark mode. This changes the color scheme of the FooterSubscribe component.

FooterSubscribe Component (Regex) ​

The FooterSubscribe component uses regex to know when to print out the "Please enter a valid email" message.

As of December 10, 2023, this has a couple of minor bugs:

  • Does not update when user uses autocomplete to add email.
  • Does not update when user uses CTRL + A then DELETE when deleting input.
  • Error message shows up when using email addresses with two letters for the domain's TLD.

The backdrop, which is a pair of blurred circles in the background, are two separate <div> tags supported by a wrapper set to position: relative;.

Do not change the position of the wrapper. This will ruin the positioning and sizes for the circles. If you ever do need to change the wrapper, you can try adding a new wrapper set to position:relative to wrap these two circles together.