fixed layout

LICENSE

@@ -1,7 +1,7 @@
 Creative Commons Attribution-NonCommercial-ShareAlike License
 CC BY-NC-SA 4.0
 
-Copyright (c) 2021 Adrián Salgado
+Copyright (c) 2021 Lasfito
 
 This material is licensed use under Creative Commons [Attribution-NonCommercial-ShareAlike (CC BY-NC-SA 4.0)](https://creativecommons.org/licenses/by-nc-sa/4.0/legalcode) license and provided "as is" and without any warranty or representation of any kind, whether express, implied, or statutory. This includes, without limitation, warranties of merchantability, fitness for a particular purpose, non-infringement, title, or quiet enjoyment. The entire risk of use, quality, or performance of this material is with you. The author or publisher will not be liable for any damages arising out of or in connection with the use of this material, whether in contract, tort, or otherwise.
 

src/components/AcercaCard/AcercaCard.tsx

@@ -20,7 +20,7 @@ function AcercaCard({id, short = false}: AcercaCardProps) {
       </div>
       <div className="py-5 text-center">
         <p className="mx-auto max-w-[50ch] ">
-          Me llamo Adrián y he desarrollado software para la web y aplicaciones móviles durante más de
+          He desarrollado software para la web y aplicaciones móviles durante más de
           4 años. Poseo amplia experiencia en JavaScript, TypeScript, React,
           React Native y Node.js.
           <br />

src/consts.ts

@@ -12,7 +12,7 @@ export const GITHUB_URL = "https://github.com/lasfito/lasfi.to";
 export const SITE = {
   title: "Lasfito",
   description: "Tutoriales de desarrollo web en español y sin relleno",
-  image: "luisMugShot.png",
+  image: "mugShot.png",
   twitterHandle: "lasf1to",
   socialLinks: [
     {
@@ -23,9 +23,5 @@ export const SITE = {
       href: "https://youtube.com/@lasfito",
       text: "YouTube",
     },
-    {
-      href: "https://www.linkedin.com/in/lasfito",
-      text: "LinkedIn",
-    },
   ],
 } as const;

src/content/blog/2021-07-06-¿cuál-es-la-diferencia-entre-null-y-undefined-en-javascript.md

@@ -6,7 +6,7 @@ title: ¿Cuál es la diferencia entre Null y Undefined en JavaScript?
 tag:
   - JavaScript
   - Desarrollo 101
-autor: Adrián Salgado
+autor: Lasfito
 keyword: diferencia null y undefined
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/null-undefined-destacada.png?alt=media&token=f73233b8-ffa9-4665-8b12-e34cec8bdabe"
 ---

src/content/blog/2021-07-07-los-10-atajos-de-teclado-esenciales-para-todo-programador.md

@@ -6,7 +6,7 @@ title: "Los 10 atajos de teclado esenciales para todo programador "
 tag:
   - Desarrollo 101
   - Misceláneo
-autor: Adrián Salgado
+autor: Lasfito
 keyword: "atajos teclado programador "
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/atajos-programador.jpg?alt=media&token=9919101b-d078-41bc-a3a2-f0432443bcde"
 ---

src/content/blog/2021-07-10-hoisting-101-para-principiantes.md

@@ -6,7 +6,7 @@ title: Hoisting 101 para principiantes
 tag:
   - JavaScript
   - Desarrollo 101
-autor: Adrián Salgado
+autor: Lasfito
 keyword: que es hoisting
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/hoisting-101-destacada.png?alt=media&token=b96796a0-8853-4ef6-a4a5-8d086c54a3f1"
 ---

src/content/blog/2021-07-16-¿cuál-es-la-diferencia-entre-node-y-element.md

@@ -8,7 +8,7 @@ metaDescription: En este artículo, repasaré estas diferencias exactas explican
 tag:
   - JavaScript
   - Desarrollo 101
-autor: Adrián Salgado
+autor: Lasfito
 keyword: diferencia node element
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/diferencia-node-element.jpg?alt=media&token=934b640b-3381-4fac-af57-f98bd3973bb8"
 ---

src/content/blog/2021-07-20-¿cómo-usar-array-reduce.md

@@ -6,7 +6,7 @@ title: ¿Cómo usar array reduce?
 tag:
   - JavaScript
   - Desarrollo 101
-autor: Adrián Salgado
+autor: Lasfito
 keyword: como array reduce
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/reduce-array-destacada.png?alt=media&token=2d10aa5f-3dae-48d0-85bc-cb8cda828df8"
 ---

src/content/blog/2021-08-02-¿cómo-usar-array-flat.md

@@ -6,7 +6,7 @@ title: ¿Cómo usar array flat?
 tag:
   - Desarrollo 101
   - JavaScript
-autor: Adrián Salgado
+autor: Lasfito
 keyword: array flat
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/arrayflatthumbnail.png?alt=media&token=825d8af7-c594-4c70-b180-50bcf62fd70d"
 ---

src/content/blog/2021-08-09-¿cuál-es-la-diferencia-entre-library-y-framework.md

@@ -6,7 +6,7 @@ title: ¿Cuál es la diferencia entre library y  framework?
 tag:
   - Desarrollo 101
   - Misceláneo
-autor: Adrián Salgado
+autor: Lasfito
 keyword: diferencia library y framework
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/thinkingperson.jpeg?alt=media&token=a3467f73-8571-48e3-bbe8-c47ebe183cd1"
 ---

src/content/blog/2021-09-09-los-23-métodos-de-array-en-javascript-que-debes-conocer.md

@@ -6,7 +6,7 @@ title: Los 23 métodos de array en JavaScript que debes conocer
 tag:
   - JavaScript
   - Desarrollo 101
-autor: Adrián Salgado
+autor: Lasfito
 keyword: Métodos arrays javascript
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/thinkingperson.jpeg?alt=media&token=a3467f73-8571-48e3-bbe8-c47ebe183cd1"
 ---

src/content/fang/2023-05-15-camino-fang-1-arrays.md

@@ -7,7 +7,7 @@ title: Camino a FANG No. 1 - Arrays
 tag:
   - Algoritmos
   - Arrays
-autor: Adrián Salgado
+autor: Lasfito
 introThumbnail: "Practicando problemas de Arrays en LeetCode"
 keyword: arrays algoritmo leetcode
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/streaming.png?alt=media&token=98bc8ea1-905e-456c-bb86-e331db875259"

src/content/fang/2023-05-16-camino-fang-2-arrays.md

@@ -7,7 +7,7 @@ title: Camino a FANG No. 2 - Arrays
 tag:
   - Algoritmos
   - Arrays
-autor: Adrián Salgado
+autor: Lasfito
 introThumbnail: "Practicando problemas de Arrays en LeetCode"
 keyword: arrays algoritmo leetcode
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/streaming%20(1).png?alt=media&token=6587eb84-80be-42cb-88eb-8f0b6e01ad80"

src/content/fang/2023-05-17-camino-fang-3-arrays.md

@@ -7,7 +7,7 @@ title: Camino a FANG No. 3 - Arrays
 tag:
   - Algoritmos
   - Arrays
-autor: Adrián Salgado
+autor: Lasfito
 introThumbnail: "Practicando problemas de Arrays en LeetCode"
 keyword: arrays algoritmo leetcode
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/streaming%20(2).png?alt=media&token=be7aacda-656d-4f89-ae76-1fcf9b42cdc5"

src/content/fang/2023-05-18-camino-fang-4-arrays-stack.md

@@ -8,7 +8,7 @@ tag:
   - Algoritmos
   - Arrays
   - Stack
-autor: Adrián Salgado
+autor: Lasfito
 introThumbnail: "Practicando problemas de Arrays y Stack en LeetCode"
 keyword: arrays algoritmo leetcode stack
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/streaming%20(3).png?alt=media&token=d691709d-2053-4243-9d9e-a064fe24946b"

src/content/fang/2023-05-23-camino-fang-5-stack.md

@@ -7,7 +7,7 @@ title: Camino a FANG No. 5 - Stack
 tag:
   - Algoritmos
   - Stack
-autor: Adrián Salgado
+autor: Lasfito
 introThumbnail: "Practicando problemas de Stack en LeetCode"
 keyword: algoritmo leetcode stack
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/stream5.png?alt=media&token=58bac6c7-ddf9-4207-8bee-d95b8da4a0ff"

src/content/tutoriales/2021-07-20-cómo-crear-columnas-en-css-sin-flexbox-ni-grid.md

@@ -7,7 +7,7 @@ title: Cómo crear columnas en css sin flexbox ni grid
 tag:
   - Desarrollo 101
   - HTML-CSS
-autor: Adrián Salgado
+autor: Lasfito
 introThumbnail: "¿Sabías que puedes crear columnas con tan solo 1 propiedad?
   Spoiler alert: no se trata de flexbox ni grid. "
 keyword: columnas en css

src/content/tutoriales/2021-07-27-cómo-hospedar-tu-aplicación-de-react-en-firebase-hosting.md

@@ -7,7 +7,7 @@ title: Cómo hospedar tu aplicación de react en Firebase hosting
 tag:
   - Firebase
   - React
-autor: Adrián Salgado
+autor: Lasfito
 keyword: hospedar aplicación react en firebase hosting
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/thumbnail.png?alt=media&token=31379eb4-e89a-4be2-8568-b4b3892c0c5c"
 ---

src/content/tutoriales/2021-09-14-cómo-guardar-y-descargar-archivos-con-firebase-storage-y-react-en-progreso.md

@@ -7,7 +7,7 @@ title: "Cómo guardar y descargar archivos con Firebase Storage y React "
 tag:
   - Firebase
   - React
-autor: Adrián Salgado
+autor: Lasfito
 keyword: Firebase Storage react
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/firebase-storage.png?alt=media&token=7aa43155-6aa1-44e4-946e-b0329bd89b6d"
 ---

src/content/tutoriales/2021-09-20-en-progreso-¿cómo-utilizar-la-autenticación-de-firebase-con-react.md

@@ -7,7 +7,7 @@ title: "Cómo utilizar la autenticación de Firebase (con React) "
 tag:
   - Firebase
   - React
-autor: Adrián Salgado
+autor: Lasfito
 keyword: autenticación firebase react
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/05-firebase-autenticacion-thumb.png?alt=media&token=8aa0f487-08a1-4099-b7e0-f7c781d7403b"
 ---

src/content/tutoriales/2021-09-30-guía-2021-cómo-crear-un-sitio-web-y-blog-con-gatsby-y-netlify-cms.md

@@ -7,7 +7,7 @@ title: Guía 2021 - Cómo crear un sitio web y blog con Gatsby y Netlify CMS
 tag:
   - Gatsby
   - React
-autor: Adrián Salgado
+autor: Lasfito
 keyword: cómo crear gatsby
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/guiagatsbythumbnail.png?alt=media&token=303b275e-99c4-4396-a5ab-365bbb7ba18c"
 ---

src/content/tutoriales/2021-10-04-cómo-crear-pestañas-de-navegación-en-react-native.md

@@ -7,7 +7,7 @@ title: Cómo crear pestañas de navegación en React Native
 tag:
   - React
   - JavaScript
-autor: Adrián Salgado
+autor: Lasfito
 introThumbnail: Un clásico de la navegación móvil - ¡aprende cómo implementarla
   en tu próxima aplicación!
 publicoObjetivo: "El siguiente artículo asume que tienes conocimientos básicos

src/content/tutoriales/2022-02-21-crea-visualiza-y-descarga-pdfs-en-react.md

@@ -7,7 +7,7 @@ title: Crea, Visualiza y Descarga PDFs en React
 tag:
   - React
   - Misceláneo
-autor: Adrián Salgado
+autor: Lasfito
 publicoObjetivo: "Conocimientos básicos en JavaScript son necesarios para este tutorial. "
 keyword: crear pdf en react
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/10-react-pdf.png?alt=media&token=0f9dfcf5-f8a6-4b78-b9a4-771e1234920a"

src/content/tutoriales/2022-02-21-cómo-crear-un-chat-estilo-discord-con-firebase-y-react.md

@@ -7,7 +7,7 @@ title: Cómo crear un chat estilo Discord con Firebase y React
 tag:
   - Firebase
   - React
-autor: Adrián Salgado
+autor: Lasfito
 publicoObjetivo: Se requieren conocimientos mínimos sobre JavaScript y React.
 keyword: chat discord react y firebase
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/09-chat-discord-firebase.png?alt=media&token=99427e58-4cd3-47c0-b96b-dc5daa04a14c"
@@ -1567,7 +1567,7 @@ pero qué cresta
 
 y aquí como pueden ver ya está mi foto
 
-adrián salgado pero fíjense que este
+pero fíjense que este
 
 código está larguísimo y esto es porque
 

src/content/tutoriales/2022-02-21-cómo-crear-una-calculadora-web-sin-javascript.md

@@ -7,7 +7,7 @@ title: Cómo crear una calculadora web sin JavaScript
 tag:
   - HTML-CSS
   - Misceláneo
-autor: Adrián Salgado
+autor: Lasfito
 keyword: calculadora sin javascript
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/03-calculadora-sin-javascript.png?alt=media&token=08de9d71-11e7-4d5b-b94a-54ff6f6f84c3"
 ---

src/content/tutoriales/2022-02-21-mega-tutorial-firebase-9-crud-autenticación-firestore-storage-con-react.md

@@ -7,7 +7,7 @@ title: Mega Tutorial Firebase 9 - CRUD (Autenticación + Firestore + Storage) co
 tag:
   - React
   - Firebase
-autor: Adrián Salgado
+autor: Lasfito
 publicoObjetivo: "Conocimientos básicos de JavaScript y React son necesarios
   para este tutorial "
 keyword: tutorial firebase 9

src/content/tutoriales/2022-02-22-cómo-crear-un-backend-en-google-cloud-con-strapi.md

@@ -7,7 +7,7 @@ title: Cómo crear un backend en Google Cloud con Strapi
 tag:
   - Programación
   - Google Cloud
-autor: Adrián Salgado
+autor: Lasfito
 publicoObjetivo: ""
 keyword: strapi google cloud
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/11-strapi-google-cloud.png?alt=media&token=bee8b254-890c-465c-a06d-fe3ee9e2d8c0"
@@ -1467,7 +1467,7 @@ de admin para gestionar todo este asunto
 
 entonces qué vamos a registrarnos yo
 
-pondré adrián salgado o la arroba las
+pondré la arroba las
 
 fito contraseña aquí sí hay que poner
 
@@ -1595,7 +1595,7 @@ usuarios no usuarios no en personas ok
 
 vamos a crear una persona es crear tres
 
-personas el nombre completo luis salgado
+personas el nombre completo
 
 edad 26 fecha de nacimiento no se los
 
@@ -1725,7 +1725,7 @@ los transversales es una maravilla
 
 lo que aquí estamos regresemos a
 
-personas vamos a editar a luis salgado y
+personas vamos a editar  y
 
 vamos a ir que de nacionalidad queremos
 
@@ -1743,13 +1743,13 @@ algún sitio de blog aquí para jugar con
 
 categorías con temas con autores es así
 
-como funciona porque ahora luis salgado
+como funciona porque ahora 
 
 es una referencia hacia méxico y si yo
 
-aquí en méxico tuviera más datos luis
+aquí en méxico tuviera más datos
 
-salgado tendría como que una relación un
+tendría como que una relación un
 
 acceso a todos estos datos tenemos lo
 
@@ -1995,7 +1995,7 @@ jason y vamos a crear una persona
 
 obviamente no podemos escoger el aire
 
-vamos a llamarlo luis salgado júnior en
+vamos a llamarlo júnior en
 
 edad 69 y esto le pone delito esto lo
 
@@ -2021,7 +2021,7 @@ una imagen era louis juniors y si yo me
 
 regreso a la aplicación me regresó a
 
-personas aquí está luis june yo lo pude
+personas aquí está june yo lo pude
 
 crear sin haberme autenticado pero sí
 
@@ -2091,9 +2091,9 @@ fito que puede hacer consultas
 
 auténticas y para ello me voy a revisar
 
-qué bousman si lo intentó mandar a luis
+qué bousman si lo intentó mandar a 
 
-salgado júnior versión 2 como esta es
+júnior versión 2 como esta es
 
 una consulta pública sin auténtica me va
 
@@ -2217,7 +2217,7 @@ es en autorización pasarle el token le
 
 doy enviar y no ver de fourvière en me
 
-va a crear a luis salgado juniors
+va a crear a juniors
 
 versión 2 me regreso aquí a personas y
 

src/content/tutoriales/2022-02-26-4-formas-de-enviar-correo-desde-formulario-html.md

@@ -7,7 +7,7 @@ title: 4 formas de enviar correo desde formulario HTML
 tag:
   - HTML-CSS
   - Desarrollo 101
-autor: Adrián Salgado
+autor: Lasfito
 keyword: enviar correo formulario html
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/12-formulario-html.jpeg?alt=media&token=8e62468d-63cb-49ce-9f63-b5a184c9cfcc"
 ---

src/content/tutoriales/2022-02-26-agrega-caja-de-comentarios-a-tu-sitio-web-con-github.md

@@ -7,7 +7,7 @@ title: Agrega caja de comentarios a tu sitio web con GitHub
 tag:
   - Desarrollo 101
   - Misceláneo
-autor: Adrián Salgado
+autor: Lasfito
 keyword: comentarios sitio web github
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/13-comtentarios-sitioweb-github.jpeg?alt=media&token=dbbe9aa4-6e68-4053-b074-a4b8b7fba7aa"
 ---

src/content/tutoriales/2022-02-26-auth-y-roles-de-usuario-con-firebase-y-react.md

@@ -7,7 +7,7 @@ title: Auth y Roles de Usuario con Firebase y React
 tag:
   - Firebase
   - React
-autor: Adrián Salgado
+autor: Lasfito
 keyword: roles usuario firebase
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/14-roles-usuario-firebase.jpeg?alt=media&token=b2a8f3e9-1ca9-4149-bf8b-eb69a91512ee"
 ---

src/content/tutoriales/2022-03-09-cómo-crear-pwa-con-react-paso-a-paso.md

@@ -7,7 +7,7 @@ title: Cómo crear PWA con React - Paso a paso
 tag:
   - React
   - Desarrollo 101
-autor: Adrián Salgado
+autor: Lasfito
 publicoObjetivo: "Cierto conocimiento sobre React no caería mal. "
 keyword: cómo crear pwa con react
 thumbnail: "https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/pwa-react-thumn.png?alt=media&token=beb852ab-0f01-4be4-80dd-53d8c928fb27"

src/content/tutoriales/2022-03-10-publica-gratis-tu-sitio-web-y-edítalo-desde-tu-pc.md

@@ -10,7 +10,7 @@ metaDescription: "Aprende cómo publicar tu proyecto en internet (producción) y
 tag:
   - Desarrollo 101
   - Misceláneo
-autor: Adrián Salgado
+autor: Lasfito
 publicoObjetivo: ¡Cualquiera puede seguir este tutorial!
 keyword: publicar sitio web gratis
 thumbnail: https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/15-codigo-prod%2F15-codigo-prod.png?alt=media&token=aae02a4a-66fd-4d2c-b9ea-4f02df43f7c4

src/content/tutoriales/2022-03-11-carrusel-slider-animado-en-react-native-a-60-fps.md

@@ -9,7 +9,7 @@ metaDescription: "Aprende cómo crear un carrusel (slider) animado en React
 tag:
   - React Native
   - Misceláneo
-autor: Adrián Salgado
+autor: Lasfito
 keyword: carrusel animado react native
 thumbnail: https://firebasestorage.googleapis.com/v0/b/lasfito-blog.appspot.com/o/16-carrusel-animado%2F16-carrusel-animado.png?alt=media&token=2c00d7de-d4e5-4be6-8714-c7bedc363067
 ---