diff --git a/public/assets/bluesky.svg b/public/assets/bluesky.svg new file mode 100644 index 00000000..e731338d --- /dev/null +++ b/public/assets/bluesky.svg @@ -0,0 +1 @@ +Bluesky butterfly logo \ No newline at end of file diff --git a/public/assets/itchio.svg b/public/assets/itchio.svg new file mode 100644 index 00000000..0426462d --- /dev/null +++ b/public/assets/itchio.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/mastodon.svg b/public/assets/mastodon.svg new file mode 100644 index 00000000..39a116b2 --- /dev/null +++ b/public/assets/mastodon.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/assets/producthunt.svg b/public/assets/producthunt.svg new file mode 100644 index 00000000..7c0b94cb --- /dev/null +++ b/public/assets/producthunt.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/assets/reddit.svg b/public/assets/reddit.svg new file mode 100644 index 00000000..108e3598 --- /dev/null +++ b/public/assets/reddit.svg @@ -0,0 +1,40 @@ + + + + + + + + diff --git a/public/assets/threads.svg b/public/assets/threads.svg new file mode 100644 index 00000000..809c12d8 --- /dev/null +++ b/public/assets/threads.svg @@ -0,0 +1,21 @@ + + + + + + + + diff --git a/public/assets/youtube.svg b/public/assets/youtube.svg new file mode 100644 index 00000000..012bc563 --- /dev/null +++ b/public/assets/youtube.svg @@ -0,0 +1,23 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/PageFooter.tsx b/src/components/PageFooter.tsx index f6c7cbcb..391639dc 100644 --- a/src/components/PageFooter.tsx +++ b/src/components/PageFooter.tsx @@ -13,6 +13,7 @@ import { appLogoUrl } from "@/common/worldEvents"; import { emojiUnicodeToShortcode, unicodeToTwemojiUrl } from "@/emoji"; import { Emoji } from "./markup/Emoji"; import { JSXElement } from "solid-js"; +import { LogoMono } from "../LogoMono"; const FooterContainer = styled(FlexRow)` gap: 10px; @@ -37,6 +38,17 @@ const SocialIcon = styled("img")` opacity: 100%; } `; +const NerimityIcon = styled("svg")` +width: 28px; +height: 28px; +filter: grayscale(100%); +opacity: 65%; +transition: 0.2s; +&:hover { + filter: grayscale(15%); + opacity: 100%; +} +`; const socialLinkStyle = css` display: flex; @@ -64,11 +76,13 @@ export default function PageFooter() { - + + + + + + + + + + + + + + + + + + + + + - +