modificaciones

Author: s0raya

src/components/Card.astro

@@ -15,7 +15,7 @@ const { href, title, description } = Astro.props;
 		</h2>
 		<p>{description}</p>
 		<span class="arrow">
-			<img src="/astro-proyect/images/right_up_arrow.svg" alt="arrow">
+			<img src="/astro-proyect/images/right_up_arrow.svg" alt="arrow" />
 		</span>
 	</a>
 </li>

src/components/Modal.astro

@@ -10,7 +10,7 @@ const { closeText = 'Close' } = Astro.props
 <dialog class="modal">
   <div class="modal__inner">
     <div class="modal__close">
-      <button><img src="/astro-proyect/images/x_icon.svg"></button>
+      <button><img src="/astro-proyect/images/x_icon.svg" /></button>
     </div>
     <div class="modal__content">
       <slot>Modal description.</slot>

src/components/Navbar.astro

@@ -5,7 +5,7 @@ const { posts } = Astro.props;
 
 <nav class="nav">
   <a href="/astro-proyect/" class="logo-link">
-    <img src="/astro-proyect/images/logo_TB_horiz_negativo-01.png" alt="The_bridge" class="logo">
+    <img src="/astro-proyect/images/logo_TB_horiz_negativo-01.png" alt="The_bridge" class="logo" />
   </a>
 
   <div class="top-bar">

src/content/bases_de_datos/SQL.md

@@ -1,7 +1,7 @@
 ---
 title: SQL
 description: ""
-pubDate: '01/03/2024'
+pubDate: '02/03/2024'
 collection: nodejs
 ---
 

src/content/html/elementos_semanticos.md

@@ -149,7 +149,7 @@ Mejoran la accesibilidad, la estructura lógica del documento y el posicionamien
     </aside>
 
     <figure>
-        <img src="foto.jpg" alt="Descripción de la foto">
+        <img src="foto.jpg" alt="Descripción de la foto" />
         <figcaption>Una imagen con su descripción.</figcaption>
     </figure>
 

src/content/html/introduccion-a-html.md

@@ -66,7 +66,7 @@ Para agregar un enlace a otra página, utilizamos la etiqueta **`<a>`** con el a
 Para insertar una imagen, usamos la etiqueta **`<img>`** con el atributo *src* (fuente) y opcionalmente *alt* (texto alternativo):
 ```html
 
-<img src="imagen.jpg" alt="Descripción de la imagen">
+<img src="imagen.jpg" alt="Descripción de la imagen" />
 
 ```
 

src/content/react/Jest.md

@@ -12,7 +12,7 @@ const posts = (await getCollection('bases_de_datos')).sort(
     <section>
         <div class="pageTitle">
             <h1>Bases de datos</h1>
-            <img src="/astro-proyect/images/filled_icon.svg" alt="logo_programacion" class="logo_codigo">
+            <img src="/astro-proyect/images/filled_icon.svg" alt="logo_programacion" class="logo_codigo" />
         </div>
         <ul role="list" class="link-card-grid">
             {

src/pages/backend/bases_de_datos/index.astro

@@ -17,19 +17,19 @@ let currentPath = Astro.url.pathname;
 	<Layout title="The Bridge">
 		<div class="pageTitle">
 			<h1>Backend</h1>
-			<img src="/astro-proyect/images/filled_icon.svg" alt="logo_programacion" class="logo_codigo">
+			<img src="/astro-proyect/images/filled_icon.svg" alt="logo_programacion" class="logo_codigo" />
 		</div>
 		<ul role="list" class="link-card-grid">
 			<Card
-				href=`${currentPath}bases_de_datos/`
-				title="Bases de Datos"
-				description="Aquí encontrarás información sobre bases de datos, incluyendo SQL y NoSQL."
-			/>
-			<Card
-				href=`${currentPath}nodejs/`
+				href={`${currentPath}nodejs/`}
 				title="NodeJS"
 				description="Node.js es un entorno de ejecución de JavaScript del lado del servidor que permite a los desarrolladores crear aplicaciones web escalables y de alto rendimiento."
 			/>
+			<Card
+				href={`${currentPath}bases_de_datos/`}
+				title="Bases de Datos"
+				description="Las bases de datos permiten almacenar y consultar información de forma eficiente. Aprenderás a trabajar con SQL y NoSQL e integrarlas en aplicaciones web."
+			/>
 		</ul>
 	</Layout>
 )}

src/pages/backend/index.astro

@@ -12,7 +12,7 @@ const posts = (await getCollection('nodejs')).sort(
     <section>
         <div class="pageTitle">
             <h1>NodeJS</h1>
-            <img src="/astro-proyect/images/filled_icon.svg" alt="logo_programacion" class="logo_codigo">
+            <img src="/astro-proyect/images/filled_icon.svg" alt="logo_programacion" class="logo_codigo" />
         </div>
         <ul role="list" class="link-card-grid">
             {