From 8e54cff335063dd2de29a0e396cae0d15b8263a2 Mon Sep 17 00:00:00 2001 From: Tommy Kammerer <31965230+katomm@users.noreply.github.com> Date: Thu, 15 Aug 2024 16:03:56 +0200 Subject: [PATCH 1/3] Revamp entities page + Cardano Summit (#96) * Refactor HomePartnerSection to a reusable Logos component * Add companies building on Cardano section, with some examples * Add tippyjs for tool tips Improve json layout * Change partners to entities, broaden the scope to companies, associations and collaborations * Add Cardano Summit video and banner * Add onUntruncatedBlogPosts and set to ignore. --- docs/index.md | 19 +- docs/tutorial/add-company.md | 53 ++ docusaurus.config.js | 22 +- netlify.toml | 7 +- package.json | 1 + src/components/DiscoverUsSection/index.js | 10 +- src/components/HomeDiscoverSection/index.js | 2 +- src/components/HomePartnersSection/index.js | 85 --- src/components/Layout/Logos/index.js | 68 ++ .../Logos}/styles.module.css | 33 +- src/data/logosCompanies.json | 86 +++ src/data/logosEntities.json | 27 + src/pages/contact.js | 1 + src/pages/entities.js | 52 ++ src/pages/index.js | 10 +- src/pages/partners.js | 38 - static/img/logos/blinklabs-dark.svg | 16 + static/img/logos/blinklabs.svg | 16 + static/img/logos/dcspark-dark.svg | 13 + static/img/logos/dcspark.svg | 13 + static/img/logos/dripdropz-dark.svg | 8 + static/img/logos/dripdropz.svg | 8 + static/img/logos/iagon-dark.svg | 24 + static/img/logos/iagon.svg | 24 + static/img/logos/jpgstore-dark.svg | 18 + static/img/logos/jpgstore.svg | 18 + static/img/logos/saib-dark.svg | 14 + static/img/logos/saib.svg | 14 + static/img/logos/strica-dark.svg | 716 ++++++++++++++++++ static/img/logos/strica.svg | 716 ++++++++++++++++++ static/img/logos/sundaelabs-dark.svg | 1 + static/img/logos/sundaelabs.svg | 1 + static/img/logos/tastenkunst-dark.svg | 10 + static/img/logos/tastenkunst.svg | 10 + static/img/logos/txpipe-dark.svg | 38 + static/img/logos/txpipe.svg | 38 + static/img/logos/utxoag-dark.svg | 3 + static/img/logos/utxoag.svg | 3 + static/img/logos/vibrantsolutions-dark.svg | 11 + static/img/logos/vibrantsolutions.svg | 11 + static/img/logos/worldmobile-dark.svg | 25 + static/img/logos/worldmobile.svg | 25 + 42 files changed, 2162 insertions(+), 146 deletions(-) create mode 100644 docs/tutorial/add-company.md delete mode 100644 src/components/HomePartnersSection/index.js create mode 100644 src/components/Layout/Logos/index.js rename src/components/{HomePartnersSection => Layout/Logos}/styles.module.css (63%) create mode 100644 src/data/logosCompanies.json create mode 100644 src/data/logosEntities.json create mode 100644 src/pages/entities.js delete mode 100644 src/pages/partners.js create mode 100644 static/img/logos/blinklabs-dark.svg create mode 100644 static/img/logos/blinklabs.svg create mode 100644 static/img/logos/dcspark-dark.svg create mode 100644 static/img/logos/dcspark.svg create mode 100644 static/img/logos/dripdropz-dark.svg create mode 100644 static/img/logos/dripdropz.svg create mode 100644 static/img/logos/iagon-dark.svg create mode 100644 static/img/logos/iagon.svg create mode 100644 static/img/logos/jpgstore-dark.svg create mode 100644 static/img/logos/jpgstore.svg create mode 100644 static/img/logos/saib-dark.svg create mode 100644 static/img/logos/saib.svg create mode 100644 static/img/logos/strica-dark.svg create mode 100644 static/img/logos/strica.svg create mode 100644 static/img/logos/sundaelabs-dark.svg create mode 100644 static/img/logos/sundaelabs.svg create mode 100644 static/img/logos/tastenkunst-dark.svg create mode 100644 static/img/logos/tastenkunst.svg create mode 100644 static/img/logos/txpipe-dark.svg create mode 100644 static/img/logos/txpipe.svg create mode 100644 static/img/logos/utxoag-dark.svg create mode 100644 static/img/logos/utxoag.svg create mode 100644 static/img/logos/vibrantsolutions-dark.svg create mode 100644 static/img/logos/vibrantsolutions.svg create mode 100644 static/img/logos/worldmobile-dark.svg create mode 100644 static/img/logos/worldmobile.svg diff --git a/docs/index.md b/docs/index.md index 6950284..e94b790 100644 --- a/docs/index.md +++ b/docs/index.md @@ -48,7 +48,11 @@ cardano-org │ ├── data │ │ ├── ambassadorsData.json │ │ ├── delegationFAQ.json -│ │ └── operationFAQ.json +│ │ ├── logosCompanies.json +│ │ ├── logosEntities.json +│ │ ├── operationFAQ.json +│ │ ├── pineappleFAQ.json +│ │ └── termsForTermExplainer.json │ └── pages │ ├── ambassadors.js │ ├── brand-assets.js @@ -70,11 +74,18 @@ cardano-org - `/blog/` - Contains the Markdown files for the news section. - `/docs/` - Contains the Markdown files for the documentation of the components (like this page). Customize the order of the docs sidebar in `sidebars.js`. - `/src/` - Non-documentation files like pages, custom React components, data and css files. - - `/src/data/ambassadorsData.json` - Ambassador data for https://cardano.org/ambassadors/ - - `/src/data/delegationFAQ.json` - FAQ data for https://cardano.org/stake-pool-delegation/ - - `/src/data/operationFAQ.json` - FAQ data for https://cardano.org/stake-pool-operation/ + - `/src/data/ambassadorsData.json` - Ambassador data for https://cardano.org/ambassadors/. + - `/src/data/delegationFAQ.json` - FAQ data for https://cardano.org/stake-pool-delegation/. + - `/src/data/logosCompanies.json` - Company data for https://cardano.org/entities/. + - `/src/data/logosEntities.json` - Entitiy data for https://cardano.org/entities. + - `/src/data/operationFAQ.json` - FAQ data for https://cardano.org/stake-pool-operation/. + - `/src/data/pineappleFAQ.json` - example FAQ data for the [FAQ section tutorial](/docs/tutorial/faq-component). + - `/src/data/termsForTermExplainer.json` - data for the TermExplainer component. - `/src/pages` - Any files within this directory will be converted into a website page. - `/static/` - Static directory. Any contents inside here will be copied into the root of the final `build` directory. + - `/static/archive` - Genesis distribution content that we want to preserve. Data was downloaded from static.iohk.io. + - `/static/downloads` - Content that needs to be distributed, e.g. media packs. + - `/static/img` - All kinds of images. To highlight a few: `authors` are logos for `authors.yml`, `logos` are entity and company logos, `og` are open graph images. - `/docusaurus.config.js` - A config file containing the site configuration. - `/package.json` - A Docusaurus website is a React app. You can install and use any npm packages you like in them. - `/sidebar.js` - Used by the documentation to specify the order of documents in the sidebar. diff --git a/docs/tutorial/add-company.md b/docs/tutorial/add-company.md new file mode 100644 index 0000000..8987f00 --- /dev/null +++ b/docs/tutorial/add-company.md @@ -0,0 +1,53 @@ +--- +sidebar_position: 10 +--- + +# Add your Company + +Thank you for considering adding your company, association or collaboration to [Entities Building on Cardano](https://cardano.org/entities#companies). + +## Requirements + +Before making a pull request, please make sure that you fulfil all these requirements. + +### Requirements of your company, association or collaboration +- You can only add a registered company or association, but not a product, service or tool. These can be added to the [Cardano Showcase](https://developers.cardano.org/showcase). By "collaboration" we mean open source collaborations such as the **Koios Team** or the **Guild Operators**. They do not necessarily have to be registered but need to fullfil all other requirements. +- That your company has a product, service or tool that is listed on either [Cardano Showcase](https://developers.cardano.org/showcase) or [Builder Tools](https://developers.cardano.org/tools). +- Your product, service or tools needs to work today on Cardano mainnet, no coming soon, no preview, no promises, no token sales. + +### Website Requirement +- Link to the company website and not to the product website. Examples: don't link to **Flint Wallet** but to **dcSpark**. Don't link to **CardanoScan** but to **Strica**. +- Your company website has to have a stable domain name. (a random Netlify/Vercel domain is not allowed, no URL shortener, no app store links, or similar) +- Don't link to token pages. Example: don't link to **World Mobile Token** but to **World Mobile**. +- If you have registered your product as a company or you have the same website for both, please link to a team or about Us page. Examples: entries of **DripDropz** and **jpg.store**. + +### Logo Requirements +- Have your company, association or collaboration logo as SVG (Scalable Vector Graphics) file. In order to maintain a certain quality standard, no jpg, png or other formats are accepted. +- You need one that looks good on white background and one that looks good an dark background. (Light mode / dark mode) +- Avoid a transparent border around the logo otherwise it will be displayed too small. +- If you specify a size in the SVG file, do not go below 600x600. + +### Pull Request requirements +- The GitHub account that adds the company must not be new. +- The GitHub account that adds the company must have a history/or already be known in the Cardano community. + + +## Changes for the actual pull request + +To create a pull request that adds your company named `Amazing Company`: + +- Fullfil all the above requirements. +- Copy your two logos (light and dark mode) to the folder `static/img/logos`. Name them `amazingcompany.svg` and `amazingcompany-dark.svg`. +- Make changes to the JSON file as shown below. +- The field `showCompanyName` can set to true if your company logo does not include the company name already. The name of the company is then displayed under the logo. Example: TxPipe and DripDropz. The company name +- The field `knownFor` must be set to at least one product/service or tool that is listed on either [Cardano Showcase](https://developers.cardano.org/showcase) or [Builder Tools](https://developers.cardano.org/tools). + +```jsx title="src/data/logosCompanies.json" + { + "companyName": "Amazing Company", + "imageName": "amazingcompany", + "link": "https://link-to-amazing-company", + "knownFor": "product, service or tool", + "showCompanyName": false + }, +``` \ No newline at end of file diff --git a/docusaurus.config.js b/docusaurus.config.js index 0f89272..f3291a5 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -55,6 +55,7 @@ const config = { showReadingTime: false, routeBasePath: 'news', blogSidebarCount: 17, + onUntruncatedBlogPosts: 'ignore', editUrl: `${vars.repository}/edit/${vars.branch}`, }, theme: { @@ -180,19 +181,19 @@ const config = { items: [ { label: 'Cardano Foundation', - to: '/partners?tab=cardanofoundation', + to: '/entities?tab=cardanofoundation', }, { label: 'EMURGO', - to: '/partners?tab=emurgo', + to: '/entities?tab=emurgo', }, { label: 'Input Output', - href: '/partners?tab=iog', + href: '/entities?tab=iog', }, { label: 'More entities', - href: '/partners?tab=intersect', + href: '/entities?tab=intersect', }, ], }, @@ -256,6 +257,19 @@ const config = { theme: prismThemes.github, darkTheme: prismThemes.dracula, }, + + // Announcement Bar + // id: always change it when changing the announcement + // backgroundColor: use #1442B3 for announcements + announcementBar: { + id: "announcement_index1", // Any value that will identify this message + increment the number every time to be unique + content: + `Join the Cardano Summit 2024 in Dubai on 23-24 October. ⭐️Get Tickets!`, + backgroundColor: "#1442B3", + textColor: "#FFFFFF", // Use #FFFFFF + isCloseable: true, // Use true + }, + head: [ // ... { diff --git a/netlify.toml b/netlify.toml index c161a08..7cf34f4 100644 --- a/netlify.toml +++ b/netlify.toml @@ -24,4 +24,9 @@ X-Frame-Options = "SAMEORIGIN" # This path has its own content security policy Content-Security-Policy = "default-src 'self'; script-src 'self' 'unsafe-inline' https://cardano.org https://new-cardano-org-staging.netlify.app https://www.googletagmanager.com https://maxcdn.bootstrapcdn.com; img-src 'self' https://cardano.org https://new-cardano-org-staging.netlify.app data:; style-src 'self' 'unsafe-inline'; font-src 'self' https://maxcdn.bootstrapcdn.com" - \ No newline at end of file + +# Redirects +[[redirects]] + from = "/partners/" + to = "https://cardano.org/entities/" + status = 301 \ No newline at end of file diff --git a/package.json b/package.json index c2c04e4..64525d8 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "@emotion/react": "^11.11.3", "@emotion/styled": "^11.11.0", "@mdx-js/react": "^3.0.0", + "@tippyjs/react": "^4.2.6", "clsx": "^2.0.0", "prism-react-renderer": "^2.3.0", "react": "^18.0.0", diff --git a/src/components/DiscoverUsSection/index.js b/src/components/DiscoverUsSection/index.js index 70580db..1f53abe 100644 --- a/src/components/DiscoverUsSection/index.js +++ b/src/components/DiscoverUsSection/index.js @@ -46,7 +46,7 @@ export default function DiscoverUsSection({}) {

The Cardano Foundation is an independent, Swiss-based not-for-profit organization. The Foundation is tasked with advancing the public digital infrastructure Cardano and works to anchor it as a utility for financial and social systems, thus empowering the digital architects of the future.

The Foundation facilitates the worldwide advancement of Cardano in enterprise applications. It develops infrastructure tooling—including where there may not be an immediate commercial use case—plus strengthens operational resilience, and drives diversity of on-infrastructure use cases as well as the development of sound and representative governance. @@ -54,7 +54,7 @@ export default function DiscoverUsSection({}) {

EMURGO is a blockchain technology company and a founding entity of the Cardano blockchain that provides products and services to drive the adoption of Cardano’s Web3 ecosystem. Established in 2015 in Japan, EMURGO's mission is to facilitate commercial adoption through dynamic partnerships with existing ecosystem members and the seamless integration of new entrants. @@ -62,21 +62,21 @@ export default function DiscoverUsSection({}) {

Input Output is a research and engineering company and venture studio that builds blockchain and Web3 products to empower everyone, everywhere.

Founded by Charles Hoskinson and Jeremy Wood, Input Output was one of the three pioneer entities behind Cardano, originally contracted to design, build, and help maintain the Cardano platform. A fully decentralized company, Input Output is comprised of dynamic, innovative teams– based all over the world, collectively committed to innovation through delivering the highest standards in software engineering based on rigorous peer-to-peer reviewed science.

Intersect is a not-for-profit member-based organization for the Cardano ecosystem. Intersect acts as a champion for distributed development and is committed to empowering the Cardano community to build together and drive the blockchain forward. Our mission is to ensure, through our members, the lasting continuity and progressive development of Cardano - fostering a self-sustaining ecosystem that’s fit-for-purpose, perpetually future-proof, resilient, secure, and transparent.

PRAGMA is a member-based, not-for-profit open source Association for blockchain software projects. It aims to foster an alternative open-source ecosystem for Cardano and beyond. A team of passionate software engineers from various backgrounds who build open-source tools for developers aiming for mass adoption. diff --git a/src/components/HomeDiscoverSection/index.js b/src/components/HomeDiscoverSection/index.js index 08d732e..4174a03 100644 --- a/src/components/HomeDiscoverSection/index.js +++ b/src/components/HomeDiscoverSection/index.js @@ -61,7 +61,7 @@ export default function HomeDiscoverSection() {

diff --git a/src/components/HomePartnersSection/index.js b/src/components/HomePartnersSection/index.js deleted file mode 100644 index c66eaf8..0000000 --- a/src/components/HomePartnersSection/index.js +++ /dev/null @@ -1,85 +0,0 @@ -import clsx from "clsx"; -import Heading from "@theme/Heading"; -import useBaseUrl from "@docusaurus/useBaseUrl"; -import ThemedImage from "@theme/ThemedImage"; -import Link from "@docusaurus/Link"; -import styles from "./styles.module.css"; -import Divider from "@site/src/components/Layout/Divider"; -import TitleWithText from "@site/src/components/Layout/TitleWithText"; - -// shows a partner (svg) logo and a link below -function LogoWithLink({ imageName, label, link }) { - return ( -
-
- -
-
- - {label} - -
-
- ); -} - -// the actual list of partners -const PartnerItemList = [ - { - imageName: "cardanofoundation", - label: "About the Cardano Foundation", - link: "/partners?tab=cardanofoundation", - }, - { - imageName: "emurgo", - label: "About EMURGO", - link: "/partners?tab=emurgo", - }, - { - imageName: "iog", - label: "About Input Output", - link: "/partners?tab=iog", - }, - { - imageName: "intersect", - label: "About Intersect", - link: "/partners?tab=intersect", - }, - { - imageName: "pragma", - label: "About PRAGMA", - link: "/partners?tab=pragma", - }, - -]; - -function PartnerItem({ imageName, label, link }) { - return ; -} - -// FIXME: text feels outdated, today there are way more entitites, we should aim to increase this soon -export default function HomePartnersSection() { - return ( -
- - -
-
- {PartnerItemList.map((props, idx) => ( - - ))} -
-
-
- ); -} diff --git a/src/components/Layout/Logos/index.js b/src/components/Layout/Logos/index.js new file mode 100644 index 0000000..d69bdbd --- /dev/null +++ b/src/components/Layout/Logos/index.js @@ -0,0 +1,68 @@ +import React, { useEffect, useState } from 'react'; +import useBaseUrl from '@docusaurus/useBaseUrl'; +import ThemedImage from '@theme/ThemedImage'; +import Link from '@docusaurus/Link'; +import styles from './styles.module.css'; +import Tippy from '@tippyjs/react'; +import 'tippy.js/dist/tippy.css'; //Default Styling + +// shows a logo with a link, forces svg to ensure quality +// "companyName" in the json file is optional, therefore +// if the logo consists of the company name leave the field out (example: Sundae Labs) +function LogoWithLink({ imageName, link, companyName, knownFor, showCompanyName }) { + const logoElement = ( + + + + ); + + return ( +
+
+ {knownFor ? ( + + {logoElement} + + ) : ( + logoElement + )} +
+ {showCompanyName && companyName && ( +
{companyName}
+ )} +
+ ); +} + +function PartnerItem({ imageName, label, link, companyName, knownFor, showCompanyName }) { + return ; +} + +export default function HomePartnersSection({ jsonFileName }) { + const [partnerItems, setPartnerItems] = useState([]); + + useEffect(() => { + import(`@site/src/data/${jsonFileName}.json`) + .then((module) => setPartnerItems(module.default)) + .catch((error) => console.error('Error loading partner items:', error)); + }, [jsonFileName]); + + return ( +
+
+ {partnerItems.map((props, idx) => ( + + ))} +
+
+ ); +} \ No newline at end of file diff --git a/src/components/HomePartnersSection/styles.module.css b/src/components/Layout/Logos/styles.module.css similarity index 63% rename from src/components/HomePartnersSection/styles.module.css rename to src/components/Layout/Logos/styles.module.css index d9c6bae..3f31b9d 100644 --- a/src/components/HomePartnersSection/styles.module.css +++ b/src/components/Layout/Logos/styles.module.css @@ -1,11 +1,11 @@ -.discoverWrap { +.logoGridContainer { display: flex; justify-content: center; flex-wrap: wrap; /* Wrap items to the next line on smaller screens */ gap: 2rem; /* Space between logo containers */ } -.discoverItems { +.logoGrid { /* This container will be responsible for the layout of the logo items */ display: flex; flex-direction: row; @@ -14,14 +14,13 @@ align-items: center; /* This will vertically align items if they have different heights */ padding: 2rem 0; max-width: 70rem; - margin-left: auto; margin-right: auto; } /* Responsive styles */ @media (max-width: 768px) { - .discoverItems { + .logoGrid { /* Adjust styles for mobile */ justify-content: center; align-items: center; @@ -30,11 +29,11 @@ .logoContainer { /* Adjust the padding if needed */ padding: 10px; - } + } } .logoContainer { - padding: 20px; + padding: 30px; text-align: center; /* Center the text within the logo container */ display: flex; /* Use flex to enable vertical centering */ flex-direction: column; /* Stack logo and text vertically */ @@ -44,10 +43,32 @@ .imageWrap { max-width: 15rem; + min-width: 10rem; /* Ensure a minimum width for the logo */ height: 100px; + display: flex; + justify-content: center; + align-items: center; + transition: transform 0.3s ease; /* Smooth transition for the hover effect */ +} + +.imageWrap:hover { + transform: scale(1.1); /* Increase size by 10% on hover */ } .link { text-transform: uppercase; font-size: 0.8rem; +} + +.companyName { + margin-top: 0.5rem; /* Spacing between logo and optional companyName text in json */ + font-size: 0.9rem; +} + +/* Ensure logos have a minimum size */ +.imageWrap img { + max-height: 80px; + max-width: 100%; + min-height: 50px; /* Ensure a minimum height for the logos */ + min-width: 50px; /* Ensure a minimum width for the logos */ } \ No newline at end of file diff --git a/src/data/logosCompanies.json b/src/data/logosCompanies.json new file mode 100644 index 0000000..a035616 --- /dev/null +++ b/src/data/logosCompanies.json @@ -0,0 +1,86 @@ +[ + { + "companyName": "Blink Labs", + "imageName": "blinklabs", + "knownFor": "gOuroboros", + "link": "https://blinklabs.io", + "showCompanyName": false + }, + { + "companyName": "dcSpark", + "imageName": "dcspark", + "knownFor": "Flint wallet", + "link": "https://dcspark.io", + "showCompanyName": true + }, + { + "companyName": "Iagon", + "imageName": "iagon", + "link": "https://iagon.com", + "knownFor": "decentralized cloud storage", + "showCompanyName": false + }, + { + "companyName": "DripDropz", + "imageName": "DripDropz", + "link": "https://dripdropz.io/about-us", + "knownFor": "token distribution system", + "showCompanyName": true + }, + { + "companyName": "Saib", + "imageName": "saib", + "link": "https://saib.dev", + "knownFor": "Argus (Cardano.Sync)", + "showCompanyName": false + }, + { + "companyName": "Strica", + "imageName": "strica", + "link": "https://strica.io", + "knownFor": "Cardanoscan, Typhon wallet", + "showCompanyName": true + }, + { + "companyName": "Sundae Labs", + "imageName": "sundaelabs", + "link": "https://sundae.fi", + "knownFor": "Sundae Swap", + "showCompanyName": false + }, + { + "companyName": "TxPipe", + "imageName": "txpipe", + "link": "https://txpipe.io", + "knownFor": "Scrolls, Oura, Pallas", + "showCompanyName": true + }, + { + "companyName": "World Mobile", + "imageName": "worldmobile", + "link": "https://worldmobile.io", + "knownFor": " decentralized internet connectivity", + "showCompanyName": false + }, + { + "companyName": "jpg.store", + "imageName": "jpgstore", + "link": "https://www.jpg.store/team", + "knownFor": "NFT market place", + "showCompanyName": false + }, + { + "companyName": "utxo AG", + "imageName": "utxoag", + "link": "https://utxoag.com", + "knownFor": "NMKR", + "showCompanyName": false + }, + { + "companyName": "Tastenkunst GmbH", + "imageName": "tastenkunst", + "link": "https://www.tastenkunst.com", + "knownFor": "Eternl wallet", + "showCompanyName": true + } +] diff --git a/src/data/logosEntities.json b/src/data/logosEntities.json new file mode 100644 index 0000000..f6463cc --- /dev/null +++ b/src/data/logosEntities.json @@ -0,0 +1,27 @@ +[ + { + "imageName": "cardanofoundation", + "label": "About the Cardano Foundation", + "link": "/entities?tab=cardanofoundation" + }, + { + "imageName": "emurgo", + "label": "About EMURGO", + "link": "/entities?tab=emurgo" + }, + { + "imageName": "iog", + "label": "About Input Output", + "link": "/entities?tab=iog" + }, + { + "imageName": "intersect", + "label": "About Intersect", + "link": "/entities?tab=intersect" + }, + { + "imageName": "pragma", + "label": "About PRAGMA", + "link": "/entities?tab=pragma" + } +] \ No newline at end of file diff --git a/src/pages/contact.js b/src/pages/contact.js index 51b992e..a329d0c 100644 --- a/src/pages/contact.js +++ b/src/pages/contact.js @@ -75,6 +75,7 @@ function TechnicalIssueForm() { function SponsorshipForm() { return (
+ + ); +} + +export default function Home() { + + return ( + + + +
+ + + + + + + + + + + + +
+ + ); +} diff --git a/src/pages/index.js b/src/pages/index.js index 3d1feed..1591d78 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -8,7 +8,7 @@ import VisionBox from "@site/src/components/Layout/VisionBox"; import TitleWithText from "@site/src/components/Layout/TitleWithText"; import BackgroundWrapper from "@site/src/components/Layout/BackgroundWrapper"; import HomeDiscoverSection from "@site/src/components/HomeDiscoverSection"; -import HomePartnersSection from "@site/src/components/HomePartnersSection"; +import Logos from "@site/src/components/Layout/Logos"; import FollowCardanoSection from "@site/src/components/FollowCardanoSection"; import BoundaryBox from "@site/src/components/Layout/BoundaryBox"; @@ -91,7 +91,13 @@ export default function Home() { - + + + diff --git a/src/pages/partners.js b/src/pages/partners.js deleted file mode 100644 index fb7b974..0000000 --- a/src/pages/partners.js +++ /dev/null @@ -1,38 +0,0 @@ -import Layout from "@theme/Layout"; -import SiteHero from "@site/src/components/Layout/SiteHero"; -import BoundaryBox from "@site/src/components/Layout/BoundaryBox"; -import Divider from "@site/src/components/Layout/Divider"; -import SpacerBox from "@site/src/components/Layout/SpacerBox"; -import PartnersOverviewSection from "@site/src/components/PartnersOverviewSection"; -import OpenGraphImage from "@site/src/components/Layout/OpenGraphImage"; - -function HomepageHeader() { - const { siteTitle } = "useDocusaurusContext()"; - return ( - - ); -} - -export default function Home() { - - return ( - - - -
- - - - - -
- - ); -} diff --git a/static/img/logos/blinklabs-dark.svg b/static/img/logos/blinklabs-dark.svg new file mode 100644 index 0000000..76f40e7 --- /dev/null +++ b/static/img/logos/blinklabs-dark.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/static/img/logos/blinklabs.svg b/static/img/logos/blinklabs.svg new file mode 100644 index 0000000..76f40e7 --- /dev/null +++ b/static/img/logos/blinklabs.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/static/img/logos/dcspark-dark.svg b/static/img/logos/dcspark-dark.svg new file mode 100644 index 0000000..42d2120 --- /dev/null +++ b/static/img/logos/dcspark-dark.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/static/img/logos/dcspark.svg b/static/img/logos/dcspark.svg new file mode 100644 index 0000000..42d2120 --- /dev/null +++ b/static/img/logos/dcspark.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/static/img/logos/dripdropz-dark.svg b/static/img/logos/dripdropz-dark.svg new file mode 100644 index 0000000..03a1dc4 --- /dev/null +++ b/static/img/logos/dripdropz-dark.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/static/img/logos/dripdropz.svg b/static/img/logos/dripdropz.svg new file mode 100644 index 0000000..03a1dc4 --- /dev/null +++ b/static/img/logos/dripdropz.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/static/img/logos/iagon-dark.svg b/static/img/logos/iagon-dark.svg new file mode 100644 index 0000000..9357987 --- /dev/null +++ b/static/img/logos/iagon-dark.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/logos/iagon.svg b/static/img/logos/iagon.svg new file mode 100644 index 0000000..7a92d38 --- /dev/null +++ b/static/img/logos/iagon.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/logos/jpgstore-dark.svg b/static/img/logos/jpgstore-dark.svg new file mode 100644 index 0000000..0905641 --- /dev/null +++ b/static/img/logos/jpgstore-dark.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/static/img/logos/jpgstore.svg b/static/img/logos/jpgstore.svg new file mode 100644 index 0000000..9b84d0c --- /dev/null +++ b/static/img/logos/jpgstore.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/static/img/logos/saib-dark.svg b/static/img/logos/saib-dark.svg new file mode 100644 index 0000000..7e246be --- /dev/null +++ b/static/img/logos/saib-dark.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/static/img/logos/saib.svg b/static/img/logos/saib.svg new file mode 100644 index 0000000..3f4b4d1 --- /dev/null +++ b/static/img/logos/saib.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/static/img/logos/strica-dark.svg b/static/img/logos/strica-dark.svg new file mode 100644 index 0000000..53fa04e --- /dev/null +++ b/static/img/logos/strica-dark.svg @@ -0,0 +1,716 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/logos/strica.svg b/static/img/logos/strica.svg new file mode 100644 index 0000000..53fa04e --- /dev/null +++ b/static/img/logos/strica.svg @@ -0,0 +1,716 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/logos/sundaelabs-dark.svg b/static/img/logos/sundaelabs-dark.svg new file mode 100644 index 0000000..c7afa8b --- /dev/null +++ b/static/img/logos/sundaelabs-dark.svg @@ -0,0 +1 @@ +Sundae Labs \ No newline at end of file diff --git a/static/img/logos/sundaelabs.svg b/static/img/logos/sundaelabs.svg new file mode 100644 index 0000000..b7cb9a7 --- /dev/null +++ b/static/img/logos/sundaelabs.svg @@ -0,0 +1 @@ +Sundae Labs \ No newline at end of file diff --git a/static/img/logos/tastenkunst-dark.svg b/static/img/logos/tastenkunst-dark.svg new file mode 100644 index 0000000..81fd3a4 --- /dev/null +++ b/static/img/logos/tastenkunst-dark.svg @@ -0,0 +1,10 @@ + + + + + diff --git a/static/img/logos/tastenkunst.svg b/static/img/logos/tastenkunst.svg new file mode 100644 index 0000000..c803330 --- /dev/null +++ b/static/img/logos/tastenkunst.svg @@ -0,0 +1,10 @@ + + + + + diff --git a/static/img/logos/txpipe-dark.svg b/static/img/logos/txpipe-dark.svg new file mode 100644 index 0000000..5fddf3a --- /dev/null +++ b/static/img/logos/txpipe-dark.svg @@ -0,0 +1,38 @@ + + + + Group + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/logos/txpipe.svg b/static/img/logos/txpipe.svg new file mode 100644 index 0000000..5fddf3a --- /dev/null +++ b/static/img/logos/txpipe.svg @@ -0,0 +1,38 @@ + + + + Group + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/img/logos/utxoag-dark.svg b/static/img/logos/utxoag-dark.svg new file mode 100644 index 0000000..cb5cb8f --- /dev/null +++ b/static/img/logos/utxoag-dark.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/logos/utxoag.svg b/static/img/logos/utxoag.svg new file mode 100644 index 0000000..81b5ba3 --- /dev/null +++ b/static/img/logos/utxoag.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/logos/vibrantsolutions-dark.svg b/static/img/logos/vibrantsolutions-dark.svg new file mode 100644 index 0000000..0d6ac39 --- /dev/null +++ b/static/img/logos/vibrantsolutions-dark.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/static/img/logos/vibrantsolutions.svg b/static/img/logos/vibrantsolutions.svg new file mode 100644 index 0000000..0d6ac39 --- /dev/null +++ b/static/img/logos/vibrantsolutions.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/static/img/logos/worldmobile-dark.svg b/static/img/logos/worldmobile-dark.svg new file mode 100644 index 0000000..1ca663e --- /dev/null +++ b/static/img/logos/worldmobile-dark.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/logos/worldmobile.svg b/static/img/logos/worldmobile.svg new file mode 100644 index 0000000..1ca663e --- /dev/null +++ b/static/img/logos/worldmobile.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + From afd218b997fa4fb21d9f3e607ef384b90f8dcf77 Mon Sep 17 00:00:00 2001 From: katomm Date: Fri, 16 Aug 2024 09:44:47 +0200 Subject: [PATCH 2/3] Update Docusaurus to 3.5.2 remove onUntruncatedBlogPosts --- docusaurus.config.js | 1 - package.json | 8 ++++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index f3291a5..cb7ab40 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -55,7 +55,6 @@ const config = { showReadingTime: false, routeBasePath: 'news', blogSidebarCount: 17, - onUntruncatedBlogPosts: 'ignore', editUrl: `${vars.repository}/edit/${vars.branch}`, }, theme: { diff --git a/package.json b/package.json index 64525d8..9b10a0b 100644 --- a/package.json +++ b/package.json @@ -14,8 +14,8 @@ "write-heading-ids": "docusaurus write-heading-ids" }, "dependencies": { - "@docusaurus/core": "^3.4.0", - "@docusaurus/preset-classic": "^3.4.0", + "@docusaurus/core": "^3.5.2", + "@docusaurus/preset-classic": "^3.5.2", "@emotion/react": "^11.11.3", "@emotion/styled": "^11.11.0", "@mdx-js/react": "^3.0.0", @@ -30,8 +30,8 @@ "react-tabs": "^6.0.2" }, "devDependencies": { - "@docusaurus/module-type-aliases": "^3.4.0", - "@docusaurus/types": "^3.2.0" + "@docusaurus/module-type-aliases": "^3.5.2", + "@docusaurus/types": "^3.5.2" }, "browserslist": { "production": [ From 78b2b926ccdb7362ba6cafb2083e4e0a69d54fd7 Mon Sep 17 00:00:00 2001 From: katomm Date: Fri, 16 Aug 2024 11:00:33 +0200 Subject: [PATCH 3/3] Fix typos and wording --- docs/tutorial/add-company.md | 23 ++++++++++++----------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/docs/tutorial/add-company.md b/docs/tutorial/add-company.md index 8987f00..74ce410 100644 --- a/docs/tutorial/add-company.md +++ b/docs/tutorial/add-company.md @@ -8,22 +8,23 @@ Thank you for considering adding your company, association or collaboration to [ ## Requirements -Before making a pull request, please make sure that you fulfil all these requirements. +Before making a pull request, please make sure that you fulfill all these requirements. ### Requirements of your company, association or collaboration -- You can only add a registered company or association, but not a product, service or tool. These can be added to the [Cardano Showcase](https://developers.cardano.org/showcase). By "collaboration" we mean open source collaborations such as the **Koios Team** or the **Guild Operators**. They do not necessarily have to be registered but need to fullfil all other requirements. -- That your company has a product, service or tool that is listed on either [Cardano Showcase](https://developers.cardano.org/showcase) or [Builder Tools](https://developers.cardano.org/tools). -- Your product, service or tools needs to work today on Cardano mainnet, no coming soon, no preview, no promises, no token sales. +- You can only add a registered company, an association, or a collaboration. By "collaboration" we mean open source collaborations such as the **Koios Team** or the **Guild Operators**. +- You cannot add a product, service or tool. These can be added to the [Cardano Showcase](https://developers.cardano.org/showcase). +- Ensure that your company/association/collaboration has a product, service or tool that is listed on either [Cardano Showcase](https://developers.cardano.org/showcase) or [Builder Tools](https://developers.cardano.org/tools). +- Your product, service, or tool needs to work today on Cardano mainnet, no coming soon, no preview, no promises, no token sales. ### Website Requirement -- Link to the company website and not to the product website. Examples: don't link to **Flint Wallet** but to **dcSpark**. Don't link to **CardanoScan** but to **Strica**. -- Your company website has to have a stable domain name. (a random Netlify/Vercel domain is not allowed, no URL shortener, no app store links, or similar) +- Link to the company/association/collaboration website and not to the product website. Examples: don't link to **Flint Wallet** but to **dcSpark**. Don't link to **CardanoScan** but to **Strica**. +- Your company/association/collaboration website has to have a stable domain name. (a random Netlify/Vercel domain is not allowed, no URL shortener, no app store links, or similar) - Don't link to token pages. Example: don't link to **World Mobile Token** but to **World Mobile**. -- If you have registered your product as a company or you have the same website for both, please link to a team or about Us page. Examples: entries of **DripDropz** and **jpg.store**. +- If you have registered your product as a company/association/collaboration or you have the same website for both, please link to a team or about Us page. Examples: entries of **DripDropz** and **jpg.store**. ### Logo Requirements -- Have your company, association or collaboration logo as SVG (Scalable Vector Graphics) file. In order to maintain a certain quality standard, no jpg, png or other formats are accepted. -- You need one that looks good on white background and one that looks good an dark background. (Light mode / dark mode) +- Have your company/association/collaboration logo as SVG (Scalable Vector Graphics) file. In order to maintain a certain quality standard, no jpg, png or other formats are accepted. +- You need one that looks good on white background and one that looks good a dark background. (Light mode / dark mode) - Avoid a transparent border around the logo otherwise it will be displayed too small. - If you specify a size in the SVG file, do not go below 600x600. @@ -36,10 +37,10 @@ Before making a pull request, please make sure that you fulfil all these require To create a pull request that adds your company named `Amazing Company`: -- Fullfil all the above requirements. +- Fulfill all the above requirements. - Copy your two logos (light and dark mode) to the folder `static/img/logos`. Name them `amazingcompany.svg` and `amazingcompany-dark.svg`. - Make changes to the JSON file as shown below. -- The field `showCompanyName` can set to true if your company logo does not include the company name already. The name of the company is then displayed under the logo. Example: TxPipe and DripDropz. The company name +- The field `showCompanyName` can be set to true if your company logo does not already include the company name. The name of the company is then displayed under the logo. Example: TxPipe and DripDropz. - The field `knownFor` must be set to at least one product/service or tool that is listed on either [Cardano Showcase](https://developers.cardano.org/showcase) or [Builder Tools](https://developers.cardano.org/tools). ```jsx title="src/data/logosCompanies.json"