Skip to content

Commit

Permalink
Merge pull request #113 from threshold-network/taco-landing-page
Browse files Browse the repository at this point in the history
Add TACo landing page
  • Loading branch information
cygnusv authored Apr 17, 2024
2 parents 7e156c4 + a030d2f commit 22aeea9
Show file tree
Hide file tree
Showing 42 changed files with 2,710 additions and 67 deletions.
1 change: 1 addition & 0 deletions src/components/Card/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ export interface CardButton {
label: string
url: string
variant: string
posthogLabel?: string
}

export interface CardCategory {
Expand Down
29 changes: 0 additions & 29 deletions src/components/HighlightWord.tsx

This file was deleted.

36 changes: 36 additions & 0 deletions src/components/HighlightWords.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
import React, { FC } from "react"
import { BoxProps, Text } from "@chakra-ui/react"

export interface HighlightWordsProps extends BoxProps {
title: string
highlighted?: string[]
}

export const HighlightWords: FC<HighlightWordsProps> = ({
title,
highlighted = [],
...boxProps
}) => {
const words = title.split(/\s+/)

return (
<>
{words.map((word, index) => {
const isHighlighted = highlighted.includes(word)

return (
<React.Fragment key={`text-${index}`}>
{isHighlighted ? (
<Text as="span" bgClip="text" {...boxProps}>
{word}
</Text>
) : (
word
)}
{index < words.length - 1 && " "}
</React.Fragment>
)
})}
</>
)
}
4 changes: 2 additions & 2 deletions src/components/Navbar/DesktopNav/DesktopNavLinks.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -17,14 +17,14 @@ const DesktopNavLinks: FC<DesktopNavLinksProps> = ({
}) => {
return (
<HStack
w="100%"
w={{ base: "100%", xl: "auto" }}
borderRight="1px solid"
borderLeft="1px solid"
borderColor="gray.700"
px={8}
spacing={4}
display={{ base: "none", md: "inherit" }}
justifyContent={{ base: "end", lg: "start" }}
justifyContent={{ base: "end", xl: "start" }}
as="nav"
>
{navLinks.map(({ subitems, label, url }) => {
Expand Down
9 changes: 5 additions & 4 deletions src/components/Navbar/SocialMediaLinks.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -11,18 +11,19 @@ const SocialMediaLinks: FC<
> = ({ isMobileDrawerFooter, links, ...stackProps }) => {
return (
<HStack
spacing={6}
w="100%"
spacing={5}
display={{
base: isMobileDrawerFooter ? "inherit" : "none",
lg: "inherit",
xl: "inherit",
}}
justifyContent={{
base: isMobileDrawerFooter ? "center" : "flex-end",
lg: "flex-start",
xl: "flex-start",
}}
borderLeft={{
base: isMobileDrawerFooter ? "none" : "1px solid",
lg: "none",
xl: "none",
}}
borderColor="brand.300"
marginBottom={isMobileDrawerFooter ? 8 : undefined}
Expand Down
4 changes: 3 additions & 1 deletion src/components/Navbar/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,17 +33,19 @@ export const Navbar: FC = () => {
<>
{showBanner && <WhatsNextBanner onClose={closeBanner} />}
<HStack
w="100%"
bg="gray.900"
h="90px"
borderBottom="1px solid"
borderColor="gray.700"
as="header"
>
<Container
maxW="1140px"
h="100%"
maxW="none"
display="flex"
justifyContent="space-between"
pr={{ base: 0, xl: 8 }}
>
<ThresholdBrand />
<MobileDrawer
Expand Down
1 change: 1 addition & 0 deletions src/components/PageSection.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@ export const ResponsiveStack: FC<
base: columnReverse ? "column" : "column-reverse",
md: rowReverse ? "row-reverse" : "row",
}}
position="relative"
justifyContent="space-between"
{...props}
>
Expand Down
5 changes: 3 additions & 2 deletions src/components/ThresholdBrand.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,9 @@ const ThresholdBrand: FC<{ isDrawerOpen?: boolean } & StackProps> = ({
}) => {
return (
<HStack
minW={{ base: "184px", lg: "225px" }}
justifyContent={isDrawerOpen ? "center" : "flex-start"}
w={{ xl: "100%" }}
minW={{ base: "184px", xl: "225px" }}
justifyContent={isDrawerOpen ? "center" : "end"}
pr="32px"
{...props}
>
Expand Down
2 changes: 2 additions & 0 deletions src/content/components/nav-bar.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,8 @@ nav_items:
- label: Build
isExternal: false
subitems:
- label: TACo
url: /build/taco
- label: tBTC SDK
url: /build/tbtc-sdk
- label: Docs
Expand Down
213 changes: 213 additions & 0 deletions src/content/pages/build/taco.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,213 @@
---
template: build-page/taco
path: /build/taco
title: TACo Page
seoTitle: Threshold Taco
seoDescription: "TACo (Threshold Access Control) enables end-to-end encrypted data sharing and communication."
tacoInfo:
title: "TACo: Privacy Without Trust"
description: "Give your users true sovereignty over their data, today. TACo is the first and only access control layer you aren’t forced to trust."
image: /images/taco-encryption.svg
buttons:
- label: Start Building
url: https://docs.threshold.network/app-development/threshold-access-control-tac/integration-guide
variant: EXTERNAL_SOLID
- label: Trust Overview
url: https://docs.threshold.network/app-development/threshold-access-control-tac/trust-assumptions/mainnet-trust-model-foundation
variant: EXTERNAL_OUTLINE
rowReverse: false
tacoFeaturesInfo:
title: "End-to-End Encryption. End-to-End Decentralized."
description: "Empower users to share data with qualifying recipients, and no-one else. Encryption via a decentralized cryptosystem, from day one."
highlighted: ["Encryption.", "Decentralized."]
tacoFeatures:
- title: "Web3 needs TACo"
cards:
- title: "Decentralized Storage"
description: "TACo is the perfect complement to persistent storage, finally enabling users to grant future access without having to download & re-encrypt locally."
icon: /images/storage-icon.svg
- title: "Web3 Social Networks"
description: "TACo facilitates many-to-many data sharing, without a centralized authority that may harvest, exploit and monetize interpersonal communication."
icon: /images/social-icon.svg
- title: "Media Content-gating"
description: "Whether it's a stream, a movie or a collectible, TACo enforces the decryption rights. 'Owning' an NFT now holds significance beyond a symbolic receipt."
icon: /images/media-icon.svg
- title: "The Web needs TACo"
cards:
- title: "Hyper-sensitive data"
description: "From password recovery to reproductive healthcare, TACo ensures that high-stakes data sharing doesn’t necessitate trusting an intermediary."
icon: /images/locker-icon.svg
- title: "IoT & Connected Vehicles"
description: "TACo is the antidote to the interconnected hardware panopticon, in which every waking (and sleeping) moment of life is surveilled/harvested by data custodians."
icon: /images/iot-icon.svg
- title: "Activism & Human Rights"
description: "TACo protects the most vulnerable in society – those who may face intimidation, censorship and violence as a consequence of their data being leaked."
icon: /images/activism-icon.svg
tacoDiagramsInfo:
title: "Integrate a Privacy Layer with Nothing to Hide"
description: "TACo isn't just auditable, it's comprehensible. From high-level schematic to client code."
image: /images/taco-grid.svg
background: /images/glowing-background.png
tacoDiagrams:
- title: "Generating a DKG Cohort"
preTitle: "learn"
description: "Independent nodes are sampled from the Threshold Network to collectively generate a distributed public key."
image: /images/first-taco-diagram.svg
buttons:
- label: "nucypher/ferveo"
url: https://github.com/nucypher/ferveo
variant: EXTERNAL_OUTLINE
- label: "nucypher-contracts"
url: https://github.com/nucypher/nucypher-contracts
variant: EXTERNAL_OUTLINE
- title: "Encrypting Private Data"
preTitle: "learn"
description: "Data owners specify decryption conditions, embedded alongside the private data. The payload is encrypted with the DKG public key."
image: "/images/second-taco-diagram.svg"
buttons:
- label: "taco-web"
url: https://github.com/nucypher/taco-web
variant: EXTERNAL_OUTLINE
- label: "nucypher"
url: https://github.com/nucypher/nucypher
variant: EXTERNAL_OUTLINE
- title: "Accessing Decrypted Data"
preTitle: "learn"
description: "Data requesters present proof to the cohort, and each member verifies condition fulfilment before provisioning the requester with a decryption share; decryption requires a threshold of these shares."
image: "/images/third-taco-diagram.svg"
buttons:
- label: "taco-web"
url: https://github.com/nucypher/taco-web
variant: EXTERNAL_OUTLINE
- label: "nucypher"
url: https://github.com/nucypher/nucypher
variant: EXTERNAL_OUTLINE
tacoExamplesInfo:
title: "Access conditions that fit your use case"
preTitle: "build"
description: "Whatever the business logic for data access, TACo nodes will enforce it. Specify and combine EVM, RPC and time-based conditions. Non-blockchain coming soon."
image: "/images/ecosystem-grid.svg"
rowReverse: false
tacoExamples:
- title: "NFT-gating"
description: "Predicate decryption rights on ownership of a special-purpose NFTs. Works for digital media, event streams and beyond."
image: "/images/nft-gating.svg"
- title: "Secret recovery"
description: "Securely share your seed phrase/password with beneficiaries or your future self, without risking DOS by an intermediary."
image: "/images/secret-recovery.svg"
- title: "Inference protection"
description: "Prevent third-parties from harvesting or blocking communication between end-users and generative models."
image: "/images/inference-protection.svg"
tacoTableInfo:
title: "The Zero Compromise Solution"
highlighted: ["Zero", "Compromise"]
description: "TACo blends ease of integration with genuine decentralization. No need to choose between the two."
rowReverse: false
tacoTable:
headers:
[
"Feature / Service Choice",
"TACo",
"LIT",
"EVM Contract",
"PKI",
"Cloud Service",
]
features:
- label: "Scalable to millions of users"
options:
- project: "Taco"
image: "/images/check-purple.svg"
- project: "LIT"
image: "/images/check-white.svg"
- project: "EVM Contract"
image: "/images/x-gray.svg"
- project: "PKI"
image: "/images/x-gray.svg"
- project: "Cloud Service"
image: "/images/check-white.svg"
- label: "Arbitrary access conditions"
options:
- project: "Taco"
image: "/images/check-purple.svg"
- project: "LIT"
image: "/images/check-white.svg"
- project: "EVM Contract"
image: "/images/x-gray.svg"
- project: "PKI"
image: "/images/x-gray.svg"
- project: "Cloud Service"
image: "/images/check-white.svg"
- label: "Redundant & highly available"
options:
- project: "Taco"
image: "/images/check-purple.svg"
- project: "LIT"
image: "/images/dash-white.svg"
- project: "EVM Contract"
image: "/images/check-white.svg"
- project: "PKI"
image: "/images/x-gray.svg"
- project: "Cloud Service"
image: "/images/check-white.svg"
- label: "Cryptoeconomically secured"
options:
- project: "Taco"
image: "/images/check-purple.svg"
- project: "LIT"
image: "/images/x-gray.svg"
- project: "EVM Contract"
image: "/images/check-white.svg"
- project: "PKI"
image: "/images/x-gray.svg"
- project: "Cloud Service"
image: "/images/x-gray.svg"
- label: "Battle-tested network"
options:
- project: "Taco"
image: "/images/check-purple.svg"
- project: "LIT"
image: "/images/x-gray.svg"
- project: "EVM Contract"
image: "/images/check-white.svg"
- project: "PKI"
image: "/images/x-gray.svg"
- project: "Cloud Service"
image: "/images/x-gray.svg"
- label: "Transparent trust model"
options:
- project: "Taco"
image: "/images/check-purple.svg"
- project: "LIT"
image: "/images/x-gray.svg"
- project: "EVM Contract"
image: "/images/check-white.svg"
- project: "PKI"
image: "/images/check-white.svg"
- project: "Cloud Service"
image: "/images/dash-white.svg"
- label: "Track record with infra"
options:
- project: "Taco"
image: "/images/check-purple.svg"
- project: "LIT"
image: "/images/x-gray.svg"
- project: "EVM Contract"
image: "/images/check-white.svg"
- project: "PKI"
image: "/images/x-gray.svg"
- project: "Cloud Service"
image: "/images/x-gray.svg"
- label: "Multi-chain"
options:
- project: "Taco"
image: "/images/dash-purple.svg"
- project: "LIT"
image: "/images/check-white.svg"
- project: "EVM Contract"
image: "/images/x-gray.svg"
- project: "PKI"
image: "/images/x-gray.svg"
- project: "Cloud Service"
image: "/images/x-gray.svg"
---
2 changes: 1 addition & 1 deletion src/content/pages/build/tbtc-sdk.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ seoTitle: Threshold tBTC SDK
seoDescription: "Develop applications using tBTC SDK, and leverage the Bitcoins strength across various blockchains, enhancing user flexibility and market reach"
sdkInfo:
title: "tBTC SDK: Supercharge Your Project with Bitcoin"
highlightedWord: "tBTC SDK:"
highlighted: ["tBTC", "SDK:"]
description: "Unlock the power of blockchain – The ultimate toolkit for harnessing Bitcoin's potential."
image: /images/tbtc-sdk.svg
buttons:
Expand Down
Loading

0 comments on commit 22aeea9

Please sign in to comment.