diff --git a/public/icons/youtube.svg b/public/icons/youtube.svg new file mode 100644 index 0000000..a3ad945 --- /dev/null +++ b/public/icons/youtube.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx index 8c18001..a0e9f49 100644 --- a/src/components/Navbar.tsx +++ b/src/components/Navbar.tsx @@ -23,6 +23,11 @@ export default function Navbar() { Documentation + + + YouTube Videos + + ); diff --git a/src/components/typography.tsx b/src/components/typography.tsx index a018a56..bd9338a 100644 --- a/src/components/typography.tsx +++ b/src/components/typography.tsx @@ -31,7 +31,7 @@ const H2 = styled.h2` line-height: ${({ theme }) => theme.lineHeights.H2}; font-weight: 600; text-align: left; - margin: 4rem 0 2.75rem 0; + margin-bottom: 3rem; padding: 0; &::before { @@ -55,7 +55,7 @@ const H3 = styled.h3` line-height: ${({ theme }) => theme.lineHeights.H3}; font-weight: 600; text-align: left; - margin-bottom: 1rem; + margin-bottom: 2rem; padding: 0; &::before { @@ -78,11 +78,11 @@ const Blockquote = styled.blockquote` font-size: ${({ theme }) => theme.fontSizes.large}; font-weight: 400; text-align: left; - line-height: 1.58rem; + line-height: 1.618rem; word-wrap: break-word; padding: 0; margin-block-start: 0; - margin-block-end: 0; + margin-block-end: 4rem; margin-inline-start: 0; margin-inline-end: 0; border-left: 2px solid ${({ theme }) => theme.colors.main}; diff --git a/src/components/wrappers.tsx b/src/components/wrappers.tsx index b4475ea..0909e6a 100644 --- a/src/components/wrappers.tsx +++ b/src/components/wrappers.tsx @@ -15,6 +15,7 @@ const Nav = styled.nav` align-items: center; width: 100%; max-width: 768px; + padding: 1rem 0; `; const Logotype = styled.span` @@ -113,6 +114,7 @@ const Credits = styled.div` justify-content: flex-start; align-items: flex-start; font-size: ${({ theme }) => theme.fontSizes.large}; + margin-bottom: 4rem; a, span { padding: 0 1rem 0 0; @@ -135,6 +137,7 @@ const TallyWrapper = styled.div` flex-direction: column; align-items: center; justify-content: center; + padding: 2px; width: 100%; height: 100%; `; @@ -146,7 +149,7 @@ const FooterWrapper = styled.footer` align-items: flext-start; align-self: center; justify-content: flex-start; - margin: 8rem 0 4rem 0; + margin: 4rem auto; `; const FooterContent = styled.div` @@ -155,7 +158,7 @@ const FooterContent = styled.div` justify-content: flex-start; align-items: flex-start; width: 100%; - margin: 0 0 0 2.7rem; + margin: 0 auto; `; const FooterAside = styled.aside` diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 1ce36a8..1f4365f 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,7 +4,7 @@ import { H1, H2, Blockquote, P } from "../components/typography"; const TallyStyles = { width: "100%", - height: "61.8vh", + height: "61.8rem", marginHeight: 0, marginWidth: 0, frameBorder: 0, @@ -15,11 +15,14 @@ export default function Home() { return ( -

Open source onramp for in-demand RWAs

+

Onchain equity protocol.

+

Onramp for in-demand tokenized real world assets.

+

Permissionless. Open source. Compliant with transfer agent regulation in the US.

Crypto deserves compliant infrastructure for tokenized capital markets. We believe it must be truly open, free, and user-centric.

-

Introducing an open source protocol stack to build web3 equivalents of transfer agents. This infra lets you mint performant equity cap tables onchain.

+

Introducing an open source onchain equity protocol to build web3 equivalents of transfer agents.

+

This infra lets you mint performant equity cap tables onchain.

Read the full announcement

@@ -45,9 +48,7 @@ export default function Home() { console.log("Tally failed to load"); }} /> - - - + );