From 2bf9fd7f63a0676621440a54fac3f6eb0ec3b300 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cristi=C3=A1n=20Maureira-Fredes?=
 <Cristian.Maureira-Fredes@qt.io>
Date: Mon, 7 Aug 2023 23:19:55 +0200
Subject: [PATCH 1/2] WIP: Remove twitter column and add a three column layout

TODO:
Currently I'm unable to display the third post on the front
page, I couldn't fine where the amount of posts is defined.
---
 src/components/PostList.js |  4 ++--
 src/components/Twitter.js  | 25 -------------------------
 src/pages/index.js         |  8 ++------
 3 files changed, 4 insertions(+), 33 deletions(-)
 delete mode 100644 src/components/Twitter.js

diff --git a/src/components/PostList.js b/src/components/PostList.js
index 2219cc0..14cedd8 100644
--- a/src/components/PostList.js
+++ b/src/components/PostList.js
@@ -1,11 +1,11 @@
 import React from 'react';
 import Post from './Post';
 
-const PostList = ({ posts, twoColumns }) => {
+const PostList = ({ posts, threeColumns }) => {
     return (
         <div
             className={`row row-cols-1 row-cols-md-2  ${
-                twoColumns ? 'row-cols-lg-2' : 'row-cols-lg-3'
+                threeColumns ? 'row-cols-lg-3' : 'row-cols-lg-4'
             }`}
         >
             {posts.map((post) => (
diff --git a/src/components/Twitter.js b/src/components/Twitter.js
deleted file mode 100644
index 635b305..0000000
--- a/src/components/Twitter.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-
-import '../scss/style.scss';
-
-const Twitter = () => (
-    <div className='twitter'>
-        <a
-            className='twitter-timeline'
-            data-lang='es'
-            data-width='400'
-            data-height='600'
-            data-theme='light'
-            href='https://twitter.com/python_es?ref_src=twsrc%5Etfw'
-        >
-            Tweets by python_es
-        </a>
-        <script
-            async
-            src='https://platform.twitter.com/widgets.js'
-            charSet='utf-8'
-        ></script>
-    </div>
-);
-
-export default Twitter;
diff --git a/src/pages/index.js b/src/pages/index.js
index 9363ce5..a3476af 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -3,7 +3,6 @@ import { graphql } from 'gatsby';
 import Helmet from 'react-helmet';
 import SEO from '../components/SEO';
 import Layout from '../components/Layout';
-import Twitter from '../components/Twitter';
 import PostList from '../components/PostList';
 import HeroImage from '../components/HeroImage';
 import FeaturesHome from '../components/FeaturesHome';
@@ -55,12 +54,9 @@ const Home = (props) => {
 
                 <div className='mt-8 mb-3'>
                     <div className='row'>
-                        <div className='col-12 col-lg-8'>
+                        <div className='col-12 col-lg-12'>
                             <h1>Últimos posts</h1>
-                            <PostList posts={lastPosts} twoColumns />
-                        </div>
-                        <div className='col-12 col-lg-4'>
-                            <Twitter />
+                            <PostList posts={lastPosts} threeColumns />
                         </div>
                     </div>
                 </div>

From cf1c442062fbd3bb394214ed0b0d2f72c4cfd7bb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cristi=C3=A1n=20Maureira-Fredes?=
 <Cristian.Maureira-Fredes@qt.io>
Date: Tue, 3 Oct 2023 17:24:58 +0200
Subject: [PATCH 2/2] Arreglando limite de columnas en el index

---
 src/pages/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index a3476af..23b00b1 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -111,7 +111,7 @@ export const query = graphql`
         posts: allMarkdownRemark(
             filter: { fileAbsolutePath: { regex: "/posts/.*/" } }
             sort: { fields: [frontmatter___date], order: DESC }
-            limit: 2
+            limit: 3
         ) {
             edges {
                 node {