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: '
', className: 'navbar-slack-link', }, + { + href: 'https://groups.google.com/g/transparency-uncefact', + position: 'right', + html: ' ', + className: 'navbar-mailing-list-link', + }, { href: 'https://github.com/uncefact/spec-untp', html: ' ', 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.tagline}
-