YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Basic blog template layout (incomplete)

Browse Source
This commit is contained in:
Dominic Masters
2018-11-15 07:34:30 +11:00
parent 0102df42aa
commit 75764f744d
7 changed files with 120 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
public/pages/blog/BlogPage.jsx
View File

@ -28,20 +28,35 @@ import Page, { PageBoundary } from '@components/page/Page';
import FeaturedArticleSection from '@sections/blog/article/FeaturedArticleSection';
import ArticleGridSection from '@sections/blog/article/ArticleGridSection';
import ClearSection from '@sections/layout/ClearSection';
import Styles from './BlogPage.scss';
const TestBlogData = {
handle: "test-blog",
title: "Test Blog Article",
url: '/',
image: require('@assets/images/photo.jpg'),
shortDescription: "Read how the latest lorem ipsum is dolor sit amet for business owners..."
shortDescription: `Read how the latest lorem ipsum is dolor sit amet for business owners...`,
description: `Est magna esse amet admodum est ex noster elit quem probant, id qui minim
possumus, ut esse enim esse senserit. Ullamco quae quis incurreret dolore.
Laborum est ingeniis, quibusdam fugiat non deserunt adipisicing.Nam quid velit
aut litteris, laborum export incididunt admodum et nam fabulas instituendarum,
id nam praesentibus. Aliquip anim consequat, est export commodo praetermissum, e
ab multos ingeniis ut ipsum ab laborum de tamen. Sed quem proident fidelissimae,
quae te singulis o ita sint culpa qui ingeniis, e export officia. Quem vidisse
ut quis aliqua.`
};
export default withLanguage(props => {
let { lang } = props;
return (
<Page style="blog-page" className="p-blog-page" title={ lang.pages.blog.title }>
<Page
style="blog-page" className="p-blog-page" title={ lang.pages.blog.title }
background={require('@assets/images/banners/sunset.svg')}
>
<ClearSection />
{/* First (Featured) Blog */}
<FeaturedArticleSection article={ TestBlogData } />
<ArticleGridSection articles={[ TestBlogData, TestBlogData, TestBlogData, TestBlogData, TestBlogData]} />

5
public/pages/blog/BlogPage.scss
View File

@ -5,3 +5,8 @@
* Version:
* 1.0.0 - 2018/10/30
*/
.p-blog-page {
.c-page__background {
position: fixed;
}
}