actividades_page.html

{% extends "base.html" %}
{% block content %}
{% load static %}
{% load wagtailcore_tags wagtailimages_tags %}

    {% block metag_social %}
        <meta property="og:url"                content="{{ page.full_url }}" />
        <meta property="og:type"               content="article" />
        <meta property="og:title"              content="{{ page.title }}" />
        {% comment %} <meta property="og:image"              content="{{tmp_photo.url}}" /> {% endcomment %}
        {% with domain="https://www.codigossagrados.cl" %}
        {% image page.imagen_evento width-400 as tmp_photo %}
        <meta property="og:image"              content="{{ domain }}{{tmp_photo.url }}" />
    {% endwith %}

 
    {% endblock %}
      <!-- BLOG-PAGE -->
     <section class="single-post-page">
  <div class="container  wrapper-single-post">
    <div class="row single-post-col">
      <div class="col-12 col-md-8 ">
        <article>
          <h2 class="titulo-actividades">
            {{ page.title }}
          </h2>
          <h2 class="proximas-actividad">
            Próximas Actividades
          </h2>
          <div class="row">
            {% for actividad in actividades %}
            <div class="col-12">
              <div class="actividad-wrapper d-flex">
                <div class="fecha-actividad">
                  <div class="dia">
                    {{ actividad.fecha_inicio_actividad|date:"j" }}
                  </div>
                  <div class="mes">
                   {{ actividad.fecha_inicio_actividad|date:"M" }}
                  </div>
                </div>
                <div class="contenido-actividad">
                  <div class="titulo-actividad">
                    <a href="{% pageurl actividad %}">{{ actividad.title }}</a>
                  </div>
                  <div class="hora-actividad">
                    <div class="icon-actividad">
                      <i class="fas fa-clock icono-i-actividad"></i>
                    </div>
                    <div class="hora">
                      {{ actividad.hora_inicio_actividad }}
                    </div>
                  </div>
                  <div class="hora-actividad">
                    <div class="icon-actividad">
                      <i class="fas fa-map-marker-alt icono-i-actividad"></i>
                    </div>
                    <div class="hora">
                      {{ actividad.lugar_actividad }}
                    </div>
                  </div>
                  <div class="leer-mas-actividad">
                    <a href="{% pageurl actividad %}">Leer Más...</a>
                  </div>
                </div>
              </div>
            </div>

            {% endfor %}
          </div>
          <h2 class="proximas-actividad">
            Actividades Pasadas
          </h2>
          <div class="row">
            {% for actividad in actividades %}
            <div class="col-12">
              <div class="actividad-wrapper d-flex">
                <div class="fecha-actividad">
                  <div class="dia">
                    {{ actividad.fecha_inicio_actividad|date:"j" }}
                  </div>
                  <div class="mes">
                   {{ actividad.fecha_inicio_actividad|date:"M" }}
                  </div>
                </div>
                <div class="contenido-actividad">
                  <div class="titulo-actividad">
                    <a href="{% pageurl actividad %}">{{ actividad.title }}</a>
                  </div>
                  <div class="hora-actividad">
                    <div class="icon-actividad">
                      <i class="fas fa-clock icono-i-actividad"></i>
                    </div>
                    <div class="hora">
                      
                       {{ actividad.hora_inicio_actividad|default:"--" }}
                  
                    
                    </div>
                  </div>
                  <div class="hora-actividad">
                    <div class="icon-actividad">
                      <i class="fas fa-map-marker-alt icono-i-actividad"></i>
                    </div>
                    <div class="hora">
                      {{ actividad.lugar_actividad }}
                    </div>
                  </div>
                  <div class="leer-mas-actividad">
                    <a href="{% pageurl actividad %}">Leer Más...</a>
                  </div>
                </div>
              </div>
            </div>

            {% endfor %}
          </div>



          <div class="single-post-btn">
            <a class="btn boton" href="{{ page.get_parent.url }}" role="button">volver al blog</a>
          </div>
        </article>
      </div>
      <div class="col-12 col-md-4  ">
        <aside class="acercami">
          <h2 class="acercami-h2">acerca de mí</h2>

          <div class="image-acercami">
            <img class="img-fluid" src="{% static "img/gal_7.jpg" %}" alt="" />
          </div>
          <p class="p-acercami">
            La realización del proyecto de creación CÓDIGOS SAGRADOS nace con el objetivo de poner en valor la historia de la alfarería regional a
            través del rescate de técnicas y el uso de materia primas locales, además del uso de técnicas mixtas con materias primas actuales, serán
            12 piezas únicas, creativas y contemporáneas.
          </p>

          <h2 class="acercami-sociales-h2">sociales</h2>
          <div class="acerca-top-socials">
            <div class="container side-top-socials">
              <a href="https://www.facebook.com/kokimpu.casataller"><i class="fab fa-facebook-f"></i></a>
              <a href="https://www.instagram.com/codigossagrados.chile/"><i class="fab fa-instagram"></i></a>
            </div>
          </div>
        </aside>
        <div class="post-recientes">
          <h2 class="h2-post-recientes">Próximas Actividades</h2>

          {% comment %} {% for post in listapost %}
          <div class="post-recientes-lista">
            <a href="{% pageurl post %}"
              ><span class="titulo-proximos-talleres"> {{ post.title }} </span>|
              <span class="fecha-proximos-talleres">{{ post.fecha_inicio_evento }}</span></a
            >
          </div>
          {% endfor %} {% endcomment %}
        </div>

        <div class="single-post-btn">
          <a class="btn boton" href="/#contact" role="button">contáctanos</a>
        </div>
      </div>
    </div>
  </div>
</section>

  

{% endblock %}