Merge pull request #47 from heyjul3s/docs/homepage-update

Homepage Updates
heyjul3s · Jan 13, 2021 · ab21dbe · ab21dbe
2 parents 21b2c58 + 5ff7d21
commit ab21dbe
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 12 deletions.
diff --git a/docs/containers/HomePage/content/Features/Features.tsx b/docs/containers/HomePage/content/Features/Features.tsx
@@ -39,7 +39,7 @@ const IntroductionContent = [
   {
     title: 'Lightweight',
     content:
-      'A mere minified 4.7kb of goodness to help you build your system components.',
+      'A minified 48.7kb of goodness to help you build your system components.',
     Icon: LightweightIcon
   },
   {

diff --git a/docs/containers/HomePage/content/Modules.tsx b/docs/containers/HomePage/content/Modules.tsx
@@ -6,11 +6,11 @@ import { Section } from '../../../components/Section';
 import { SectionTitle } from '../../../components/SectionTitle';
 
 const modules = [
-  {
-    name: '@artifak/block',
-    content:
-      'Provides a basic building block suited for creation of container elements.'
-  },
+  // {
+  //   name: '@artifak/block',
+  //   content:
+  //     'Provides a basic building block suited for creation of container elements.'
+  // },
   {
     name: '@artifak/grid',
     content:
@@ -40,6 +40,21 @@ const modules = [
     name: '@artifak/media',
     content:
       'A Styled Component media query mixin with "AND" and "OR" support along with some newer supported media queries.'
+  },
+  {
+    name: '@artifak/fluidsizing',
+    content:
+      'Renders a calc style rule based off of provided min and max values instead of using media queries.'
+  },
+  {
+    name: '@artifak/usematchmedia',
+    content:
+      'A match media hook that enables media queries in your React components.'
+  },
+  {
+    name: '@artifak/usewindowsize',
+    content:
+      'A window size hook that returns the size of the window which includes inner and outer dimensions.'
   }
 ];
 

diff --git a/docs/containers/HomePage/content/Specs/Specs.tsx b/docs/containers/HomePage/content/Specs/Specs.tsx
@@ -14,21 +14,21 @@ export function Specs() {
 
       <SpecContainer columnLength={[1, 2]}>
         <SpecCol>
-          <Spec title="R 1.1.5" content="MIT Licence" />
-          <Spec title="Node" content=">= 14.15.0" />
+          <Spec title="R 2.0.0" content="MIT Licence" />
+          <Spec title="Node" content=">= 14.15.1" />
           <Spec
             title="Size"
-            content={['Minified 4.7kb', 'Minified and Gzipped 1.5kb']}
+            content={['Minified 48.7kb', 'Minified and Gzipped 9kb']}
           />
         </SpecCol>
 
         <SpecCol>
           <Spec
             title="Peer Dependencies"
             content={[
-              'react >= 16.11.0',
-              'typescript >= 4.0.0',
-              'styled-components >= 4.4.1',
+              'react >= 17.0.1',
+              'typescript >= 4.1.2',
+              'styled-components >= 5.2.1',
               'styled-system >= 5.1.5'
             ]}
           />