chore: pre redesign improvements (#127)

* refactor: some improvements on svg, text and more

* chore: bump version next 14

app/globals.css

@@ -83,3 +83,7 @@ svg {
   width: 24px;
   height: 24px;
 }
+
+.DocSearch-Button {
+  margin: 0px !important;
+}

app/page.tsx

@@ -11,54 +11,66 @@ export default async function Home() {
       <Header
         href='Inicio'
         title='Inicio'
-        description={['En Internet siempre veo las mismas preguntas:']}
+        description={['🌎 En Internet siempre veo las mismas preguntas:']}
       />
       <ul className='list-disc list-inside my-6'>
-        <li>¿Tenes algún recurso de iconos?</li>
+        <li>¿Hay streamers de programación?</li>
         <li>¿Donde puedo deployar mi web?</li>
-        <li>¿Cómo configuro [inserte aquí extensión, herramienta, etc]?</li>
+        <li>¿Cómo configuro [extensión, herramienta, etc]?</li>
       </ul>
-      <p>
-        💡 Crees que debería haber un recurso y no esta? Hace un PR y agregalo!
+      <p className='mb-8'>
+        💡 La idea de Recursos Tech es que encuentres todos los recursos en un
+        solo lugar y no pierdas tiempo buscando todo lo que necesitas para
+        realizar tu proyecto.
       </p>
-      <p className='mb-4'>
-        😨 ¿No te animas?, hace el pedido mediante este{' '}
+      <p className='mb-8'>
+        La web es Open Source, así que si queres participar, tenes diferentes
+        maneras:
+      </p>
+      <p className='mb-1'>
+        🚀 Hace un PR en el{' '}
+        <WebLink
+          className='underline'
+          eventName='Click on New Issue - Link recurso'
+          href='https://github.com/nsdonato/recursostech'
+          target='_blank'>
+          repositorio
+        </WebLink>
+      </p>
+      <p className='mb-1'>
+        😨 ¿No te animas a hacer el PR?. Podes hacer el pedido mediante un{' '}
         <WebLink
           className='underline'
           eventName='Click on New Issue - Link recurso'
           href='https://github.com/nsdonato/recursostech/issues/new/choose'
           target='_blank'>
           Issue
         </WebLink>
-        , opción <em>Agregar nuevo recurso</em> y lo agregamos!
+        , opción 👉🏻 <em>Agregar nuevo recurso</em>
       </p>
-      <p>
+      <p className='mb-1'>
         📹 ¿Te gustaría que alguna herramienta tenga video, para saber como
-        instalarla/configurarla?
-      </p>
-      <p className='mb-4'>
-        🚀 Hace el pedido mediante un{' '}
+        funciona, instalarla o configurarla? Hace el pedido mediante un Issue,
+        opción 👉🏻{' '}
         <WebLink
           className='underline'
           eventName='Click on New Issue - Link video'
           href='https://github.com/nsdonato/recursostech/issues/new/choose'
           target='_blank'>
-          Issue
+          Agregar nuevo video
         </WebLink>
-        , opción <em>Agregar nuevo video para recurso</em>e intentamos sumarlo!
       </p>
-      <p className='mb-4'>
-        Espero te guste la idea y si crees que se puede agregar algo más, no
-        dudes en comentarlo! ☺️
+      <p className='mb-10'>
+        🔜 Proximamente podrás hacer pedidos mediante un formulario
       </p>
       Noe.-
-      <div className='flex justify-evenly max-w-sm gap-2 mt-4 items-center mb-6 md:max-w-56'>
+      <div className='flex items-center gap-2 mt-4'>
         {noeSocialNetworks.map(({ type, url, cover }) => (
           <WebLink
             key={type}
             href={url}
             eventName={`Click on vamoacodear - ${type}`}>
-            <Figure cover={cover} placeholder={type} />
+            <Figure className='' cover={cover} placeholder={type} />
           </WebLink>
         ))}
       </div>

components/contributors/contributors.tsx

@@ -25,11 +25,11 @@ export const Contributors = async ({
   }
 
   return (
-    <div className='card bg-base-100 shadow-lg ring-1 mt-4 p-4 w-fit'>
+    <div className='card bg-base-100 shadow-lg ring-1 mt-4 p-4 w-full'>
       <h2 className='card-title mb-4 text-xl'>Colaboradores</h2>
       <p className='mb-4'>
-        Gracias a todxs los que aportaron en este{' '}
-        {isIndex ? 'proyecto' : 'documento!'} ✨
+        Gracias a todxs los que aportaron en{' '}
+        {isIndex ? 'este proyecto' : 'esta sección!'} ✨
       </p>
       <ul className='flex flex-wrap gap-2'>
         {data.map(contributor => {

db/backend/languages.ts

@@ -2,9 +2,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 
 export const languages: DocPage = {
   title: 'Lenguajes de programación',
-  description: [
-    'Los lenguajes más utilizados a la hora de crear aplicaciones backend.',
-  ],
+  description: ['Los más utilizados a la hora de crear aplicaciones backend.'],
   contributors: [
     { github_username: 'nsdonato' },
     { github_username: 'eduWTR' },

db/backend/learn.ts

@@ -3,7 +3,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 export const learn: DocPage = {
   title: 'Aprender Backend',
   description: [
-    'Recursos GRATIS, en español, para aprender todo sobre los lenguajes necesarios para ser programador/a backend.',
+    'Recursos GRATIS, en español, para aprender todo sobre lo necesario para ser programador/a backend.',
   ],
   contributors: [
     {

db/backend/streamers.ts

@@ -3,7 +3,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 export const sreamers: DocPage = {
   title: 'Streamers',
   description: [
-    'Personas del mundo tech que hacen streaming en vivo sobre programación en backend.',
+    'Conoce los streamers hispanohablantes, con los que aprenderás sobre distintas temáticas del desarrollo backend',
   ],
   contributors: [{ github_username: 'nsdonato' }],
   pageItems: [

db/ciberseguridad/streamers.ts

@@ -3,7 +3,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 export const streamers: DocPage = {
   title: 'Streamers',
   description: [
-    'Personas del mundo tech que hacen streaming en vivo sobre temas relacionados con ciberseguridad.',
+    'Conoce los streamers hispanohablantes,con los que aprenderás sobre distintas temáticas de ciberseguridad',
   ],
   contributors: [
     { github_username: 'mariaelisaaraya' },

db/conferences/argentina.ts

@@ -2,7 +2,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 
 const argentina: DocPage = {
   title: 'Conferencias',
-  description: ['Conferencias de programación de todo el mundo!'],
+  description: ['Conferencias de programación en Argentina'],
   contributors: [{ github_username: 'nsdonato' }],
   pageItems: [
     {

db/conferences/colombia.ts

@@ -2,7 +2,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 
 const colombia: DocPage = {
   title: 'Conferencias',
-  description: ['Conferencias de programación de todo el mundo!'],
+  description: ['Conferencias de programación en Colombia'],
   contributors: [{ github_username: 'argenh' }],
   pageItems: [
     {

db/conferences/spain.ts

@@ -2,7 +2,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 
 const spain: DocPage = {
   title: 'Conferencias',
-  description: ['Conferencias de programación de todo el mundo!'],
+  description: ['Conferencias de programación en España'],
   contributors: [{ github_username: 'nsdonato' }],
   pageItems: [
     {

db/frontend/colors_palette.ts

@@ -32,19 +32,19 @@ const colors_palette: DocPage = {
       links: [{ type: LinkType.Web, url: 'https://www.tints.dev/' }],
       cover: {
         src: '/frontend/tints.svg',
-        height: 80,
+        height: 100,
         width: 190,
       },
       videos: [],
     },
     {
       imgPlaceholder: 'UI Colors',
-      titleCard: '',
+      titleCard: 'Tailwind CSS Generador de colores',
       links: [{ type: LinkType.Web, url: 'https://uicolors.app/' }],
       cover: {
         src: '/frontend/uicolors.svg',
         height: 80,
-        width: 190,
+        width: 160,
       },
       videos: [],
     },
@@ -53,20 +53,20 @@ const colors_palette: DocPage = {
       titleCard: '',
       links: [{ type: LinkType.Web, url: 'https://coolcontrast.vercel.app/' }],
       cover: {
-        src: '/frontend/coolcontrast.svg',
+        src: '/frontend/coolcontrast.no-invert.svg',
         height: 80,
         width: 130,
       },
       videos: [],
     },
     {
       imgPlaceholder: 'ColorSpace',
-      titleCard: '',
+      titleCard: 'Generador de paleta de colores',
       links: [{ type: LinkType.Web, url: 'https://mycolor.space/' }],
       cover: {
         src: '/frontend/colorspace.svg',
         height: 80,
-        width: 170,
+        width: 110,
       },
       videos: [],
     },
@@ -82,7 +82,7 @@ const colors_palette: DocPage = {
       cover: {
         src: '/frontend/adobe-color.svg',
         height: 100,
-        width: 120,
+        width: 80,
       },
       videos: [],
     },

db/frontend/icons.ts

@@ -2,7 +2,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 
 const icons: DocPage = {
   title: 'Iconos',
-  description: ['Iconos para usar en tus proyectos.'],
+  description: ['Diversidad de iconos para usar en tus proyectos.'],
   contributors: [
     { github_username: 'nsdonato' },
     { github_username: 'IvanMJs' },
@@ -11,7 +11,8 @@ const icons: DocPage = {
   pageItems: [
     {
       imgPlaceholder: 'Phosphoricons',
-      titleCard: '',
+      titleCard:
+        'Familia de iconos flexible para interfaces, diagramas, presentaciones',
       links: [{ type: LinkType.Web, url: 'https://phosphoricons.com/' }],
       cover: {
         src: '/frontend/phosphoricons.svg',
@@ -22,7 +23,7 @@ const icons: DocPage = {
     },
     {
       imgPlaceholder: 'React Symbols',
-      titleCard: '',
+      titleCard: 'Iconos de archivos y carpetas',
       links: [{ type: LinkType.Web, url: 'https://react-symbols.vercel.app' }],
       cover: {
         src: '/frontend/reactsymbol.svg',
@@ -33,7 +34,7 @@ const icons: DocPage = {
     },
     {
       imgPlaceholder: 'Feather Icons',
-      titleCard: '',
+      titleCard: 'Iconos de código abierto sencillamente hermosos',
       links: [{ type: LinkType.Web, url: 'https://feathericons.com/' }],
       cover: {
         src: '/frontend/feather.svg',
@@ -44,7 +45,7 @@ const icons: DocPage = {
     },
     {
       imgPlaceholder: 'Hero Icons',
-      titleCard: '',
+      titleCard: 'Iconos SVG hechos a mano por los creadores de Tailwind CSS',
       links: [{ type: LinkType.Web, url: 'https://heroicons.com/' }],
       cover: {
         src: '/frontend/heroicon.svg',
@@ -55,7 +56,7 @@ const icons: DocPage = {
     },
     {
       imgPlaceholder: 'Tabler Icons',
-      titleCard: '',
+      titleCard: 'Más de 5200 iconos pixel-perfect para diseño web',
       links: [{ type: LinkType.Web, url: 'https://tabler.io/icons' }],
       cover: {
         src: '/frontend/tabler.svg',
@@ -66,7 +67,7 @@ const icons: DocPage = {
     },
     {
       imgPlaceholder: 'Sargami Icons',
-      titleCard: '',
+      titleCard: 'Iconos de código abierto dedicados a sus exquisitos diseños',
       links: [{ type: LinkType.Web, url: 'https://sargamicons.com/' }],
       cover: {
         src: '/frontend/sargamicons.svg',
@@ -77,7 +78,8 @@ const icons: DocPage = {
     },
     {
       imgPlaceholder: 'Iconoir',
-      titleCard: '',
+      titleCard:
+        'Disponible en SVG, Font, React, React Native, Flutter, Figma y Framer.',
       links: [{ type: LinkType.Web, url: 'https://iconoir.com/' }],
       cover: {
         src: '/frontend/iconoir.svg',
@@ -88,7 +90,7 @@ const icons: DocPage = {
     },
     {
       imgPlaceholder: 'Lucide',
-      titleCard: '',
+      titleCard: 'Iconos iconos coherentes',
       links: [{ type: LinkType.Web, url: 'https://lucide.dev/' }],
       cover: {
         src: '/frontend/lucide.svg',

db/frontend/languages.ts

@@ -2,9 +2,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 
 const languages: DocPage = {
   title: 'Lenguajes',
-  description: [
-    'Si te preguntas que lenguajes tenes que aprender para poder ser Frontend, te dejo en orden, los más utilizados:',
-  ],
+  description: ['Los más utilizados a la hora de crear aplicaciones frontend'],
   contributors: [{ github_username: 'nsdonato' }],
   pageItems: [
     {

db/frontend/learn.ts

@@ -3,7 +3,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 export const learn: DocPage = {
   title: 'Aprender Frontend',
   description: [
-    'Recursos GRATIS, en español, para aprender todo sobre los lenguajes necesarios para ser programador/a frontend.',
+    'Recursos GRATIS, en español, para aprender todo lo necesario para ser programador/a frontend.',
   ],
   contributors: [
     {

db/frontend/streamers.ts

@@ -3,7 +3,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 const streamers: DocPage = {
   title: 'Streamers',
   description: [
-    'Personas del mundo tech que hacen streaming en vivo sobre programación en frontend',
+    'Conoce los streamers hispanohablantes, con los que aprenderás sobre distintas temáticas del desarrollo frontend',
   ],
   contributors: [
     { github_username: 'nsdonato' },

db/mobile/streamers.ts

@@ -3,7 +3,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 const streamers: DocPage = {
   title: 'Streamers',
   description: [
-    'Personas del mundo tech que hacen streaming en vivo sobre temas relacionados con mobile.',
+    'Conoce los streamers hispanohablantes, con los que aprenderás sobre distintas temáticas del desarrollo mobile',
   ],
   contributors: [
     { github_username: 'nsdonato' },

db/testing/streamers.ts

@@ -3,7 +3,7 @@ import { DocPage, LinkType } from '@/lib/db-types'
 const streamers: DocPage = {
   title: 'Streamers',
   description: [
-    'Personas del mundo tech que hacen streaming en vivo sobre temas relacionados con testing.',
+    'Conoce los streamers hispanohablantes, con los que aprenderás sobre distintas temáticas de testing',
   ],
   contributors: [
     {