🔖 - Version 1.2.1 (#25)

claudiocoder · web-flow · commit 9aba2e6342bc · 2023-12-30T00:34:34.000-06:00
diff --git a/posts/blog/resources_developers.mdx b/posts/blog/resources_developers.mdx
@@ -2,8 +2,8 @@
 title: Mis 5 Sitios Favoritos para Aprender Programación
 date: 2023-12-12
 description: Mis 5 Sitios Favoritos para Aprender Programación
-thumbnailUrl: /blog/developer.png
-author: '@claudio_coder'
+thumbnailUrl: /blog/developer.jpg
+author: claudio_coder
 ---
 
 ![](/blog/apps.png 'Image generated by OpenAI DALL-E')
diff --git a/public/blog/developer.jpg b/public/blog/developer.jpg
diff --git a/public/blog/developer.png b/public/blog/developer.png
diff --git a/src/app/[slug]/page.tsx b/src/app/[slug]/page.tsx
@@ -40,30 +40,32 @@ const BlogPage = async ({ params }: Props) => {
 
   return (
     <div className='flex flex-col my-8 sm:px-[5%]'>
-      <div className='sm:pl-[5%] sm:pr-[15%] mb-4 sm:mb-8'>
-        <h1 className='text-2xl sm:text-4xl font-black'>{post.title}</h1>
-        <time
-          dateTime={post.date}
-          className='my-2 block text-sm w-full text-gray-600 text-left'
-        >
-          {format(parseISO(post.date), 'MMMM dd, yyyy')}
-        </time>
-        <p className='text-gray-500 italic text-sm'>{post.author}</p>
-
-        <div className='my-2'>
-          <a
-            href='https://twitter.com/share?ref_src=twsrc%5Etfw'
-            className='twitter-share-button'
-            data-show-count='false'
+      <div className='mx-4'>
+        <div className='sm:pl-[5%] sm:pr-[15%] mb-4 sm:mb-8'>
+          <h1 className='text-2xl sm:text-4xl font-black'>{post.title}</h1>
+          <time
+            dateTime={post.date}
+            className='my-2 block text-sm w-full text-gray-600 text-left'
           >
-            <span>Compartir en X</span>
-          </a>
+            {format(parseISO(post.date), 'MMMM dd, yyyy')}
+          </time>
+          <p className='text-gray-500 italic text-sm'>{post.author}</p>
+
+          <div className='my-2'>
+            <a
+              href='https://twitter.com/share?ref_src=twsrc%5Etfw'
+              className='twitter-share-button'
+              data-show-count='false'
+            >
+              <span>Compartir en X</span>
+            </a>
+          </div>
+        </div>
+        <div className='sm:pl-[5%] sm:pr-[15%] h-[70vh] mb-4'>
+          <Mdx code={post.body.code} />
         </div>
       </div>
-      <div className='sm:pl-[5%] sm:pr-[15%] h-[70vh] mb-4 overflow-auto'>
-        <Mdx code={post.body.code} />
-      </div>
-      <div className='pt-6 pl-[5%]'>
+      <div className='border-t-2 border-solid py-5 px-4 fixed bg-white w-full bottom-0'>
         <Footer />
       </div>
       <SocialMediaScripts />
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -16,7 +16,7 @@ export default function RootLayout({
   return (
     <html lang='es'>
       <body className={_roboto.className}>
-        <div className='p-5 sm:pl-5 h-screen'>
+        <div className='my-4 sm:p-5 sm:pl-5 h-screen'>
           <div className='flex flex-col sm:flex-row column w-full'>
             <div className='w-full sm:w-1/5 flex justify-center mb-8'>
               <ProfileContainer />
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -18,7 +18,7 @@ export default function Home() {
 
   return (
     <>
-      <div className='sm:m-8'>
+      <div className='sm:m-8 mx-4'>
         <h1 className='mb-6 sm:mb-8 text-3xl font-black'>Blog</h1>
         <div className='flex flex-wrap gap-5'>
           {posts.map((post, idx) => (
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -2,7 +2,7 @@ import Link from 'next/link'
 
 export default function Footer() {
   return (
-    <div className='p-2 border-l-4 text-gray-500'>
+    <div>
       <Link
         href='/'
         className='font-bold underline underline-offset-4 text-gray-500'
