🎈 perf: optimize images performance

Author: carlosjorger

public/Datys-logo.webp

@@ -27,7 +27,7 @@ const allPosts = await Astro.glob('../pages/posts/*.md');
 							<img
 								transition:name={post.frontmatter.title}
 								src={post.frontmatter.image.src}
-								class="w-48 rounded-xl max-sm:w-full"
+								class="w-48 rounded-xl max-sm:w-full aspect-video"
 								alt={post.frontmatter.image.alt}
 							/>
 

public/Jygasoft-logo.webp

@@ -27,8 +27,8 @@ const { HEADER_EXPERIENCE, EXPERIENCE } = Astro.props;
 			EXPERIENCE.map((job) => (
 				<li class=" mb-20 ms-8">
 					<div class="flex flex-row items-center">
-						<div class="absolute start-[-0.9rem] mb-1 h-7 w-7 overflow-hidden rounded-full border border-teal-200 bg-slate-300 shadow-lg shadow-teal-200">
-							<img src={`/images/${job.logoFile}`} alt="" />
+						<div class="absolute start-[-0.9rem] mb-1 w-7 overflow-hidden rounded-full border border-teal-200 bg-slate-300 shadow-lg shadow-teal-200">
+							<img class="aspect-square" src={`/images/${job.logoFile}`} alt="" />
 						</div>
 						<h3 class="reveal-experience-info my-0.5 text-xl font-semibold text-teal-200">
 							{job.ocupation}

public/MyndGoals-logo.ico

@@ -4,10 +4,10 @@
 	"SEO_TITLE": "Carlos Jorge Rodríguez | Website",
 	"SEO_DESCRIPTION": "Carlos Jorge Rodríguez's personal portfolio website. I show my most important github projects. The main goals of these projects is having fun and learn new technologies, good practices and try to make real creative ideas",
 	"INTRO_TITLE": "Hi, I am",
-	"INTRO_TITLE_AFTER_BR1": "Carlos Jorge,",
-	"INTRO_TITLE_AFTER_BR2": "Web developer!",
+	"INTRO_TITLE_AFTER_BR1": "Carlos Jorge",
+	"INTRO_TITLE_AFTER_BR2": "",
 	"INTRO_SUBTITLE": "Welcome to my personal portfolio!",
-	"INTRO_DESCRIPTION": "Cuban computer scientist from <b>Havana University</b>. Currently working as full-stack engineer building <b>.net</b> and <b>Vuejs</b> applications. I play with <b>Astro</b> and <b>Rust</b> in my free time",
+	"INTRO_DESCRIPTION": "Cuban computer scientist from <b>Havana University</b>. Currently working as full-stack engineer building <b>.net</b> and <b>Vuejs</b> applications.",
 	"PROJECTS_TITLE": "Some projects",
 	"PROJECTS_TITLE_AFTER_BR": "I've made",
 	"ABOUT_ME_TITLE": "About",
@@ -57,7 +57,7 @@
 			"date": "Currently...",
 			"ocupation": "Fullstack Engineer in Myndgoals",
 			"description": "Working for Opus EHR a healthcare platform that tracks leads and manages patient data, enhancing client engagement and increasing admissions.",
-			"logoFile": "MyndGoals-logo.ico"
+			"logoFile": "MyndGoals-logo.webp"
 		},
 		{
 			"date": "March 2022",

public/images/MyndGoals-logo.webp

@@ -5,7 +5,7 @@
 	"SEO_DESCRIPTION": "Portafolio personal de Carlos Jorge Rodríguez. Enseño mis proyectos más importantes de github. Mi principal meta con estos proyectos es divertirme programando y aprender nuevas tecnologías, buenas prácticas y tratar de llevar a cabo ideas creativas",
 	"INTRO_TITLE": "Hola, Soy",
 	"INTRO_TITLE_AFTER_BR1": "Carlos Jorge,",
-	"INTRO_TITLE_AFTER_BR2": "Desarrollador Web!",
+	"INTRO_TITLE_AFTER_BR2": "",
 	"INTRO_SUBTITLE": "Y este es mi portafolio!",
 	"INTRO_DESCRIPTION": "Soy un científico de la computación graduado en la <b>Universidad de la Habana</b>. Actualmente trabajo como desarrollador <i>full-stack</i> creando aplicaciones de <b>.net</b> y <b>Vuejs</b>. En mis tiempos libres juego un poco con <b>Astro</b> y <b>Rust</b>  ;)",
 	"PROJECTS_TITLE": "Algunos proyectos",
@@ -57,7 +57,7 @@
 			"date": "Actualmente...",
 			"ocupation": "Desarrollador Fullstack en Myndgoals",
 			"description": "Trabajo para Opus EHR una plataforma de atención médica que rastrea y maneja los datos de los paciente, mejoro el compromiso con el cliente y las admisiones.",
-			"logoFile": "MyndGoals-logo.ico"
+			"logoFile": "MyndGoals-logo.webp"
 		},
 		{
 			"date": "Marzo del 2022",

public/images/vue-library-article-cover.webp

@@ -47,13 +47,14 @@ const { SEO_LANG, SEO_LOCALE, SEO_TITLE, SEO_DESCRIPTION } = Astro.props;
 			as="font"
 			href="https://fonts.googleapis.com/css?family=Lato:400italic%27&display=swap"
 		/>
+		<link rel="sitemap" href="/sitemap-index.xml" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{SEO_TITLE}</title>
 	</head>
-	<script
+	<link rel="stylesheet"
 		is:inline
 		src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.0/flowbite.min.js"
-	></script>
+	/>
 	<body>
 		<ViewTransitions />
 		<slot />