landing-page.html

---
layout: base
permalink: /
---
{% comment %} Get the next stream. {% endcomment %}

{% include 1-tools/sort-videos.html videos=site.Grabaciones future=true reverse=true %}
{% assign nextStream = out_sortedVideos | where_exp: 'stream', 'stream.date >= site.time' | first %}

{% assign tag_post = '' | split: '' %}

{% include 1-tools/all-tutorial.html %}

{% include 1-tools/sort-videos.html videos=all_Videos sortByDate=true reverse=true %}
{% assign TodosVideos = out_sortedVideos %}

{% comment %} Use the latest coding challenge if a stream hasn't been scheduled yet. {% endcomment %}
{% if nextStream == null %}
  {% assign offset = 1 %}
  {% assign nextStream = TodosVideos | first %}
{% else %}
  {% assign offset = 0 %}
{% endif %}

{% assign featuredVideos = '' | split: '' %}

{% comment %} Add latest coding challenges to featured videos array. {% endcomment %}
{% for challenge in TodosVideos limit:9 offset:offset %}
    {% assign featuredVideos = featuredVideos | push: challenge %}
{% endfor %}


<div class="landing-page">
  <div class="welcome-message">
    <div class="learn-to-code">
      <h1>Noche Programación</h1>
      <h3>de ChepeCarlos</h3>
      <p>Aquí se recopilan todos nuestros tutoriales, Cursos, Proyectos; algunos simples, otros complicados pero todos divertidos.</p>
      <div class="ctas">
        <a href="{{ site.links.youtube }}?sub_confirmation=1" target="_blank" class="youtube">Suscribete a Youtube</a>
        <a href="{{ site.links.miembro }}" target="_blank" class="miembro">Unete a Miembro en Youtube</a>
        <a href="{{ site.links.discord }}" target="_blank" class="discord">Unete a Discord</a>
      </div>
    </div>

    {% include 3-modules/video-card.html video=nextStream %}

  </div>

  <h2>Últimos videos</h2>
  <div class="featured-videos">
    {% include 3-modules/video-list.html sortedVideos=featuredVideos %}
    <a href="{{ '/tutoriales' | relative_url }}" target="_blank" class="more-videos">Mirar mas videos</a>
  </div>

  <h2>Apoya a ALSW</h2>
  <div class="support">
    {% capture patreonLogo %}{% include 4-vector-graphics/patreon.svg %}{% endcapture %}
    {% include 3-modules/hero-item.html image=patreonLogo title="Apoyanos con Miembros" content='Ayudános a seguir creando contenido, cada aporte salva un "Proyecto de arduino"' url=site.links.patreon cta='Conviertete en Patreon' class='patreon'
    %}

    {% capture merchStoreImage %}<img alt='Pagina ALSW' src="{{ '/assets/images/Logo-ALSW.png' | relative_url }}" />{%
    endcapture %}
    {% include 3-modules/hero-item.html image=merchStoreImage title='ALSW'
    content='Quiere empezar a aprender entra a nuestro Academia Virtual' url=site.links.alsw cta='Mira los Curso' class='merch-store' %}

    {% capture coffee %}{% include 4-vector-graphics/coffee.svg %}{% endcapture %}
    {% include 3-modules/hero-item.html image=coffee title="Invitanos un Café con Leche"
    content='Ayudanos a seguir creando y compartiendo mas contenido con una donacion directa, de antemano gracias por el apoyo' url=site.links.donar cta='Donar' class='paypal' %}
  </div>

  <div align='center'>
    Sitio NocheProgramacion <a href="https://github.com/alswnet/NocheProgramacion/actions">generado</a> a las {{ "now" | date: "%I:%M %p %Z %d/%m/%Y" }}
  </div>
</div>