From 9673475bfd97df4b6c041d7d9434021263a56388 Mon Sep 17 00:00:00 2001 From: Sarah Fowler Date: Wed, 25 Sep 2019 14:28:48 -0400 Subject: [PATCH] [LIGO-96] Redesign partners section --- gitlab-pages/website/pages/en/index.js | 27 ++++++++--------- gitlab-pages/website/siteConfig.js | 6 ++-- gitlab-pages/website/static/css/custom.css | 30 +++++++++++++++++++ .../website/static/img/nomadic-logo.svg | 9 ++++++ .../website/static/img/stove-logo.svg | 9 ++++++ gitlab-pages/website/static/img/tq-logo-2.svg | 17 +++++++++++ 6 files changed, 81 insertions(+), 17 deletions(-) create mode 100644 gitlab-pages/website/static/img/nomadic-logo.svg create mode 100644 gitlab-pages/website/static/img/stove-logo.svg create mode 100644 gitlab-pages/website/static/img/tq-logo-2.svg diff --git a/gitlab-pages/website/pages/en/index.js b/gitlab-pages/website/pages/en/index.js index ee6c4cb0a..ed0cd79c1 100644 --- a/gitlab-pages/website/pages/en/index.js +++ b/gitlab-pages/website/pages/en/index.js @@ -271,7 +271,7 @@ class Index extends React.Component { const Features = () => (
-

Features

+

Features

{[ @@ -336,25 +336,24 @@ class Index extends React.Component { return null; } - const showcase = siteConfig.partners + const PartnerShowcase = siteConfig.partners .filter(user => user.pinned) .map(user => ( - + {user.caption} )); - const pageUrl = page => baseUrl + (language ? `${language}/` : "") + page; - return ( -
-

Partners

-
{showcase}
- {/*
- - More {siteConfig.title} Users - -
*/} +
+ {PartnerShowcase} + {/*
*/} +
+

Our Partners

+

+ We are not alone in this world -- here're some guys who support us +

+
); }; @@ -381,7 +380,7 @@ class Index extends React.Component { return (
-

Team

+

Team

{showcase}
{/*
diff --git a/gitlab-pages/website/siteConfig.js b/gitlab-pages/website/siteConfig.js index 0d2780144..5c1352bd3 100644 --- a/gitlab-pages/website/siteConfig.js +++ b/gitlab-pages/website/siteConfig.js @@ -14,7 +14,7 @@ const partners = [ caption: "Nomadic Labs", // You will need to prepend the image path with your baseUrl // if it is not '/', like: '/test-site/img/image.jpg'. - image: "/img/nomadic-logo.jpg", + image: "/img/nomadic-logo.svg", infoLink: "https://www.nomadic-labs.com/", pinned: true }, @@ -22,7 +22,7 @@ const partners = [ caption: "Tocqueville Group", // You will need to prepend the image path with your baseUrl // if it is not '/', like: '/test-site/img/image.jpg'. - image: "/img/tq-logo.svg", + image: "/img/tq-logo-2.svg", infoLink: "https://tqgroup.io/", pinned: true }, @@ -30,7 +30,7 @@ const partners = [ caption: "Stove Labs", // You will need to prepend the image path with your baseUrl // if it is not '/', like: '/test-site/img/image.jpg'. - image: "/img/stove-logo.png", + image: "/img/stove-logo.svg", infoLink: "https://stove-labs.com", pinned: true } diff --git a/gitlab-pages/website/static/css/custom.css b/gitlab-pages/website/static/css/custom.css index 1454c51cb..d57b60e24 100644 --- a/gitlab-pages/website/static/css/custom.css +++ b/gitlab-pages/website/static/css/custom.css @@ -29,6 +29,8 @@ h4, .landing .headline { font-family: "DM Sans", sans-serif; font-weight: bold; + /** Override docusaurus rule that makes a huge top margin **/ + margin-top: 1rem; } body, @@ -490,6 +492,10 @@ body align-items: stretch; } +.team .flex-inline-container { + align-items: flex-start; +} + /** Feature Cards **/ .card { display: flex; @@ -509,6 +515,27 @@ body text-align: center; } +/** Partners **/ +.partners-container { + background-color: var(--color-light-gray); + display: flex; + justify-content: space-around; + align-content: center; + padding: var(--padding-level-3); +} + +.partners-container a { + display: flex; + align-content: center; + justify-content: center; + margin: 0 10px; +} + +.partners-text { + padding: 0 var(--padding-level-1); + border-left: 5px solid var(--color-primary-brand); +} + @media (min-width: 560px) and (max-width: 768px) { /** Special rules to reorient feature cards at only one screen size**/ .card { @@ -538,6 +565,9 @@ body max-width: 100%; width: 100%; } + .hide-small { + display: none; + } } @media only screen and (min-device-width: 360px) and (max-device-width: 736px) { diff --git a/gitlab-pages/website/static/img/nomadic-logo.svg b/gitlab-pages/website/static/img/nomadic-logo.svg new file mode 100644 index 000000000..1f0b1233a --- /dev/null +++ b/gitlab-pages/website/static/img/nomadic-logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/gitlab-pages/website/static/img/stove-logo.svg b/gitlab-pages/website/static/img/stove-logo.svg new file mode 100644 index 000000000..d270287f7 --- /dev/null +++ b/gitlab-pages/website/static/img/stove-logo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/gitlab-pages/website/static/img/tq-logo-2.svg b/gitlab-pages/website/static/img/tq-logo-2.svg new file mode 100644 index 000000000..c33b7bb38 --- /dev/null +++ b/gitlab-pages/website/static/img/tq-logo-2.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + +