From fa89ebfbb71537de3f5b6cba8349849542c576f1 Mon Sep 17 00:00:00 2001 From: katomm Date: Mon, 1 Mar 2021 15:50:04 +0100 Subject: [PATCH 01/13] Add optional title images for start page boxes. --- src/pages/index.js | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/src/pages/index.js b/src/pages/index.js index 94d5f06675..9211886972 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -9,7 +9,7 @@ import styles from './styles.module.css'; const features = [ { title: 'Learn Cardano', - imageUrl: 'img/cardano-black.png', + //imageUrl: 'img/cardano-black.png', targetUrl: 'docs/learn-cardano/token-locking', description: ( <> @@ -19,7 +19,7 @@ const features = [ }, { title: 'Getting Started', - imageUrl: 'img/cardano-black.png', + //imageUrl: 'img/cardano-black.png', targetUrl: 'docs/getting-started/cardano-node', description: ( <> @@ -29,7 +29,7 @@ const features = [ }, { title: 'Smart Contracts and Building DApps', - imageUrl: 'img/cardano-black.png', + //imageUrl: 'img/cardano-black.png', targetUrl: 'docs/smart-contracts-and-building-dapps/plutus/plutus-overview', description: ( <> @@ -40,7 +40,7 @@ const features = [ { title: 'Adrestia - SDKs and APIs', - imageUrl: 'img/cardano-black.png', + //imageUrl: 'img/cardano-black.png', targetUrl: 'docs/adrestia-SDKs-and-APIs/adrestia-cardano-node', description: ( <> @@ -50,7 +50,7 @@ const features = [ }, { title: 'Resources', - imageUrl: 'img/cardano-black.png', + //imageUrl: 'img/cardano-black.png', targetUrl: 'docs/resources/developer-portal-updates', description: ( <> @@ -65,10 +65,15 @@ function Feature({imageUrl, title, description, targetUrl}) { const trgUrl = useBaseUrl(targetUrl); return (
- {imgUrl && ( + {targetUrl && (
+ {imgUrl && ( +
+ {title}/ +
+ )}

{title}

From 7dce0ee61f3fa52561391443027e0f297a78f285 Mon Sep 17 00:00:00 2001 From: katomm Date: Mon, 1 Mar 2021 17:29:00 +0100 Subject: [PATCH 02/13] Add actual title images for start page boxes --- src/pages/index.js | 7 +++---- static/img/card-getting-started.svg | 1 + static/img/card-learn-cardano.svg | 1 + static/img/card-smart-contracts.svg | 1 + 4 files changed, 6 insertions(+), 4 deletions(-) create mode 100644 static/img/card-getting-started.svg create mode 100644 static/img/card-learn-cardano.svg create mode 100644 static/img/card-smart-contracts.svg diff --git a/src/pages/index.js b/src/pages/index.js index 9211886972..babf2c348d 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -9,7 +9,7 @@ import styles from './styles.module.css'; const features = [ { title: 'Learn Cardano', - //imageUrl: 'img/cardano-black.png', + imageUrl: 'img/card-learn-cardano.svg', targetUrl: 'docs/learn-cardano/token-locking', description: ( <> @@ -19,7 +19,7 @@ const features = [ }, { title: 'Getting Started', - //imageUrl: 'img/cardano-black.png', + imageUrl: 'img/card-getting-started.svg', targetUrl: 'docs/getting-started/cardano-node', description: ( <> @@ -29,7 +29,7 @@ const features = [ }, { title: 'Smart Contracts and Building DApps', - //imageUrl: 'img/cardano-black.png', + imageUrl: 'img/card-smart-contracts.svg', targetUrl: 'docs/smart-contracts-and-building-dapps/plutus/plutus-overview', description: ( <> @@ -37,7 +37,6 @@ const features = [ ), }, - { title: 'Adrestia - SDKs and APIs', //imageUrl: 'img/cardano-black.png', diff --git a/static/img/card-getting-started.svg b/static/img/card-getting-started.svg new file mode 100644 index 0000000000..ed5707dc7f --- /dev/null +++ b/static/img/card-getting-started.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/card-learn-cardano.svg b/static/img/card-learn-cardano.svg new file mode 100644 index 0000000000..3d821a26df --- /dev/null +++ b/static/img/card-learn-cardano.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/card-smart-contracts.svg b/static/img/card-smart-contracts.svg new file mode 100644 index 0000000000..b0d31e6b81 --- /dev/null +++ b/static/img/card-smart-contracts.svg @@ -0,0 +1 @@ + \ No newline at end of file From c5a3cde663c56d0fef46a25253c70b4721646d7d Mon Sep 17 00:00:00 2001 From: katomm Date: Mon, 1 Mar 2021 17:29:58 +0100 Subject: [PATCH 03/13] Remove Adrestia and resources box --- src/pages/index.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/pages/index.js b/src/pages/index.js index babf2c348d..1f70827034 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -37,6 +37,7 @@ const features = [ ), }, +/* { title: 'Adrestia - SDKs and APIs', //imageUrl: 'img/cardano-black.png', @@ -56,7 +57,7 @@ const features = [ Community, research paper, news, events, funding. ), - }, + },*/ ]; function Feature({imageUrl, title, description, targetUrl}) { From 4d36b5b49e06aa2ddbc4e93fe37fee3698ca6cef Mon Sep 17 00:00:00 2001 From: katomm Date: Mon, 1 Mar 2021 17:30:34 +0100 Subject: [PATCH 04/13] Add Adrestia and resource links below docs menu --- docusaurus.config.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/docusaurus.config.js b/docusaurus.config.js index cdd91e7f19..9a025cf5d6 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -101,6 +101,14 @@ module.exports = { { title: 'Docs', items: [ + { + label: 'Adrestia - SDKs and APIs', + to: 'docs/adrestia-SDKs-and-APIs/adrestia-cardano-node', + }, + { + label: 'Resources', + to: 'docs/resources/developer-portal-updates', + }, { label: 'Style Guide', to: 'docs/', From 5bd7fa4ca8dc0f5b23d783a180a36a338ec92a50 Mon Sep 17 00:00:00 2001 From: katomm Date: Mon, 1 Mar 2021 17:50:52 +0100 Subject: [PATCH 05/13] Add fade-in effect for start page boxes --- src/css/custom.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/src/css/custom.css b/src/css/custom.css index d2abda7340..202cd6464f 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -35,6 +35,10 @@ html[data-theme="dark"] { padding: 0 var(--ifm-pre-padding); } +@keyframes fadeInUp { + 0% { opacity: 0; transform: translateY(1.5rem); } + } + .card { padding: 1rem; margin-top: 0rem; @@ -44,8 +48,7 @@ html[data-theme="dark"] { transition-duration: 200ms; box-shadow: 0 8px 28px 4px rgba(86,91,115,0.15); } - - + .card a { text-decoration: none; } From 84c117724ca094fc6861453d50b2a19ac0a7f1fe Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 07:32:24 +0100 Subject: [PATCH 06/13] Decreased padding on start page boxes --- src/css/custom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 202cd6464f..d5980752d7 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -40,7 +40,7 @@ html[data-theme="dark"] { } .card { - padding: 1rem; + padding: 0rem; margin-top: 0rem; animation: fadeInUp 400ms backwards; animation-delay: 150ms; From dec1b210e7328d055ad6c5aae2d9e17762796293 Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 07:32:45 +0100 Subject: [PATCH 07/13] Revert "Decreased padding on start page boxes" This reverts commit 84c117724ca094fc6861453d50b2a19ac0a7f1fe. --- src/css/custom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index d5980752d7..202cd6464f 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -40,7 +40,7 @@ html[data-theme="dark"] { } .card { - padding: 0rem; + padding: 1rem; margin-top: 0rem; animation: fadeInUp 400ms backwards; animation-delay: 150ms; From a2b20a632838e07dd28caa3262e41927cbc98aab Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 07:33:41 +0100 Subject: [PATCH 08/13] Decrease padding on start page boxes --- src/css/custom.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/custom.css b/src/css/custom.css index 202cd6464f..d5980752d7 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -40,7 +40,7 @@ html[data-theme="dark"] { } .card { - padding: 1rem; + padding: 0rem; margin-top: 0rem; animation: fadeInUp 400ms backwards; animation-delay: 150ms; From aa7f7d5681766ab1867515abdacdfb345dfb73b1 Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 07:51:20 +0100 Subject: [PATCH 09/13] Adjust all start page boxes to the same height --- src/css/custom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/css/custom.css b/src/css/custom.css index d5980752d7..826f8e5887 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -47,6 +47,7 @@ html[data-theme="dark"] { transition-property: all; transition-duration: 200ms; box-shadow: 0 8px 28px 4px rgba(86,91,115,0.15); + height: calc(100% - 30px); } .card a { From ba07a1b06b1049a8e04f312f8c6ef6ab39753b37 Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 09:20:23 +0100 Subject: [PATCH 10/13] Update title images for start page boxes --- static/img/card-getting-started.svg | 2 +- static/img/card-learn-cardano.svg | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/static/img/card-getting-started.svg b/static/img/card-getting-started.svg index ed5707dc7f..f9150a48f2 100644 --- a/static/img/card-getting-started.svg +++ b/static/img/card-getting-started.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/static/img/card-learn-cardano.svg b/static/img/card-learn-cardano.svg index 3d821a26df..7f90e10afa 100644 --- a/static/img/card-learn-cardano.svg +++ b/static/img/card-learn-cardano.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file From 7ead2ead9cc5a177621e8c2ad62d8cf05d6ac7cc Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 11:46:30 +0100 Subject: [PATCH 11/13] Update links in footer of the start page --- docusaurus.config.js | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index 9a025cf5d6..0bd88bd24f 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -152,8 +152,12 @@ module.exports = { href: 'https://www.cardano.org', }, { - label: 'Developer Spotlight', - to: 'blog', + label: 'Cardano Documentation', + href: 'https://docs.cardano.org/en/latest/', + }, + { + label: 'Testnets', + to: 'https://developers.cardano.org/en/testnets/cardano/overview/', }, ], }, From c834497bed23b5d741130b0b6435c6d0163e1688 Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 11:55:06 +0100 Subject: [PATCH 12/13] Replace GitHub text link with GitHub logo link on start page --- docusaurus.config.js | 2 +- src/css/custom.css | 18 ++++++++++++++++++ 2 files changed, 19 insertions(+), 1 deletion(-) diff --git a/docusaurus.config.js b/docusaurus.config.js index 0bd88bd24f..1309b2ef41 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -89,8 +89,8 @@ module.exports = { }, { href: 'https://github.com/cardano-foundation/developer-portal', - label: 'GitHub', position: 'right', + className: 'header-github-link', }, ], diff --git a/src/css/custom.css b/src/css/custom.css index 826f8e5887..74db6c94eb 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -61,3 +61,21 @@ html[data-theme="dark"] { .footer--dark { background-color: #232323 !important; } + +.header-github-link:before { + content: ''; + width: 24px; + height: 24px; + display: flex; + background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") + no-repeat; +} + +html[data-theme='dark'] .header-github-link:before { + background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") + no-repeat; +} + +.header-github-link:hover { + opacity: 0.6; +} \ No newline at end of file From df72d3fb01f594cb8e373601b3c98ac0cb317507 Mon Sep 17 00:00:00 2001 From: katomm Date: Tue, 2 Mar 2021 12:09:15 +0100 Subject: [PATCH 13/13] Turn button into call to action button (without actual call to action) --- src/pages/index.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/index.js b/src/pages/index.js index 1f70827034..7991ac79b1 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -101,11 +101,11 @@ function Home() {
- Get Started + Sign Up