Propuesta condensada layout principal

content/Comienza.md

@@ -0,0 +1,65 @@
+---
+title: Comienza 
+sidebar:
+  exclude: true
+toc: true
+---
+
+## Explora
+
+{{< cards cols="2" >}}
+  {{< card link="https://www.omegaup.com/" title="Plataforma omegaUp" icon="server" >}}
+  {{< card link="https://www.omegaup.org/" title="Organización sin fines de lucro" icon="user-group" >}}
+{{< /cards >}}
+
+## Pasos a seguir
+{{% steps %}}
+
+### Revisa nuestro [código de conducta](posts/codigo-de-conducta-en-omegaup/).
+
+### Crea tu cuenta en [omegaUp.com/login](https://omegaup.com/login).
+
+### Completa tu perfil en [mi perfil](https://omegaup.com/profile/):
+Puedes acceder desde el menú desplegable en la sección superior derecha donde aparece tu nombre de usuario.
+ - [Cambia tu contraseña](https://omegaup.com/profile/#change-password) desde el manú de la sección izquierda con botones azules.
+ - Configura tus [preferencias](https://omegaup.com/profile/#edit-preferences) y selecciona tu lenguaje de programación.
+ - Si tienes más de una cuenta puedes agruparlas en [administrar identidades](https://omegaup.com/profile/#manage-identities).
+ - Navega y descubre la plataforma [omegaUp](https://omegaup.com).
+ - Revisa e incrementa tus [insignias](https://omegaup.com/badge/list/).
+
+### Escoge tu perfil:
+
+**Estudiante**
+- [¿Cómo resolver problemas? [parte 0]](posts/introduccion-a-omegaup-parte-0/)
+- [¿Cómo resolver problemas? [parte 1]](posts/introduccion-a-omegaup-parte-1/)
+- [¿Cómo resolver problemas? [parte 2]](posts/introduccion-a-omegaup-parte-2-problemas-basicos/)
+- [Busca tus problemas](https://omegaup.com/problem/collection/)
+- Participa para ser Coder del Mes [reglas del coder del mes](/posts/reglas-del-coder-del-mes/)
+
+
+**Docente**
+- Crea tus [cursos con tareas y exámenes](/posts/anunciando-omegaup-escuelas/).
+- [Agregar asistentes a curso](posts/revision-codigo-envios-cursos/#rol-de-asistente-de-ense%C3%B1anza).
+- Crear cuentas de usuarios para evento [administrador de identidades](posts/administracion-de-identidades/).
+- [Revisa automáticamente](posts/revision-codigo-envios-cursos/) los códigos en envíos de cursos.
+- [Analiza las diferencias en salidas](posts/analisis-de-diferencias-en-salidas-para-envios-de-problemas-educativos/) para envíos de problemas educativos.
+
+### Continúa programando.
+- [Resuelve más problemas](https://omegaup.com/problem/collection/)
+- Aprende de la [solución al problema](https://www.youtube.com/watch?v=Rnel7EJCy7A&list=PLdSCJwXErQ8GMdYCQfikpin40Q0AZMBwn).
+- Inspírate con nuestras [historias de éxito](https://www.youtube.com/watch?v=DLWwm6glajg&list=PLdSCJwXErQ8HaBjqgL_ISj5UWnFFHGxJQ).
+
+{{% /steps %}}
+
+## Ayuda y soporte técnico
+{{< cards cols="3" >}}
+  {{< card link="mailto:[email protected]?subject=Hola%20soy&body=Hola%20soy" title="Escríbenos a [email protected]" icon="mail" >}}
+  {{< card link="mailto:[email protected]?subject=Ayuda%20con%20¿?%20&body=Necesito..." title="Soporte técnico" icon="support" >}}
+  {{< card link="https://discord.com/invite/K3JFd9d3wk" title="Pregunta a la comunidad" icon="discord" >}}
+{{< /cards >}}
+
+## ¿Quieres ayudarnos?
+{{< cards cols="2" >}}
+  {{< card link="https://github.com/omegaup/omegaup/wiki" title="Agrega documentación " icon="card" >}}
+  {{< card link="https://github.com/omegaup/omegaup/issues/new/choose" title="Abre un issue." icon="github" >}}
+{{< /cards >}}

content/Novedades.md

@@ -0,0 +1,47 @@
+---
+title: Novedades
+sidebar:
+  exclude: true
+toc: true
+---
+
+Descubre nuestra información actualizada relevante.
+
+## Liga de programación
+Bienvenido a los diferentes concursos de programación.
+
+## Google Summer of Code
+Verano de programación de Google con omegaUp.
+
+## Coder del mes
+Otorgado a personas que han sido nombradas Coder del Mes.
+
+
+<div class="hx-mt-6 hx-mb-6">
+{{< hextra/feature-grid >}}
+  {{< hextra/feature-card
+    title="Liga de programación"
+    subtitle="Bienvenido a los diferentes concursos de programación."
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
+    image="/captura/omegaUp.com.arena.png"
+    imageClass="hx-top-[20%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
+    link="https://omegaup.com/arena/"
+  >}}
+  {{< hextra/feature-card
+    title="Google Summer of Code"
+    subtitle="Verano de programación de Google con omegaUp."
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
+    image="/captura/google.com.GSoC.png"
+    imageClass="hx-top-[20%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
+    link="https://summerofcode.withgoogle.com/archive/2024/organizations/omegaup"
+  >}}
+  {{< hextra/feature-card
+    title="Coder del mes"
+    subtitle="Otorgado a personas que han sido nombradas Coder del Mes."
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
+    image="/captura/omegaUp.com.coder.png"
+    imageClass="hx-top-[20%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
+    link="https://omegaup.com/coderofthemonth/"
+  >}}
+{{< /hextra/feature-grid >}}
+</div>

content/_index.md

@@ -1,26 +1,47 @@
 ---
-title: Blog 
+title: Home
+layout: hextra-home
 sidebar:
   exclude: true
-toc: false
+toc: true
 ---
-
-{{< cards cols="1" >}}
+{{< hextra/hero-headline >}}
+  Blog 
   <img class="hx-text-center hx-hidden dark:hx-block" src="/logo/omegaUp-dark.webp" alt="omegaUp blog" width="250">
   <img class="hx-text-center hx-block dark:hx-hidden" src="/logo/omegaUp.webp" alt="omegaUp blog" width="250">
-{{< /cards >}}
+{{< /hextra/hero-headline >}}
 
 {{< callout type="info" emoji=" " >}}
   **Incrementando el talento de Ingeniería de Software en América Latina.**
 {{< /callout >}}
 
-## Explora
+<div class="hx-mt-6 hx-mb-6">
+{{< hextra/feature-grid >}}
+  {{% details title="Para comenzar" %}}
+  <a href='/comienza'>omegaUp es una plataforma educativa gratuita que te ayuda a mejorar tus habilidades de programación.</a><br><br>
+  <a href='/comienza/#crea-tu-cuenta-en-omegaupcomloginhttpsomegaupcomlogin'>Crear una cuenta</a><br>
+  <a href='/comienza/#completa-tu-perfil-en-mi-perfilhttpsomegaupcomprofile'>Cambiar correo o contraseña</a><br>
+  <a href='/comienza/#completa-tu-perfil-en-mi-perfilhttpsomegaupcomprofile'>Completar mi perfil</a><br>
+  <a href='/comienza'>Ver más</a>
+  {{% /details %}}
+
+  {{% details title="Popular" %}}
+  <a href='/posts'>Descubre nuestra información actualizada relevante.</a><br><br>
+  <a href='/posts/introduccion-a-omegaup-parte-0/'>¿Cómo resolver problemas?</a><br>
+  <a href='/posts/codigo-de-conducta-en-omegaup/'>Código de conducta.</a><br>
+  <a href='/posts/el-nuevo-buscador-de-problemas-de-omegaup/'>¿Cómo buscar problemas?</a><br>
+  <a href='/posts/concursos-con-subtareas/#c%C3%B3mo-crear-un-concurso-con-la-modalidad-de-subtareas'>¿cómo crear concursos?</a><br>
+  <a href='/posts/reglas-del-coder-del-mes/'>Reglas del coder del mes.</a>
+  {{% /details %}}
 
-{{< cards cols="2" >}}
-  {{< card link="posts" title="Entradas del blog" icon="book-open" >}}
-  {{< card link="https://www.omegaup.com/" title="omegaUp.com" icon="user" >}}
-{{< /cards >}}
+  {{% details title="Lo más nuevo" %}}
+  <a href='/posts'>Publicamos contenido para difundir habilidades de programación.</a><br><br>
+  <a href='/posts/soluciones-de-problemas-en-omegaup/'>Soluciones a problemas en omegaUp</a><br>
+  <a href='/posts/concursos-con-subtareas/#c%C3%B3mo-crear-un-concurso-con-la-modalidad-de-subtareas'>Concursos con subtareas</a><br>
+  <a href='https://omegaup.com/rank/authors/'>Ranking de contribuidores</a><br>
+  <a href='/posts'>Ver más</a>
+  {{% /details %}}
 
-## Documentación
+{{< /hextra/feature-grid >}}
+</div>
 
-Para obtener más información, visite [omegaUp.org](https://www.omegaup.org).

hugo.yaml

@@ -24,16 +24,6 @@ menu:
       weight: 6
       params:
         type: search
-    - name: GitHub
-      weight: 7
-      url: "https://github.com/omegaup"
-      params:
-        icon: github
-    - name: Discord
-      weight: 8
-      url: "https://discord.com/invite/K3JFd9d3wk"
-      params:
-        icon: discord
 
 params:
   navbar:

themes/hextra/layouts/partials/footer.html

@@ -24,8 +24,43 @@
       <hr class="dark:hx-border-neutral-800" />
     {{- end -}}
   {{- end -}}
+
+  <div class="{{ $footerWidth }} hx-mx-auto hx-flex hx-justify-center hx-py-3 hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400 md:hx-justify-start">
+    <div class="hextra-feature-grid hx-grid sm:max-lg:hx-grid-cols-2 max-sm:hx-grid-cols-1 hx-gap-4 hx-w-full not-prose" style="--hextra-feature-grid-cols: 3; ">
+      <a href="mailto:[email protected],[email protected]?subject=Hola%20soy&amp;body=Necesito%20..." class=" hextra-feature-card not-prose hx-block hx-relative hx-overflow-hidden hx-rounded-3xl hx-border hx-border-gray-200 hover:hx-border-gray-300 dark:hx-border-neutral-800 dark:hover:hx-border-neutral-700 before:hx-pointer-events-none before:hx-absolute before:hx-inset-0 before:hx-bg-glass-gradient">
+        <div class="hx-relative hx-w-full hx-p-6">
+          <h3 class="hx-text-2xl hx-font-medium hx-leading-6 hx-mb-2 hx-flex hx-items-center">
+            <span class="hx-pr-2"><svg height="1.5rem" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M18.364 5.636l-3.536 3.536m0 5.656l3.536 3.536M9.172 9.172L5.636 5.636m3.536 9.192l-3.536 3.536M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-5 0a4 4 0 11-8 0 4 4 0 018 0z"></path></svg></span>
+            <span>Soporte técnico</span>
+          </h3>
+          <p class="hx-text-gray-500 dark:hx-text-gray-400 hx-text-sm hx-leading-6">Escríbenos a por correo electónico.</p>
+        </div></a>
+
+      <a href="https://discord.com/invite/K3JFd9d3wk/" target="_blank" rel="noreferrer" class=" hextra-feature-card not-prose hx-block hx-relative hx-overflow-hidden hx-rounded-3xl hx-border hx-border-gray-200 hover:hx-border-gray-300 dark:hx-border-neutral-800 dark:hover:hx-border-neutral-700 before:hx-pointer-events-none before:hx-absolute before:hx-inset-0 before:hx-bg-glass-gradient">
+        <div class="hx-relative hx-w-full hx-p-6">
+          <h3 class="hx-text-2xl hx-font-medium hx-leading-6 hx-mb-2 hx-flex hx-items-center">
+            <span class="hx-pr-2"><svg height="1.5rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"></path></svg></span>
+            <span>Aún necesitas ayuda</span>
+          </h3>
+          <p class="hx-text-gray-500 dark:hx-text-gray-400 hx-text-sm hx-leading-6">Pregunta a la comunidad.</p>
+        </div></a>
+
+      <a href="https://github.com/omegaup/" target="_blank" rel="noreferrer" class=" hextra-feature-card not-prose hx-block hx-relative hx-overflow-hidden hx-rounded-3xl hx-border hx-border-gray-200 hover:hx-border-gray-300 dark:hx-border-neutral-800 dark:hover:hx-border-neutral-700 before:hx-pointer-events-none before:hx-absolute before:hx-inset-0 before:hx-bg-glass-gradient">
+        <div class="hx-relative hx-w-full hx-p-6">
+          <h3 class="hx-text-2xl hx-font-medium hx-leading-6 hx-mb-2 hx-flex hx-items-center">
+            <span class="hx-pr-2"><svg height="24" fill="currentColor" viewBox="3 3 18 18">
+              <path d="M12 3C7.0275 3 3 7.12937 3 12.2276C3 16.3109 5.57625 19.7597 9.15374 20.9824C9.60374 21.0631 9.77249 20.7863 9.77249 20.5441C9.77249 20.3249 9.76125 19.5982 9.76125 18.8254C7.5 19.2522 6.915 18.2602 6.735 17.7412C6.63375 17.4759 6.19499 16.6569 5.8125 16.4378C5.4975 16.2647 5.0475 15.838 5.80124 15.8264C6.51 15.8149 7.01625 16.4954 7.18499 16.7723C7.99499 18.1679 9.28875 17.7758 9.80625 17.5335C9.885 16.9337 10.1212 16.53 10.38 16.2993C8.3775 16.0687 6.285 15.2728 6.285 11.7432C6.285 10.7397 6.63375 9.9092 7.20749 9.26326C7.1175 9.03257 6.8025 8.08674 7.2975 6.81794C7.2975 6.81794 8.05125 6.57571 9.77249 7.76377C10.4925 7.55615 11.2575 7.45234 12.0225 7.45234C12.7875 7.45234 13.5525 7.55615 14.2725 7.76377C15.9937 6.56418 16.7475 6.81794 16.7475 6.81794C17.2424 8.08674 16.9275 9.03257 16.8375 9.26326C17.4113 9.9092 17.76 10.7281 17.76 11.7432C17.76 15.2843 15.6563 16.0687 13.6537 16.2993C13.98 16.5877 14.2613 17.1414 14.2613 18.0065C14.2613 19.2407 14.25 20.2326 14.25 20.5441C14.25 20.7863 14.4188 21.0746 14.8688 20.9824C16.6554 20.364 18.2079 19.1866 19.3078 17.6162C20.4077 16.0457 20.9995 14.1611 21 12.2276C21 7.12937 16.9725 3 12 3Z"></path>
+            </svg></span>
+            <span>¿Quieres ayudarnos?</span>
+          </h3>
+          <p class="hx-text-gray-500 dark:hx-text-gray-400 hx-text-sm hx-leading-6">Agrega documentación o abre un issue.</p>
+        </div></a>
+
+    </div>
+  </div>
+
   <div
-    class="{{ $footerWidth }} hx-mx-auto hx-flex hx-justify-center hx-py-12 hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400 md:hx-justify-start"
+    class="{{ $footerWidth }} hx-mx-auto hx-flex hx-justify-center hx-py-3 hx-pl-[max(env(safe-area-inset-left),1.5rem)] hx-pr-[max(env(safe-area-inset-right),1.5rem)] hx-text-gray-600 dark:hx-text-gray-400 md:hx-justify-start"
   >
     <div class="hx-flex hx-w-full hx-flex-col hx-items-center sm:hx-items-start">
       {{- if (.Site.Params.footer.displayPoweredBy | default true) }}<div class="hx-font-semibold">{{ template "theme-credit" $poweredBy }}</div>{{ end }}