templates/blog/post.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block opengraph %}
  5.     <meta property="og:title" content="{{ post.title }}" />
  6.     <meta property="og:url" content="{{ app.request.getSchemeAndHttpHost() ~ path('show_post', {'slug': post.slug, 'year': post.date.format('Y'), 'month': post.date.format('m'), 'day': post.date.format('d') }) }}" />
  7.     <meta property="og:image" content="{{ app.request.getSchemeAndHttpHost() ~ '/assets/blog/' ~ post.imageName }}" />
  8.     <meta property="og:type" content="article" />
  9.     <meta property="og:description" content="{{ post.content | striptags | truncate(100, true) | raw }}" />
  10.     <meta property="og:locale" content="{{ app.request.locale == 'es' ? 'es_ES' : 'en_GB' }}" />
  11.     <meta property="fb:app_id" content="173823370450020" />
  13. {% endblock opengraph %}
  15. {% block header %}
  17. <!-- Header -->
  18. <header class="header text-white pt-8 mt-10 h-250" style="background-image: url(/img/bg/fondo-hojas.png);" data-overlay="8">
  20.     <div class="container text-center">
  22.         <div class="row">
  24.             {#<div class="col-md-8 mx-auto">#}
  26.             {#    <h1>Blog</h1>#}
  28.             {#</div>#}
  30.         </div>
  32.     </div>
  34. </header><!-- /.header -->
  36. {% endblock %}
  38. {% block body %}
  40.       <div class="section">
  41.         <img style="position: absolute; height: 20%; top: 0;" src="/img/bg/degradado.png" alt="Degradado decorativo">
  42.         <div class="container">
  44.           <div class="text-center mt-8">
  45.             <h2 style="font-weight: 600; color: #4A4A4A; text-align: center;">{{ post.title }}</h2>
  46.             <p>{{ post.date | localizeddate('full', 'none', app.request.locale ) }} en {{ categoriesHtml | raw }} por {{ post.author }}</p>
  47.           </div>
  49.           <div class="text-center my-8">
  50.             <img class="rounded-md" style="max-width: 500px;" src="{{ asset('/assets/blog/'~ post.imageName) | imagine_filter('mode_image') }}" alt="Imagen relacionada con la publicación">
  51.           </div>
  53.           <div class="row">
  55.             <div class="col-lg-12 mx-auto">
  57.               <p class="lead">{{ post.excerpt }}</p>
  59.               <hr class="w-100px">
  61.                 {{ post.content | raw }}
  63.                 {% if post.galleries | length > 0 %}
  64.                     <div class="media-meta">
  65.                     <strong>Galeria(s):</strong>
  66.                     <ul class="popup-gallery">
  67.                     {% for gallery in post.galleries %}
  68.                         <li>
  69.                         {% set i = 1 %}
  70.                         {% for image in gallery.images %}
  71.                             {% if i == 1 %}
  72.                                 <a href="{{ asset('/assets/gallery/'~image.imageName ) }}" alt="{{ image.altText }}" title="{{ image.title }}">{{ gallery.title }}</a>
  73.                             {% else %}
  74.                                 <a href="{{ asset('/assets/gallery/'~image.imageName ) }}" alt="{{ image.altText }}" title="{{ image.title }}" style="display: none;"></a>
  75.                             {% endif %}
  76.                         {% set i = i + 1 %}
  77.                         {% endfor %}
  78.                         </li>
  79.                     {% endfor %}
  80.                     </ul>
  81.                     </div>
  82.                 {% endif %}
  84.                 {% if post.videos | length > 0 %}
  85.                     <div class="media-meta">
  86.                     <strong>Vídeo(s):</strong>
  87.                     <ul>
  88.                     {% for video in post.videos %}
  89.                         <li><a href="{{ video.videoUrl }}" class="popup-{{ video.provider }}">{{ video.title }}</a></li>
  90.                     {% endfor %}
  91.                     </ul>
  92.                     </div>
  93.                 {% endif %}
  95.             </div>
  96.           </div>
  98.         </div>
  99.         <img style="position: absolute; height: 20%; bottom: 0; right: 0; rotate: 180deg;" src="/img/bg/degradado.png" alt="Degradado decorativo">
  100.       </div>
  102.       {#<div class="section bg-gray">#}
  104.       {#  <div class="container">#}
  106.       {#    <div class="row">#}
  108.       {#      <div class="col-lg-11 mx-auto">#}
  110.       {#          {{ render(controller('App\\Controller\\Blog\\DefaultController::commentsAction', { 'post': post })) }}#}
  112.       {#          {{ form_start(commentForm) }}#}
  114.       {#              <div class="row">#}
  115.       {#                  <div class="form-group col-12 col-md-6">#}
  116.       {#                      {{ form_widget(commentForm.name) }}#}
  117.       {#                      {{ form_errors(commentForm.name) }}#}
  118.       {#                  </div>#}
  119.       {#                  <div class="form-group col-12 col-md-6">#}
  120.       {#                      {{ form_widget(commentForm.email) }}#}
  121.       {#                      {{ form_errors(commentForm.email) }}#}
  122.       {#                  </div>#}
  123.       {#              </div>#}
  124.       {#              <div class="form-group">#}
  125.       {#                  {{ form_widget(commentForm.message) }}#}
  126.       {#                  {{ form_errors(commentForm.message) }}#}
  127.       {#              </div>#}
  129.       {#              {{ form_widget(commentForm.submit, {'attr': {'class': 'btn-primary btn-block'}}) }}#}
  131.       {#          {{ form_end(commentForm) }}#}
  133.                 {# <form action="#" method="POST">#}
  135.       {#          <div class="row">#}
  136.       {#            <div class="form-group col-12 col-md-6">#}
  137.       {#              <input class="form-control" type="text" placeholder="Name">#}
  138.       {#            </div>#}
  140.       {#            <div class="form-group col-12 col-md-6">#}
  141.       {#              <input class="form-control" type="text" placeholder="Email">#}
  142.       {#            </div>#}
  143.       {#          </div>#}
  145.       {#          <div class="form-group">#}
  146.       {#            <textarea class="form-control" placeholder="Comment" rows="4"></textarea>#}
  147.       {#          </div>#}
  149.       {#          <button class="btn btn-primary btn-block" type="submit">Submit your comment</button>#}
  152.       {#        </form> #}
  154.       {#      </div>#}
  155.       {#    </div>#}
  157.       {#  </div>#}
  158.       {#</div>#}
  161.     {# <div id="blog_post" style="margin-top: 140px;">
  163.         <div class="container">
  165.             <div class="section_header" style="padding-bottom: 30px;">
  166.                 <h3>Blog</h3>
  167.             </div>
  169.             <div class="row">
  170.                 <div class="col-sm-8">
  171.                     <img class="post_pic img-responsive" src="{{ asset('/assets/blog/'~ post.imageName) | imagine_filter('mode_image') }}" />
  173.                     <div class="post_content">
  174.                         <h2>{{ post.title }}</h2>
  176.                         <span class="date">{{ post.date | localizeddate('full', 'none', app.request.locale ) }}</span>
  178.                         <div class="meta"><strong>Publicado en:</strong> {{ categoriesHtml | raw }}</div>
  180.                         <p><strong>{{ post.excerpt }}</strong></p>
  182.                         {{ post.content | raw }}
  184.                         <div class="author_box">
  185.                             <div class="author">{{ post.author }}</div>
  186.                         </div>
  188.                         {% if post.galleries | length > 0 %}
  189.                             <div class="media-meta">
  190.                             <strong>Galeria(s):</strong>
  191.                             <ul class="popup-gallery">
  192.                             {% for gallery in post.galleries %}
  193.                                 <li>
  194.                                 {% set i = 1 %}
  195.                                 {% for image in gallery.images %}
  196.                                     {% if i == 1 %}
  197.                                         <a href="{{ asset('/assets/gallery/'~image.imageName ) }}" alt="{{ image.altText }}" title="{{ image.title }}">{{ gallery.title }}</a>
  198.                                     {% else %}
  199.                                         <a href="{{ asset('/assets/gallery/'~image.imageName ) }}" alt="{{ image.altText }}" title="{{ image.title }}" style="display: none;"></a>
  200.                                     {% endif %}
  201.                                 {% set i = i + 1 %}
  202.                                 {% endfor %}
  203.                                 </li>
  204.                             {% endfor %}
  205.                             </ul>
  206.                             </div>
  207.                         {% endif %}
  209.                         {% if post.videos | length > 0 %}
  210.                             <div class="media-meta">
  211.                             <strong>Vídeo(s):</strong>
  212.                             <ul>
  213.                             {% for video in post.videos %}
  214.                                 <li><a href="{{ video.videoUrl }}" class="popup-{{ video.provider }}">{{ video.title }}</a></li>
  215.                             {% endfor %}
  216.                             </ul>
  217.                             </div>
  218.                         {% endif %}
  220.                         <div class="share-meta"><a href="javascript:void(0);" data-network="twitter" class="st-custom-button twitter" data-url="{{ app.request.uri }}" data-title="{{ post.title }} via @TenerifeBlueTra">Twitter</a><a href="javascript:void(0);" data-network="facebook" class="st-custom-button facebook" data-title="Entra en el Equipo Cajamar Tenerife Bluetrail 2017">Facebook</a><a href="javascript:void(0);" data-network="linkedin" class="st-custom-button linkedin" data-title="Entra en el Equipo Cajamar Tenerife Bluetrail 2017">LinkedIn</a><a href="javascript:void(0);" data-network="googleplus" class="st-custom-button googleplus" data-title="Entra en el Equipo Cajamar Tenerife Bluetrail 2017">Google +</a></div>
  221.                     </div>
  223.                     {{ render(controller('App\\Controller\\Blog\\DefaultController::commentsAction', { 'post': post })) }}
  225.                     <div class="new_comment">
  227.                         <h4>Añadir Comentario</h4>
  229.                         {{ form_start(commentForm) }}
  231.                             <div class="row">
  232.                                 <div class="col-sm-6">
  233.                                     {{ form_widget(commentForm.name) }}
  234.                                     {{ form_errors(commentForm.name) }}
  235.                                 </div>
  236.                                 <div class="col-sm-6">
  237.                                     {{ form_widget(commentForm.email) }}
  238.                                     {{ form_errors(commentForm.email) }}
  239.                                 </div>
  240.                             </div>
  241.                             <div class="row">
  242.                                 <div class="col-sm-12">
  243.                                     {{ form_widget(commentForm.message) }}
  244.                                     {{ form_errors(commentForm.message) }}
  245.                                 </div>
  246.                             </div>
  247.                             <div class="row">
  248.                                 <div class="col-sm-12">
  249.                                     {{ form_widget(commentForm.submit) }}
  250.                                 </div>
  251.                             </div>
  253.                         {{ form_end(commentForm) }}
  255.                     </div>
  257.                 </div>
  259.                 <!-- SideBar -->
  260.                 {% include 'blog/sidebar.html.twig' %}
  262.             </div>
  264.         </div>
  266.     </div> #}
  268. {% endblock body %}
  270. {% block background %} style="background: url('{{ asset('/assets/mode/'~mode.headerImageName) }}');"{% endblock background %}