✨ Add support for pages

Sergei Orlov · Sergei Orlov · commit 5cc7bdae897d · 2021-05-31T16:03:23.000+03:00
Add /about page
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -46,6 +46,11 @@ export const Footer = () => {
 
 			<nav>
 				<ul>
+					<li>
+						<Link className='text-gray-500' rel='nofollow' to='/about'>
+							About
+						</Link>
+					</li>
 					<li>
 						<a
 							className='text-gray-500'
diff --git a/src/components/post-list.js b/src/components/post-list.js
@@ -6,13 +6,17 @@ export const PostList = ({ posts }) => (
 	<section
 		itemScope
 		itemType='https://schema.org/ItemList'
-		className='grid gap-5 place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 auto-rows-min'
+		className='grid gap-5 place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4'
 	>
 		{posts.map(({ node }, i) => (
 			<div
 				key={node.frontmatter.Slug}
 				className={`max-w-sm xl:max-w-none h-full w-full ${
-					node.frontmatter.Featured ? 'row-span-2' : 'row-span-1'
+					node.frontmatter.Featured ||
+					node.frontmatter.Type.name === '📕' ||
+					node.frontmatter.Type.name === '📮'
+						? 'row-span-4'
+						: 'row-span-3'
 				}`}
 				itemProp='itemListElement'
 				itemScope
diff --git a/src/components/post-preview.js b/src/components/post-preview.js
@@ -11,7 +11,11 @@ export const PostPreview = ({ post }) => {
 	const { siteUrl } = useSiteMetadata()
 	const pageUrl = `${siteUrl}${post.frontmatter.Slug}`
 	const imageUrl = `${siteUrl}${post.frontmatter.Hero_Image[0]?.remoteImage.sharp.fluid}`
-	const isLarge = post.frontmatter.Featured
+
+	const isLarge =
+		post.frontmatter.Featured ||
+		post.frontmatter.Type.name === '📕' ||
+		post.frontmatter.Type.name === '📮'
 
 	return (
 		<div
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -29,7 +29,7 @@ export default Index
 export const query = graphql`
 	query IndexPage {
 		allMarkdownRemark(
-			filter: { frontmatter: { Published: { eq: true } } }
+			filter: { frontmatter: { Published: { eq: true }, Page: { eq: false } } }
 			sort: { order: DESC, fields: frontmatter___Publish_Date___start }
 		) {
 			edges {
