feat: add more resources (#76)

app/globals.css

@@ -31,7 +31,18 @@
 :root[data-theme='dracula'] img#svg.commitconf,
 :root[data-theme='dracula'] img#svg.jest,
 :root[data-theme='dracula'] img#svg.vitest,
-:root[data-theme='dracula'] img#svg.playwright {
+:root[data-theme='dracula'] img#svg.playwright,
+:root[data-theme='dracula'] img#svg.js,
+:root[data-theme='dracula'] img#svg.typescript,
+:root[data-theme='dracula'] img#svg.html5,
+:root[data-theme='dracula'] img#svg.css,
+:root[data-theme='dracula'] img#svg.nextjs,
+:root[data-theme='dracula'] img#svg.angular,
+:root[data-theme='dracula'] img#svg.vue,
+:root[data-theme='dracula'] img#svg.svelte,
+:root[data-theme='dracula'] img#svg.react,
+:root[data-theme='dracula'] img#svg.csharp,
+:root[data-theme='dracula'] img#svg.java {
   filter: none;
 }
 

components/card/card.tsx

@@ -14,7 +14,7 @@ export const Card = ({ item }: CardProps) => {
   const { cover, imgPlaceholder, titleCard, infoExtra, links, videos } = item
 
   return (
-    <div className='card p-4 ring-1 bg-base-100 shadow-lg h-auto'>
+    <div className='card p-4 ring-1 bg-base-100 shadow-lg h-auto hover:scale-105 transition-transform'>
       <CardBody cover={cover} imgPlaceholder={imgPlaceholder} />
       <>
         <CardTitle title={imgPlaceholder} />

docs/backend/languages.mdx

@@ -0,0 +1,29 @@
+---
+title: Lenguajes
+description: 'Los lenguajes más utilizados a la hora de crear aplicaciones backend.'
+
+contributors:
+  - github_username: 'nsdonato'
+
+submenu:
+  - imgPlaceholder: 'C#'
+    titleCard: 'Lenguaje de programación moderno, innovador y de código abierto para crear todas sus aplicaciones.'
+    cover:
+      src: '/backend/csharp.svg'
+      height: 80
+      width: 90
+    links:
+      - type: 'Web'
+        url: 'https://dotnet.microsoft.com/es-es/languages/csharp'
+    videos: []
+
+  - imgPlaceholder: 'Java'
+    titleCard: 'Java es un lenguaje de programación y una plataforma informática.'
+    cover:
+      src: '/backend/java.svg'
+      height: 80
+      width: 90
+    links:
+      - type: 'Web'
+        url: 'https://www.java.com/es/'
+    videos: []

docs/frontend/components_library.mdx

@@ -62,7 +62,7 @@ submenu:
     cover:
       src: '/frontend/ant-design.png'
       height: 80
-      width: 120
+      width: 80
     videos: []
 
   - imgPlaceholder: 'Bootstrap'

docs/frontend/deploys.mdx

@@ -13,7 +13,7 @@ contributors:
 
 submenu:
   - imgPlaceholder: 'Vercel'
-    titleCard: ''
+    titleCard: 'Frontend Cloud. Construí, escalá y asegurá una web más rápida y personalizada.'
     links:
       - type: 'Web'
         url: 'https://vercel.com/'
@@ -24,7 +24,7 @@ submenu:
     videos: []
 
   - imgPlaceholder: 'Netlify'
-    titleCard: ''
+    titleCard: 'Plataforma de desarrollo moderna para que las empresas obtengan la velocidad, la agilidad y el rendimiento de una arquitectura web escalable y componible.'
     links:
       - type: 'Web'
         url: 'https://www.netlify.com/'
@@ -35,7 +35,7 @@ submenu:
     videos: []
 
   - imgPlaceholder: 'Heroku'
-    titleCard: ''
+    titleCard: 'Permite a los devs crear, ejecutar y operar aplicaciones totalmente en la nube.'
     links:
       - type: 'Web'
         url: 'https://www.heroku.com/'
@@ -46,7 +46,7 @@ submenu:
     videos: []
 
   - imgPlaceholder: 'Github Pages'
-    titleCard: ''
+    titleCard: 'Aloja tu repositorio de GitHub. Edita, envia y los cambios estarán activos.'
     links:
       - type: 'Web'
         url: 'https://pages.github.com/'
@@ -59,7 +59,7 @@ submenu:
         url: 'https://www.youtube.com/shorts/qprqCT9qjgo'
 
   - imgPlaceholder: 'Deno deploy'
-    titleCard: ''
+    titleCard: 'Desarrolla en JS o TS, desplegá globalmente en segundos y escala a miles de millones de peticiones.'
     links:
       - type: 'Web'
         url: 'https://deno.com/deploy'

docs/frontend/frameworks.mdx

@@ -0,0 +1,64 @@
+---
+title: Frameworks
+description: 'Los frameworks más utilizados a la hora de crear aplicaciones web.'
+
+contributors:
+  - github_username: 'nsdonato'
+
+submenu:
+  - imgPlaceholder: 'React.js (libreria)'
+    titleCard: 'Crear interfaces de usuario a partir de componentes'
+    cover:
+      src: '/frontend/react.svg'
+      height: 80
+      width: 90
+    links:
+      - type: 'Web'
+        url: 'https://react.dev/'
+    videos: []
+
+  - imgPlaceholder: 'Next.js'
+    titleCard: 'Te permite crear aplicaciones web de alta calidad con la potencia de los componentes React'
+    cover:
+      src: '/frontend/nextjs.svg'
+      height: 80
+      width: 90
+    links:
+      - type: 'Web'
+        url: 'https://nextjs.org/'
+    videos: []
+
+  - imgPlaceholder: 'Angular'
+    titleCard: 'Framework para construir aplicaciones web con TypeScript, HTML y CSS'
+    cover:
+      src: '/frontend/angular.svg'
+      height: 80
+      width: 90
+    links:
+      - type: 'Web'
+        url: 'https://angular.io/'
+    videos: []
+
+  - imgPlaceholder: 'Vue.js'
+    titleCard: 'Framework progresivo para construir interfaces de usuario'
+    cover:
+      src: '/frontend/vue.svg'
+      height: 80
+      width: 90
+    links:
+      - type: 'Web'
+        url: 'https://vuejs.org/'
+    videos: []
+
+  - imgPlaceholder: 'Svelte'
+    titleCard: 'Framework para construir aplicaciones web con JavaScript'
+    cover:
+      src: '/frontend/svelte.svg'
+      height: 80
+      width: 90
+    links:
+      - type: 'Web'
+        url: 'https://svelte.dev/'
+    videos: []
+
+

docs/frontend/languages.mdx

@@ -0,0 +1,53 @@
+---
+title: Lenguajes
+description: 'Si te preguntas que lenguajes tenes que aprender para poder ser Frontend, te dejo en orden, los más utilizados:'
+
+contributors:
+  - github_username: 'nsdonato'
+
+submenu:
+  - imgPlaceholder: 'HTML'
+    titleCard: 'Lenguaje de marcado de hipertexto'
+    links:
+      - type: 'Web'
+        url: 'https://html.spec.whatwg.org/'
+    cover:
+      src: '/frontend/html5.svg'
+      height: 80
+      width: 90
+    videos: []
+
+  - imgPlaceholder: 'CSS'
+    titleCard: 'Hojas de estilo en cascada'
+    links:
+      - type: 'Web'
+        url: 'https://www.w3.org/Style/CSS/Overview.en.html'
+    cover:
+      src: '/frontend/css.svg'
+      height: 80
+      width: 90
+    videos: []
+
+  - imgPlaceholder: 'JavaScript'
+    titleCard: 'Lenguaje de programación'
+    links:
+      - type: 'Web'
+        url: 'https://www.ecma-international.org/publications/standards/Ecma-262.htm'
+    cover:
+      src: '/frontend/js.svg'
+      height: 80
+      width: 90
+    videos: []
+
+  - imgPlaceholder: 'TypeScript'
+    titleCard: 'Superset de JavaScript'
+    links:
+      - type: 'Web'
+        url: 'https://www.typescriptlang.org/'
+    cover:
+      src: '/frontend/typescript.svg'
+      height: 80
+      width: 90
+    videos: []
+
+---

docs/frontend/streamers.mdx

@@ -104,6 +104,17 @@ submenu:
       width: 90
     videos: []
 
+  - imgPlaceholder: 'ManzDev'
+    titleCard: 'HTML, CSS, JavaScript, Web Components, etc.'
+    links:
+      - type: 'Twitch'
+        url: 'https://www.twitch.tv/manzdev'
+    cover:
+      src: '/streamers/manzdev.png'
+      height: 80
+      width: 90
+    videos: []
+
   - imgPlaceholder: 'Carlos Azaustre'
     titleCard: 'JavaScript, React, Nodejs, etc.'
     links:

docs/menu.mdx

@@ -35,6 +35,12 @@
   - name: 'Autenticación'
     url: '/docs/frontend/authentication'
 
+  - name: 'Frameworks'
+    url: '/docs/frontend/frameworks'
+
+  - name: 'Lenguajes'
+    url: '/docs/frontend/languages'
+
 - name: 'Backend'
   items:
 
@@ -44,6 +50,9 @@
   - name: 'Streamers'
     url: '/docs/backend/streamers'
 
+  - name: 'Lenguajes'
+    url: '/docs/backend/languages'
+
 - name: 'Testing'
   items: