diff --git a/src/assets/images/Twitter.svg b/src/assets/images/Twitter.svg deleted file mode 100644 index 47cfdde3..00000000 --- a/src/assets/images/Twitter.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - app/Twitter - - - - - \ No newline at end of file diff --git a/src/assets/images/check.svg b/src/assets/images/check.svg deleted file mode 100644 index b93f52f4..00000000 --- a/src/assets/images/check.svg +++ /dev/null @@ -1,6 +0,0 @@ - - - - - - diff --git a/src/assets/images/cli.svg b/src/assets/images/cli.svg deleted file mode 100644 index 88886d52..00000000 --- a/src/assets/images/cli.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/src/assets/images/hero-2.svg b/src/assets/images/hero-2.svg deleted file mode 100644 index 6cc54c2d..00000000 --- a/src/assets/images/hero-2.svg +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/images/hero.svg b/src/assets/images/hero.svg deleted file mode 100644 index 9dad1dbb..00000000 --- a/src/assets/images/hero.svg +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - - - - - - diff --git a/src/assets/images/image.svg b/src/assets/images/image.svg deleted file mode 100644 index 698a4a14..00000000 --- a/src/assets/images/image.svg +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - diff --git a/src/assets/images/logo-adobe.svg b/src/assets/images/logo-adobe.svg deleted file mode 100644 index 746dd506..00000000 --- a/src/assets/images/logo-adobe.svg +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - - - - - - - - - diff --git a/src/assets/images/logo-cai.svg b/src/assets/images/logo-cai.svg deleted file mode 100644 index 33d78e91..00000000 --- a/src/assets/images/logo-cai.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - diff --git a/src/assets/images/wrench.svg b/src/assets/images/wrench.svg deleted file mode 100644 index 52aed7be..00000000 --- a/src/assets/images/wrench.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - diff --git a/src/assets/images/x.svg b/src/assets/images/x.svg deleted file mode 100644 index cbe9ef63..00000000 --- a/src/assets/images/x.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - diff --git a/src/components/ComparisonTable/index.js b/src/components/ComparisonTable/index.js deleted file mode 100644 index 88ba0be6..00000000 --- a/src/components/ComparisonTable/index.js +++ /dev/null @@ -1,51 +0,0 @@ -import React from 'react'; -import styles from './styles.module.css'; -import CheckIcon from '../../assets/images/check.svg'; - -export function TabelCellValue({ value, type }) { - switch (type) { - case 'boolean': - return value ? : null; - default: - return {value}; - } -} - -export default function Table({ title, columns, records }) { - return ( -
-
-

{title}

-
- - - - {columns.map((column) => ( - - ))} - - - - {records.map((record, i) => ( - - {columns.map((column) => ( - - ))} - - ))} - -
-

{column.label}

-
-
- -
-
-
-
-
- ); -} diff --git a/src/components/ComparisonTable/styles.module.css b/src/components/ComparisonTable/styles.module.css deleted file mode 100644 index 3aeb4c68..00000000 --- a/src/components/ComparisonTable/styles.module.css +++ /dev/null @@ -1,107 +0,0 @@ -.root { - margin-bottom: 120px; - max-width: var(--ifm-container-width); - margin-left: auto; - margin-right: auto; -} - -.title { - padding: 0 var(--ifm-spacing-horizontal); - font-size: 2rem; - margin-bottom: 60px; - text-align: center; -} - -.scroller { - overflow-x: auto; -} - -.table { - --ifm-spacing-vertical: 0; - display: table; - table-layout: fixed; - min-width: 100%; -} - -.table thead { - border: none; -} - -.table tr { - border: none; -} - -.table th, -.table td { - border: none; - text-align: unset; - padding: 0; -} - -.table th { - white-space: nowrap; - width: 25%; -} - -.table tr th:first-child, -.table tr td:first-child { - background-color: inherit; - position: sticky; - left: 0; -} - -.table tr td:first-child .cell, -.table tr th:first-child .headCell { - min-width: 200px; -} - -.table [data-column-type='boolean'] { - text-align: center; -} - -.cell { - font-size: 0.875rem; - line-height: 1.2em; - display: flex; - flex-flow: column; - align-items: stretch; - justify-content: flex-start; - padding: 1.5em; - min-height: 5em; -} - -.table [data-column-type='boolean'] .cell { - align-items: center; - justify-content: center; -} - -.headCell { - --ifm-heading-margin-top: 0; - --ifm-heading-margin-bottom: 0; - font-size: 1rem; - line-height: 1.2em; - display: flex; - flex-flow: column; - align-items: stretch; - justify-content: center; - padding: 1.25em 1.5em; - background-color: var(--ifm-color-primary-light); -} - -@media screen and (max-width: 767px) { - .table tr td:first-child .cell::after, - .table tr th:first-child .headCell::after { - content: ''; - display: block; - background: linear-gradient( - 90deg, - rgba(0, 0, 0, 0.2) 0%, - rgba(0, 0, 0, 0) 100% - ); - position: absolute; - top: 0; - right: -20px; - width: 20px; - height: 100%; - } -} diff --git a/src/components/Features/index.js b/src/components/Features/index.js deleted file mode 100644 index 39d7ed08..00000000 --- a/src/components/Features/index.js +++ /dev/null @@ -1,78 +0,0 @@ -import { useC2pa } from '@contentauth/react'; -import BrowserOnly from '@docusaurus/BrowserOnly'; -import Link from '@docusaurus/Link'; -import { generateVerifyUrl } from 'c2pa'; -import clsx from 'clsx'; -import React from 'react'; -import styles from './styles.module.css'; - -export function Feature({ - id, - icon, - hasC2paMetadata, - media, - title, - description, - cta, -}) { - let provenance = null; - hasC2paMetadata ? (provenance = useC2pa(media)) : (provenance = null); - return ( -
-
-
- {icon} -

{title}

-
-

{description}

-
-
-
- - {cta.label} - -
-
- {hasC2paMetadata && provenance ? ( - Loading...
}> - {() => { - const viewMoreUrl = generateVerifyUrl( - window.location.origin + media, - ); - const { WebComponents } = require('../WebComponents'); - return ( -
- -
- ); - }} - - ) : ( -
{media}
- )} - - ); -} - -export default function Features({ features = [] }) { - return ( -
-
-
- {features.map((props, i) => ( - - ))} -
-
-
- ); -} diff --git a/src/components/Features/styles.module.css b/src/components/Features/styles.module.css deleted file mode 100644 index ec6ac1e1..00000000 --- a/src/components/Features/styles.module.css +++ /dev/null @@ -1,121 +0,0 @@ -.root { - display: flex; - align-items: center; - width: 100%; -} - -.list { - display: flex; - flex-direction: column; - gap: 200px; - margin-bottom: 200px; -} - -.feature { - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - gap: 56px; -} - -.featureIcon { - height: 40px; - width: 40px; -} - -.featureInfo { - width: 50%; - display: flex; - flex-direction: column; - justify-content: center; - gap: 20px; -} - -.featureMedia { - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; - width: 50%; -} - -.featureTitle { - --ifm-heading-margin-top: 0; - --ifm-heading-margin-bottom: 0; - font-size: 2rem; -} - -.featureDescription { - font-size: 1.25rem; -} - -.featureDescription p:last-child { - --ifm-paragraph-margin-bottom: 0; -} - -.featureActions { - display: flex; - flex-flow: row wrap; - align-items: center; - justify-content: flex-start; - width: 100%; -} - -.featureCTA { - padding: 0.86em 1.25em; - border-radius: 2em; - background-color: var(--ifm-color-secondary); - color: inherit; - text-decoration: none; - line-height: 1.25em; - font-weight: var(--ifm-font-weight-bold); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - text-align: center; - transition: background-color 100ms ease-out; -} - -.featureCTA:hover { - text-decoration: none; - background-color: var(--ifm-color-secondary-light); -} - -.featureCTADisabled, -.featureCTADisabled:hover, -.featureCTADisabled:active, -.featureCTADisabled:focus { - background-color: var(--cai-color-disabled); - color: var(--cai-color-on-disabled); - pointer-events: none; -} - -.featureContent { - display: flex; - flex-flow: column; - align-items: flex-start; - justify-content: flex-start; - gap: 28px; -} - -@media screen and (max-width: 767px) { - .feature { - flex-flow: column; - align-items: stretch; - justify-content: flex-start; - gap: 40px; - } - - .featureInfo { - width: 100%; - } - - .featureMedia { - width: 100%; - } - - .featureDescription { - font-size: 1rem; - } -} diff --git a/src/components/FeedbackLink/index.js b/src/components/FeedbackLink/index.js deleted file mode 100644 index d48bbccc..00000000 --- a/src/components/FeedbackLink/index.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from 'react'; -import styles from './styles.module.css'; - -export default function FeedbackLink() { - return ( -
- Contribute and give feedback! Chat with us on{' '} - Discord or start a discussion on{' '} - GitHub. -
- ); -} diff --git a/src/components/FeedbackLink/styles.module.css b/src/components/FeedbackLink/styles.module.css deleted file mode 100644 index 8b484769..00000000 --- a/src/components/FeedbackLink/styles.module.css +++ /dev/null @@ -1,4 +0,0 @@ -.root { - padding: 60px 40px 0 40px; - text-align: center; -} diff --git a/src/components/FooterLogoLockup/index.js b/src/components/FooterLogoLockup/index.js index e769b818..40ccd32f 100644 --- a/src/components/FooterLogoLockup/index.js +++ b/src/components/FooterLogoLockup/index.js @@ -1,20 +1,16 @@ import React from 'react'; import Link from '@docusaurus/Link'; -import CAILogo from '../../assets/images/logo-cai.svg'; -import AdobeLogo from '../../assets/images/logo-adobe.svg'; -import XIcon from '../../assets/images/x.svg'; +//import CAILogo from '../../assets/images/logo-cai.svg'; +//import AdobeLogo from '../../assets/images/logo-adobe.svg'; +//import XIcon from '../../assets/images/x.svg'; import styles from './styles.module.css'; export default function FooterLogoLockup() { return (
- - - - - - - + + +
); } diff --git a/src/components/Hero/index.js b/src/components/Hero/index.js deleted file mode 100644 index 97426147..00000000 --- a/src/components/Hero/index.js +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; -import styles from './index.module.css'; - -export default function Hero({ title, description, media }) { - return ( -
-
-

{title}

-
-
-
-

{description}

-
-
{media}
-
-
-
- ); -} diff --git a/src/components/Hero/index.module.css b/src/components/Hero/index.module.css deleted file mode 100644 index 88c6f7ba..00000000 --- a/src/components/Hero/index.module.css +++ /dev/null @@ -1,84 +0,0 @@ -/** - * CSS files with the .module.css suffix will be treated as CSS modules - * and scoped locally. - */ - -.root { - padding: 150px 0; - position: relative; -} - -.title { - --ifm-h1-font-size: 5rem; - --ifm-heading-margin-bottom: 0; - max-width: 974px; -} - -.content { - display: flex; - flex-flow: row; - align-items: center; - justify-content: space-between; - gap: 80px; -} - -.description { - font-size: 1.25rem; - width: 55%; - margin: 0 auto; - display: flex; - flex-flow: row; - align-items: flex-start; - justify-content: flex-start; - gap: 0.8em; - line-height: 1.6em; - padding: 3em 0; -} - -.description p { - flex-grow: 1; -} - -.description p:last-child { - margin-bottom: 0; -} - -.image { - width: 45%; -} - -.hr { - --ifm-hr-margin-vertical: 0.8em; - width: 40px; - height: 3px; - background-color: var(--cai-color-primary); - border: 0; - padding: 0; - flex-shrink: 0; -} - -@media screen and (max-width: 767px) { - .title { - --ifm-h1-font-size: 2.25rem; - } - - .content { - flex-flow: column; - align-items: flex-start; - justify-content: flex-start; - gap: 10px; - } - - .description { - font-size: 1rem; - padding: 1.25em 0; - width: 100%; - flex-flow: column; - align-items: flex-start; - justify-content: flex-start; - } - - .image { - width: 100%; - } -} diff --git a/src/components/WebComponents/index.js b/src/components/WebComponents/index.js deleted file mode 100644 index a5b2c0bb..00000000 --- a/src/components/WebComponents/index.js +++ /dev/null @@ -1,64 +0,0 @@ -import { createL2ManifestStore } from 'c2pa'; -import 'c2pa-wc/dist/components/Icon'; -import 'c2pa-wc/dist/components/Indicator'; -import 'c2pa-wc/dist/components/ManifestSummary'; -import 'c2pa-wc/dist/components/PanelSection'; -import 'c2pa-wc/dist/components/Popover'; -import React, { useEffect, useRef, useState } from 'react'; -import './styles.css'; - -export function WebComponents({ imageUrl, provenance, viewMoreUrl }) { - console.log('imageUrl', imageUrl); - const [manifestStore, setManifestStore] = useState(null); - const summaryRef = useRef(); - - useEffect(() => { - let disposeFn = () => {}; - - if (!provenance.manifestStore?.activeManifest) { - return; - } - - createL2ManifestStore(provenance.manifestStore).then( - ({ manifestStore, dispose }) => { - setManifestStore(manifestStore); - disposeFn = dispose; - }, - ); - - return disposeFn; - }, [provenance.manifestStore?.activeManifest]); - - useEffect(() => { - const summaryElement = summaryRef.current; - if (summaryElement && manifestStore) { - summaryElement.manifestStore = manifestStore; - summaryElement.viewMoreUrl = viewMoreUrl; - } - }, [summaryRef, manifestStore]); - - return ( -
-
- - {manifestStore ? ( -
- - - - -
- ) : null} -
-
- ); -} diff --git a/src/components/WebComponents/styles.css b/src/components/WebComponents/styles.css deleted file mode 100644 index a5b18553..00000000 --- a/src/components/WebComponents/styles.css +++ /dev/null @@ -1,9 +0,0 @@ -.web-components .wrapper { - position: relative; -} -.web-components .wrapper cai-popover { - position: absolute; - top: 10px; - right: 10px; - z-index: 1; -}