diff --git a/src/content/NewsContent.tsx b/src/content/NewsContent.tsx index 57520656e..4d381b00b 100644 --- a/src/content/NewsContent.tsx +++ b/src/content/NewsContent.tsx @@ -62,4 +62,6 @@ const news: PostDescription[] = [ export const newsContent = { news, + description: + 'Find all the news articles about Process Analytics to be informed of major changes, new libraries, examples update, and more.', }; diff --git a/src/content/PostsContent.tsx b/src/content/PostsContent.tsx index ddc41f14a..e948f5a35 100644 --- a/src/content/PostsContent.tsx +++ b/src/content/PostsContent.tsx @@ -79,7 +79,7 @@ const posts: PostDescription[] = [ { title: 'Simplifying life: Using GitHub Actions for Continuous Integration in BPMN Visualization', // original title: 'Simplifying life: Using GitHub Actions for Continuous Integration in a BPMN Visualization open source project' - text: 'A step-by-step tutorial that explains how to setup GitHub Actions to continously build and test a TypeScript project.', + text: 'A step-by-step tutorial that explains how to setup GitHub Actions to continuously build and test a TypeScript project.', cover: 'https://res.cloudinary.com/practicaldev/image/fetch/s--vBB9KCW4--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/twfkvzk83m0cpjwz26js.png', // from https://dev.to/parthpandyappp/implemented-github-actions-to-a-django-python-repository-2128 url: 'https://dev.to/marcin_michniewicz/simplifying-life-using-github-actions-for-continuous-integration-in-a-bpmn-visualization-open-source-project-42i7', @@ -99,4 +99,7 @@ const posts: PostDescription[] = [ export const postsContent = { posts: posts, + description: + 'Find all the blog posts explaining how to use the libraries developed by Process Analytics, ' + + 'as well as those explaining how they were developed using external technical tools, and more.', }; diff --git a/src/pages/blog.tsx b/src/pages/blog.tsx index 4341fbefa..232491d28 100644 --- a/src/pages/blog.tsx +++ b/src/pages/blog.tsx @@ -23,6 +23,7 @@ const BlogPage = (): JSX.Element => ( layoutTitle={PAGE.blog} containerTitle={SECTION.blog} posts={postsContent.posts} + description={postsContent.description} /> ); diff --git a/src/pages/news.tsx b/src/pages/news.tsx index b697c1336..61f49c074 100644 --- a/src/pages/news.tsx +++ b/src/pages/news.tsx @@ -23,6 +23,7 @@ const NewsPage = (): JSX.Element => ( layoutTitle={PAGE.news} containerTitle={SECTION.news} posts={newsContent.news} + description={newsContent.description} /> ); diff --git a/src/theme/pages/PageWithPosts.tsx b/src/theme/pages/PageWithPosts.tsx index 9cf2f63de..561f8f21f 100644 --- a/src/theme/pages/PageWithPosts.tsx +++ b/src/theme/pages/PageWithPosts.tsx @@ -18,22 +18,27 @@ import Layout from '../components/Layout'; import PageHeader from '../components/PageHeader'; import Footer from '../components/Footer'; import Section from '../components/Section'; -import { Heading } from 'rebass/styled-components'; +import { Heading, Text } from 'rebass/styled-components'; import Triangle from '../components/Triangle'; import { PostContainer } from '../components/Post'; import { PostDescription } from '../types'; import { PAGE, SECTION } from '../utils/constants'; +// TODO duplicated from Landing.tsx +const centerHorizontally = { marginRight: 'auto', marginLeft: 'auto' }; + interface PageWithPostsProps { layoutTitle: PAGE; containerTitle: SECTION; posts: PostDescription[]; + description: string; } export const PageWithPosts = ({ layoutTitle, containerTitle, posts, + description, }: PageWithPostsProps): JSX.Element => ( @@ -43,11 +48,22 @@ export const PageWithPosts = ({ as="h1" color="primary" fontSize={[6, 8]} - mb={[5, 5, 6]} + mb={[3, 4, 4]} mt={[5, 5, 6]} > {containerTitle} + + {description} +