add The Dark Side Of The Grid article

andrecasal · Oct 4, 2023 · a83f786 · a83f786
1 parent 0af6dae
commit a83f786
Show file tree

Hide file tree

Showing 2 changed files with 381 additions and 863 deletions.
diff --git a/app/routes/_marketing+/articles/_index.tsx b/app/routes/_marketing+/articles/_index.tsx
@@ -17,8 +17,8 @@ import {
 import fluidTypographySizingWithModularScalesImage from './fluid-typography-sizing-with-modular-scales/fluid-typography.png'
 import { title as fluidSpaceSizingTitle, description as fluidSpaceSizingDescription } from './fluid-space-sizing/index.tsx'
 import fluidSpaceSizingImage from './fluid-space-sizing/fluid-space-sizing.png'
-/* import { title as theDarkSideOfTheGridTitle, description as theDarkSideOfTheGridDescription } from './the-dark-side-of-the-grid/index.tsx'
-import theDarkSideOfTheGridImage from './the-dark-side-of-the-grid/the-dark-side-of-the-grid.png' */
+import { title as theDarkSideOfTheGridTitle, description as theDarkSideOfTheGridDescription } from './the-dark-side-of-the-grid/index.tsx'
+import theDarkSideOfTheGridImage from './the-dark-side-of-the-grid/the-dark-side-of-the-grid.png'
 
 export type Post = {
 	title: string
@@ -30,13 +30,13 @@ export type Post = {
 
 export const loader = () => {
 	const posts: Post[] = [
-		/* {
+		{
 			title: theDarkSideOfTheGridTitle,
 			description: theDarkSideOfTheGridDescription,
 			imageUrl: theDarkSideOfTheGridImage,
 			href: '/articles/the-dark-side-of-the-grid',
 			topics: ['Accessibility', 'CSS'],
-		}, */
+		},
 		{
 			title: fluidSpaceSizingTitle,
 			description: fluidSpaceSizingDescription,