diff --git a/landing/header.css b/landing/header.css --- a/landing/header.css +++ b/landing/header.css @@ -71,6 +71,7 @@ } div.twitterIcon, +div.farcasterIcon, div.githubIcon, div.commAppIcon { display: flex; @@ -89,6 +90,7 @@ } div.twitterIcon svg, +div.farcasterIcon svg, div.githubIcon svg, div.commAppIcon svg { transition: 300ms; @@ -114,6 +116,11 @@ background-color: #1d9bf0; transition: 300ms; } + + div.farcasterIcon:hover { + background-color: #855dcd; + transition: 300ms; + } } /* max-width should be kept in sync with HEADER_BREAKPOINT in header.react */ @@ -123,6 +130,7 @@ } div.twitterIcon, + div.farcasterIcon, div.githubIcon, div.commAppIcon { display: none; diff --git a/landing/header.react.js b/landing/header.react.js --- a/landing/header.react.js +++ b/landing/header.react.js @@ -14,6 +14,7 @@ import type { SetState } from 'lib/types/hook-types.js'; +import FarcasterLogo from './assets/farcaster-logo.react.js'; import css from './header.css'; import typography from './typography.css'; @@ -107,6 +108,15 @@ /> + +
+ +
+
+ + +