Update

oriphel · Jul 12, 2024 · b5396f4 · b5396f4
1 parent d36d122
commit b5396f4
Show file tree

Hide file tree

Showing 11 changed files with 92 additions and 152 deletions.
diff --git a/_config.yml b/_config.yml
@@ -33,7 +33,7 @@ twitter_username: cen_ia
 # > setting this to false, will omit the About Me section
 show_aboutme_card: true
 # about_me_title: The will be displayed as the title in the About Me section
-about_me_title: Nosotros
+about_me_title: Nuestro Desafío
 # about_me_description: This will be displayed under the title.
 about_me_description: Los Grandes Modelos de Lenguaje (LLMs) han llegado para establecerse como solucionadores de problemas, abordando desde las cuestiones cotidianas hasta los desafíos empresariales más complejos, y extendiéndose incluso a áreas tan diversas como la investigación científica, los servicios estatales y mucho más. Esta tecnología está liderando una auténtica revolución tecnológica de la cual Latinoamérica no se puede quedar afuera. Esta iniciativa es una invitación a la comunidad de IA en Latinoamérica a unir fuerzas para desarrollar un primer gran modelo de lenguaje de código abierto que sea una semilla inicial para embarcar a nuestra región en esta revolución.
 #If you like this theme and want to use it for yourself, checkout the source code and the documentation at <a class="highlight-link" href="https://github.com/longpdo/neumorphism" target="_blank" rel="noreferrer"> Github </a>. You can also find me on <a class="highlight-link" href="https://jamstackthemes.dev/theme/jekyll-neumorphism/" target="_blank" rel="noreferrer">JAMstack Themes</a> and on <a class="highlight-link" href="https://jekyll-themes.com/neumorphism/" target="_blank" rel="noreferrer">Jekyll Themes</a>.

diff --git a/_data/skills-alianzas.yml b/_data/skills-alianzas.yml
diff --git a/_data/skills-lineas.yml b/_data/skills-lineas.yml
diff --git a/_data/skills-metas.yml b/_data/skills-metas.yml
diff --git a/_includes/landing-page.html b/_includes/landing-page.html
@@ -1,4 +1,5 @@
 <div id="landing">
+  <div class="overlay"></div>
   <div class="landing-title">
     <img src="{{ "/assets/img/mascota_bandera.png" | prepend: site.baseurl }}" alt="Logo" style="width: 250px; height: auto;">
     <h1>Hola, <span class="highlight-title">bienvenid@ </span> a nuestro proyecto
@@ -106,4 +107,4 @@ <h1>
       {% endif %}
     </div>
   </div>
-</div>
+</div>
diff --git a/_includes/section-aboutme.html b/_includes/section-aboutme.html
@@ -1,2 +1,3 @@
-<h1 class="title">{{site.about_me_title}}</h1>
-<p class="description" data-aos="fade-down">{{site.about_me_description}}</p>
+    <h1 class="title">{{site.about_me_title}}</h1>
+    <p class="description" data-aos="fade-down">{{site.about_me_description}}</p>
+
diff --git a/_includes/section-skills.html b/_includes/section-skills.html
@@ -25,4 +25,4 @@ <h1 class="title">{{site.skills_title}}</h1>
       {{tool.name}}
     </div>
   {% endfor %}
-</div>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -32,26 +32,32 @@
   </div>
   {% include landing-page.html %}
   <div class="layout">
+
+    {%if site.show_skills_card %}
+    <section class="card neumorphism-card-big">
+      {% include section-skills.html %}
+    </section>
+    {% endif %}
+
     {%if site.show_aboutme_card %}
       <section class="card neumorphism-card-big">
         {% include section-aboutme.html %}
       </section>
     {% endif %}
-    {%if site.show_skills_card %}
+
+
+    {%if site.show_projects_card %}
       <section class="card neumorphism-card-big">
-        {% include section-skills.html %}
+        {% include section-projects.html %}
       </section>
     {% endif %}
-    {%if site.show_projects_card %}
+
+    {%if site.show_timeline_card %}
     <section class="card neumorphism-card-big">
-      {% include section-projects.html %}
+      {% include section-timeline.html %}
     </section>
-  {% endif %}
-    {%if site.show_timeline_card %}
-      <section class="card neumorphism-card-big">
-        {% include section-timeline.html %}
-      </section>
     {% endif %}
+
     {%if site.show_contact_card %}
     <section class="card neumorphism-card-big">
       {% include section-contact.html %}
@@ -60,4 +66,4 @@
   </div>
   {% include footer.html %}
 </body>
-</html>
+</html>
diff --git a/_sass/main.scss b/_sass/main.scss
@@ -13,8 +13,8 @@ $font-family-numbers: "Josefin Sans", sans-serif;
 $font-size-base: 1rem !default;
 $font-size-h1: 2rem !default;
 $font-weight-strong: 600;
-$text-color: #0c0c0c !default;
-$bg-color: rgba(255, 255, 255, 1);
+$text-color: #fff !default;
+$bg-color: rgba(43, 45, 47, 1);
 $card-bg-color: linear-gradient(
   145deg,
   rgba(115, 115, 115, 0.15) 15%,
@@ -38,6 +38,21 @@ body {
   height: 100%;
 }
 
+.layout {
+  position: relative; /* Para asegurar que el contenido esté por encima del fondo */
+  z-index: 1;
+  padding: 20px; /* Espaciado */
+}
+
+section.card {
+  background: rgba(255, 255, 255, 0.8); /* Fondo blanco semitransparente */
+  padding: 20px; /* Espaciado interno */
+  border-radius: 8px; /* Bordes redondeados */
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra para neumorfismo */
+}
+
+
+
 /* Typography */
 
 h1 {
@@ -60,8 +75,8 @@ a {
 }
 
 .highlight-title {
-  color: $primary-color;
-  text-shadow: 0.25rem 0.25rem 0.25rem $primary-color;
+  color: $bg-color;
+  text-shadow: 0.25rem 0.25rem 0.25rem $bg-color;
 }
 
 .highlight-link {
@@ -78,6 +93,7 @@ a {
   }
 }
 
+
 /* Layout */
 
 .layout {
@@ -145,8 +161,8 @@ a {
   height: 100%;
   justify-content: center;
   left: 0;
-  margin: 0.5rem;
-  padding: 0.5rem;
+  margin: 0;
+  padding: 0;
   position: absolute;
   right: 0;
   z-index: 999;
@@ -228,27 +244,43 @@ a {
 /* Landing Page */
 
 #landing {
-  background: $bg-color;
-  color: $text-color;
-  display: flex;
-  height: 100%;
-  margin: 0.5rem;
-  padding: 0.5rem;
-  text-align: center;
+  background: url('/assets/img/fig_back.png') no-repeat center top; /* Imagen de fondo */
+  background-size: 100% 83%; /* La imagen tendrá el 50% del ancho y altura */
+  z-index: -1; /* Envía el fondo detrás del contenido */
+  color: $bg-color;             // Color del texto
+  display: flex;                  // Habilita flexbox
+  flex-direction: column;         // Alinea elementos en columna
+  justify-content: center;        // Centra verticalmente
+  align-items: center;            // Centra horizontalmente
+  height: 100vh;                  // Altura del viewport
+  padding: 10px;                // Espacio interno
+  text-align: center;             // Centra el texto
+}
+
+#landing .overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(135, 206, 250, 0.5); /* Color celeste con transparencia */
+  z-index: 0; /* Justo encima de la imagen de fondo */
 }
 
 .landing-title {
+
   left: 0;
-  margin: 0.5rem;
+  margin: 80px 0.5rem 0.5rem; // Aumenta el margin-top aquí
   padding: 0.5rem;
   position: absolute;
   right: 0;
-  top: 40%;
 }
 
 .landing-icons {
   display: flex;
   justify-content: center;
+  margin-top: 80px; // Ajusta este valor según necesites
+
 
   .social-link {
     color: $text-color;
@@ -378,6 +410,8 @@ a {
   }
 }
 
+
+
 /* Skills Section */
 
 #skills {
@@ -391,15 +425,15 @@ a {
     transition: opacity 0.5s;
   }
 
-  div[skill-type="metas"] {
+  div[skill-type="language"] {
     color: #e84a5f;
   }
 
-  div[skill-type="alianzas"] {
+  div[skill-type="framework"] {
     color: #ff847c;
   }
 
-  div[skill-type="lineas"] {
+  div[skill-type="tool"] {
     color: #fecea8;
   }
 
@@ -732,18 +766,18 @@ a {
       @include neumorphism-button-pressed();
     }
 
-    input[id="metas"]:checked ~ div[skill-type="alianzas"],
-    input[id="metas"]:checked ~ div[skill-type="lineas"] {
+    input[id="language"]:checked ~ div[skill-type="framework"],
+    input[id="language"]:checked ~ div[skill-type="tool"] {
       @include filter-out;
     }
 
-    input[id="alianzas"]:checked ~ div[skill-type="metas"],
-    input[id="alianzas"]:checked ~ div[skill-type="lineas"] {
+    input[id="framework"]:checked ~ div[skill-type="language"],
+    input[id="framework"]:checked ~ div[skill-type="tool"] {
       @include filter-out;
     }
 
-    input[id="lineas"]:checked ~ div[skill-type="metas"],
-    input[id="lineas"]:checked ~ div[skill-type="alianzas"] {
+    input[id="tool"]:checked ~ div[skill-type="language"],
+    input[id="tool"]:checked ~ div[skill-type="framework"] {
       @include filter-out;
     }
   }
@@ -909,4 +943,4 @@ a {
   100% {
     bottom: 0;
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -25,4 +25,4 @@ <h1 class="title">{{site.skills_title}}</h1> @@
           {{tool.name}}
         </div>
       {% endfor %}
-    </div>
+    </div>