Merge pull request #17 from hache22/Github-Pages

rediseño Hero , Modificación de About
hache22 · Sep 16, 2024 · e4da9cd · e4da9cd
2 parents fb9d4fe + 91e332b
commit e4da9cd
Show file tree

Hide file tree

Showing 11 changed files with 42 additions and 54 deletions.
diff --git a/dist/_astro/index.CIevFO72.css b/dist/_astro/index.CIevFO72.css
diff --git a/dist/_astro/index.CwhKM37C.css b/dist/_astro/index.CwhKM37C.css
diff --git a/dist/index.html b/dist/index.html
diff --git a/dist/projects/ETL.jpeg b/dist/projects/ETL.jpeg
diff --git a/public/projects/ETL.jpeg b/public/projects/ETL.jpeg
diff --git a/src/components/About.astro b/src/components/About.astro
@@ -40,15 +40,15 @@ const personalImageAlt = "Horacio Laphitz";
                 href="https://drive.google.com/drive/folders/1XRv9ZWegRbOknIgQG1mtivt_4zUy6Y1T?usp=drive_link"
                 target="_blank"
             >
-                <strong>Link a mis Certificaciones</strong>
+                <p><strong>Link a mis Certificaciones</strong></p>
             </a>
         </em>
         <em class="italic">
             <a
                 href="https://drive.google.com/file/d/1dxNIImxWYFIRNqPut9GsmqLrkGRbDoNt/view?usp=sharing"
                 target="_blank"
             >
-                <strong>- Descargar CV </strong>
+                <p><strong> Descargar CV </strong></p>
             </a>
         </em>
     </div>

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -32,8 +32,8 @@ import Certificaciones from "./icons/Certificaciones.astro";
             <span class="text-yellow-400 opacity-90">
                 Data Analyst Ssr & Python Developer Ssr</span
             ><br />
-            <span class="text-blue-200 opacity-80"
-                >+2.5 años de Experiencia en Data</span
+            <span class="text-blue-900 opacity-80"
+                >+2.5 años de Experiencia en Data y Desarrollo</span
             >
             <br />
             <span class="text-red-200/90"

diff --git a/src/components/Projects.astro b/src/components/Projects.astro
@@ -148,13 +148,11 @@ const PROJECTS = [
     {
         PROJECTS.map(({ image, title, description, tags, link, github }) => (
             <article class="flex flex-col space-x-0 space-y-8 group md:flex-row md:space-x-8 md:space-y-0">
-                <div class="w-full md:w-1/2">
-                    <div class="relative flex flex-col items-center col-span-4 row-span-2 gap-8 transition duration-10 ease-in-out transform overflow-clip rounded sm:rounded-xl md:group-hover:-translate-y-1 md:group-hover:shadow-2xl lg:border-gray-800 lg:hover:border-gray-700 lg:hover:bg-gray-800/50">
+                <div class="">
+                    <div class="relative flex flex-col items-center col-span-4 row-span-2  transition duration-10 ease-in-out transform overflow-clip rounded  md:group-hover:-translate-y-1 md:group-hover:shadow-2xl lg:border-gray-800 lg:hover:border-gray-700 lg:hover:bg-gray-800/50">
                         <img
                             alt="Proyecto"
-                            class=" object-top 
-                            h-5  sm:h-full md:scale-110 md:group-hover:scale-105"
-                            loading="eager"
+                            class=" transition duration-500  md:scale-110 md:group-hover:scale-105"
                             src={image}
                         />
                     </div>

diff --git a/src/components/gradientBackground.astro b/src/components/gradientBackground.astro
@@ -1,18 +1,17 @@
-<div class="relative h-full w-full bg-slate-950">
+<div
+    class="relative h-full w-full bg-gradient-to-r from-blue-500 via-green-500 to-yellow-500"
+>
     <div
-        class="absolute bottom-0 left-[-20%] right-0 top-[-10%] h-[500px] w-[500px] rounded-full bg-[radial-gradient(circle_farthest-side,rgba(255,0,182,.15),rgba(255,255,255,0))]"
-    >
-    </div><div
-        class="absolute bottom-0 right-[-20%] top-[-10%] h-[500px] w-[500px] rounded-full bg-[radial-gradient(circle_farthest-side,rgba(255,0,182,.15),rgba(255,255,255,0))]"
-    >
-    </div>
-</div>
-<div class="relative h-full w-full bg-slate-950">
-    <div
-        class="absolute bottom-0 left-[-20%] right-0 top-[-10%] h-[500px] w-[500px] rounded-full bg-[radial-gradient(circle_farthest-side,rgba(255,0,182,.15),rgba(255,255,255,0))]"
-    >
-    </div><div
-        class="absolute bottom-0 right-[-20%] top-[-10%] h-[500px] w-[500px] rounded-full bg-[radial-gradient(circle_farthest-side,rgba(255,0,182,.15),rgba(255,255,255,0))]"
+        class="absolute bottom-0 left-0 right-0 top-0 bg-[radial-gradient(circle_500px_at_50%_200px,#3e3e3e,transparent)]"
     >
+        <div class="absolute inset-0 flex items-center justify-center">
+            <div class="text-center text-white">
+                <img
+                    src="https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg"
+                    alt="Python Logo"
+                    class="mt-8 w-32 h-32 mx-auto"
+                />
+            </div>
+        </div>
     </div>
 </div>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -41,10 +41,12 @@ const { description, title } = Astro.props;
 		<title>{title}</title>
 		<ViewTransitions />
 	</head>
-	<body>
+	<body> </body><Header />
+	<div
+		class="absolute top-0 z-[-2] h-screen w-screen bg-neutral-950 bg-[radial-gradient(ellipse_80%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]"
+	>
 		<GradientBackground />
-	</body><Header />
-
+	</div>
 	<slot /><GradientBackground />
 
 	<Footer />

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -14,7 +14,7 @@ import ProfileCheck from "../components/icons/ProfileCheck.astro";
 
 <Layout
 	title="Portfolio de Horacio Laphitz - Desarrollador Python & Data Analyst "
-	description="Contrata a Horacio Laphitz, para crear soluciones basadas en Datos y Resolucion de Problemas"
+	description="Porfolio Horacio Laphitz"
 >
 	<main class="px-4">
 		<SectionContainer class="py-16 md:py-44">