docs: add software reviews award + minor updates (#6769)

- hide discord link on mobile - add awards to homepage (draft) - add github discussions to community - add node 16 to readme - update caniuse - decrease whitespace on homepage
decaporg · May 15, 2023 · cc0dfa9 · cc0dfa9
1 parent b5759ee
commit cc0dfa9
Show file tree

Hide file tree

Showing 11 changed files with 89 additions and 14 deletions.
diff --git a/website/README.md b/website/README.md
@@ -6,7 +6,7 @@ This directory builds decapcms.org. If you'd like to propose changes to the site
 
 The site is built with [GatsbyJS](https://gatsbyjs.org/).
 
-To run the site locally, you'll need to have [Node](https://nodejs.org) and [Yarn](https://yarnpkg.com/en/) installed on your computer.
+To run the site locally, you'll need to have [Node](https://nodejs.org) version 16 and [Yarn](https://yarnpkg.com/en/) installed on your computer.
 
 From your terminal window, `cd` into the `website` directory of the repo, and run
 

diff --git a/website/content/blog/software-reviews-gold-medal-2023.md b/website/content/blog/software-reviews-gold-medal-2023.md
@@ -0,0 +1,21 @@
+---
+title: Decap Receives Software Reviews Gold Medal for 2023
+description: >-
+  Decap has been named a top content marketing tool in the Software Reviews Content Marketing Data Quadrant Awards for 2023.
+date: 2023-05-15T08:00:00.000Z
+author: Martin Jagodic
+twitter_image: /img/preview-link-published.png
+---
+Decap (ex-Netlify CMS) has been recognized as a top content marketing tool in the 2023 Software Reviews Content Marketing Data Quadrant Awards. With a score of 9.1 out of 10 and 100% user satisfaction, Decap proves its value in enhancing content marketing workflows.
+
+<br>
+<a href="https://www.softwarereviews.com/categories/content-marketing?entitlement=gold_medal_Decap_CMS_%28formerly_Netlify%29_data_quadrant_awards_2023_content_marketing&utm_medium=badge&utm_source=netlify" style="display: block; text-align: center;"  title="Best Content Marketing (CMS) Tools">
+  <img src="/img/sr-gold_medal-2023.png" alt="Software Reviews Gold Medal 2023" style="width: 60vw; max-width: 280px;">
+</a>
+<br>
+
+The Software Reviews Awards evaluate tools based on user feedback. Decap's high score and unanimous approval demonstrate its effectiveness in meeting user needs.
+
+According to users, Decap CMS stands out for its intuitive interface, robust and extensive features, and good collaboration among content teams. Real-time previews and integration with git streamline workflows, leading to increased productivity and smoother content creation and editing processes. The tool's extensive content publishing capabilities enable businesses to distribute content across various channels and tailor it to target audiences. This customization maximizes engagement and drives better results.
+
+This awards belongs to the community that built this tool over the years. For us (the new maintainers) this proves that we are responsible for an awersome tool and it gives us motivation to keep it alive and kicking.
diff --git a/website/content/pages/community.md b/website/content/pages/community.md
@@ -11,7 +11,7 @@ sections:
       - title: GitHub Issues
         description: Report bugs, request features, and comment on existing issues.
         url: https://github.com/decaporg/decap-cms/issues
-      - title: Stack Overflow
-        description: Secondary forum. Questions should be tagged `decap-cms`.
-        url: https://stackoverflow.com/questions/tagged/netlify-cms
+      - title: GitHub Discussions
+        description: Ask questions and discuss ideas.
+        url: https://github.com/decaporg/decap-cms/discussions
 ---
diff --git a/website/data/landing.yaml b/website/data/landing.yaml
@@ -8,7 +8,13 @@ hero:
       description: "Content is stored in your Git repository alongside your code for easier versioning, multi-channel publishing, and the option to handle content updates directly in Git."
     - feature: "An extensible CMS built on React"
       description: "Decap CMS is built as a single-page React app. Create custom-styled previews, UI widgets, and editor plugins or add backends to support different Git platform APIs."
-
+awards:
+  title: "Awards"
+  description: "Decap was recognized with these awards"
+  items:
+    - title: "Software Reviews Gold Medal 2023"
+      href: "https://www.softwarereviews.com/categories/content-marketing?entitlement=gold_medal_Decap_CMS_%28formerly_Netlify%29_data_quadrant_awards_2023_content_marketing&utm_medium=badge&utm_source=netlify"
+      image: "/img/sr-gold_medal-2023.png"
 cta:
   primaryhook: "Getting started is simple and free."
   primary: "Choose a template that’s pre-configured with a static site generator and deploys to a global CDN in one&nbsp;click."

diff --git a/website/src/components/awards.js b/website/src/components/awards.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import styled from '@emotion/styled';
+
+const AwardLink = styled.a`
+  display: block;
+  text-align: center;
+
+  img {
+    width: 60vw;
+    max-width: 280px;
+  }
+`;
+
+function Awards({ items }) {
+  return items.map(item =>
+    <AwardLink href={item.href} title={item.title}>
+      <img src={item.image} alt={item.title} />
+    </AwardLink>
+  );
+}
+
+export default Awards;
diff --git a/website/src/components/chat-button.js b/website/src/components/chat-button.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from '@emotion/styled';
 
+import { mq } from '../utils';
 import theme from '../theme';
 
 const ChatLink = styled.a`
@@ -16,6 +17,11 @@ const ChatLink = styled.a`
   background-color: ${theme.colors.white};
   font-size: 14px;
   text-align: right;
+  display: none;
+
+  ${mq[1]} {
+    display: block;
+  }
 `;
 
 function ChatButton() {

diff --git a/website/src/components/home-section.js b/website/src/components/home-section.js
@@ -7,8 +7,8 @@ import theme from '../theme';
 
 const Header = styled.header`
   text-align: center;
-  padding-top: ${theme.space[7]};
-  padding-bottom: ${theme.space[7]};
+  padding-top: ${theme.space[6]};
+  padding-bottom: ${theme.space[6]};
 `;
 
 const Title = styled.h2`

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -10,6 +10,7 @@ import HeroTitle from '../components/hero-title';
 // import WhatsNew from '../components/whats-new';
 import Lead from '../components/lead';
 import Features from '../components/features';
+// import Awards from '../components/awards';
 import HomeSection from '../components/home-section';
 import Grid from '../components/grid';
 import theme from '../theme';
@@ -138,6 +139,9 @@ function HomePage({ data }) {
       {/* <WhatsNew updates={updates.updates} /> */}
 
       <HomeSection
+        css={css`
+          background: white;
+        `}
         title={<Markdownify source={landing.editors.hook} />}
         text={<Markdownify source={landing.editors.intro} />}
       >
@@ -147,9 +151,6 @@ function HomePage({ data }) {
       </HomeSection>
 
       <HomeSection
-        css={css`
-          background: white;
-        `}
         title={<Markdownify source={landing.community.hook} />}
       >
         <Grid cols={2}>
@@ -174,6 +175,16 @@ function HomePage({ data }) {
           </div>
         </Grid>
       </HomeSection>
+
+      {/* <HomeSection
+        css={css`
+          background: white;
+        `}
+        title={<Markdownify source={landing.awards.title} />}
+        text={<Markdownify source={landing.awards.description} />}
+      >
+        <Awards items={landing.awards.items} />
+      </HomeSection> */}
     </Layout>
   );
 }
@@ -200,6 +211,15 @@ export const pageQuery = graphql`
             description
           }
         }
+        awards {
+          title
+          description
+          items {
+            title
+            href
+            image
+          }
+        }
         cta {
           primary
           primaryhook

diff --git a/website/src/theme.js b/website/src/theme.js
@@ -30,7 +30,7 @@ module.exports = {
   fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif",
   fontsize: ['10px', '12px', '14px', '16px', '18px', '24px', '32px', '42px', '64px'],
   lineHeight: [1, 1.3, 1.7],
-  space: [0, '4px', '8px', '16px', '24px', '40px', '64px', '104px', '152px'],
+  space: [0, '4px', '8px', '16px', '24px', '40px', '64px', '96px', '144px'],
   radii: [0, '4px', '8px'],
   breakpoints: [480, 768, 960, 1200, 1280],
   zIndexes: {

diff --git a/website/static/img/sr-gold_medal-2023.png b/website/static/img/sr-gold_medal-2023.png
diff --git a/website/yarn.lock b/website/yarn.lock
@@ -3253,9 +3253,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001317:
-  version "1.0.30001332"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001332.tgz#39476d3aa8d83ea76359c70302eafdd4a1d727dd"
-  integrity sha512-10T30NYOEQtN6C11YGg411yebhvpnC6Z102+B95eAsN0oB6KUs01ivE8u+G6FMIRtIrVlYXhL+LUwQ3/hXwDWw==
+  version "1.0.30001487"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001487.tgz"
+  integrity sha512-83564Z3yWGqXsh2vaH/mhXfEM0wX+NlBCm1jYHOb97TrTWJEmPTccZgeLTPBUUb0PNVo+oomb7wkimZBIERClA==
 
 ccount@^1.0.0, ccount@^1.0.3:
   version "1.1.0"