diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js index 3af5c455..f544eb40 100644 --- a/website/docusaurus.config.js +++ b/website/docusaurus.config.js @@ -64,11 +64,11 @@ const config = { ({ slackLink: 'https://join.slack.com/t/uncefact/shared_invite/zt-1d7hd0js1-sS1Xgk8DawQD9VgRvy1QHQ', + mailingListLink: 'https://groups.google.com/g/transparency-uncefact', colorMode: { disableSwitch: true, }, - // Replace with your project's social card - image: 'img/un-crm-social-card.png', + image: 'img/social-card.png', navbar: { title: 'TP', logo: { @@ -99,6 +99,12 @@ const config = { html: 'Slack', className: 'navbar-slack-link', }, + { + href: 'https://groups.google.com/g/transparency-uncefact', + position: 'right', + html: 'Mailing List', + className: 'navbar-mailing-list-link', + }, { href: 'https://github.com/uncefact/spec-untp', html: 'Github', diff --git a/website/src/css/index.css b/website/src/css/index.css index ded33b14..2f1f4009 100644 --- a/website/src/css/index.css +++ b/website/src/css/index.css @@ -48,8 +48,13 @@ max-width: 400px; } +.home-hero__image-wrapper { + margin-top: 2rem; +} + @media screen and (min-width: 996px) { .home-hero__image-wrapper { + margin-top: 0; max-width: 50%; } } @@ -64,6 +69,11 @@ } } +.home-hero__content { + display: flex; + flex-direction: column; +} + .home-features { padding: 0 var(--ifm-spacing-horizontal); } @@ -108,3 +118,23 @@ font-size: 16px; line-height: 24px; } + +.home-hero__buttons { + display: flex; + flex-direction: column; + gap: 1rem; + align-items: flex-start; +} + +@media screen and (min-width: 996px) { + .home-hero__buttons { + flex-direction: row; + flex-wrap: wrap; + } +} + +.home-hero__buttons .button { + margin: 0; + width: auto; + display: inline-flex; +} diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 32ffb02c..0990d1b5 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -22,12 +22,17 @@ function HomepageHero() {

{siteConfig.title}

{siteConfig.tagline}

-
+
Join our chat channel + + Join our mailing list +
diff --git a/website/src/theme/svgSprite.js b/website/src/theme/svgSprite.js index 634763af..e51a02fa 100644 --- a/website/src/theme/svgSprite.js +++ b/website/src/theme/svgSprite.js @@ -3,23 +3,42 @@ import React from 'react'; export default function Home() { return ( - - + + - - - - + + + + - + - + + + + ); } diff --git a/website/static/img/logo.svg b/website/static/img/logo.svg index 19c65267..fdfa793c 100644 --- a/website/static/img/logo.svg +++ b/website/static/img/logo.svg @@ -5,39 +5,7 @@ - +UNECE diff --git a/website/static/img/social-card.png b/website/static/img/social-card.png new file mode 100644 index 00000000..cd23033b Binary files /dev/null and b/website/static/img/social-card.png differ diff --git a/website/static/img/un-crm-social-card.png b/website/static/img/un-crm-social-card.png deleted file mode 100644 index a6c2ae55..00000000 Binary files a/website/static/img/un-crm-social-card.png and /dev/null differ