Add Projects page description

The-hated-one · Jun 12, 2021 · 0a7a3d1 · 0a7a3d1
1 parent a9cd6ea
commit 0a7a3d1
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 3 deletions.
diff --git a/components/Text.tsx b/components/Text.tsx
@@ -6,13 +6,15 @@ import {
   fontWeight,
   display,
   typography,
+  layout,
   compose,
   TextAlignProps,
   MarginProps,
   FontWeightProps,
   DisplayProps,
   FontSizeProps,
   TypographyProps,
+  LayoutProps,
 } from 'styled-system';
 
 const Text = styled.p<
@@ -21,7 +23,8 @@ const Text = styled.p<
     FontSizeProps &
     FontWeightProps &
     DisplayProps &
-    TypographyProps
+    TypographyProps &
+    LayoutProps
 >`
   font-size: 1.125rem;
   margin: 0.75rem 0;
@@ -30,7 +33,15 @@ const Text = styled.p<
   line-height: 160%;
   letter-spacing: 0.02em;
 
-  ${compose(textAlign, margin, fontSize, fontWeight, display, typography)}
+  ${compose(
+    textAlign,
+    margin,
+    fontSize,
+    fontWeight,
+    display,
+    typography,
+    layout,
+  )}
 `;
 
 export default Text;
diff --git a/pages/projects.tsx b/pages/projects.tsx
@@ -47,7 +47,14 @@ const Projects: React.FC<ProjectProps> = ({ projects }) => (
     <Head>
       <title>Projects</title>
     </Head>
-    <Title>Projects</Title>
+    <Container alignItems="center">
+      <Title>Projects</Title>
+      <Text textAlign="center">
+        I'm always working on new projects. <br />
+        You can find them on my&nbsp;
+        <a href="https://github.com/shellbear">Github</a>.
+      </Text>
+    </Container>
     <Grid
       py="4rem"
       gridTemplateColumns={['1fr', 'repeat(2, 1fr)']}