templates/web/Default/blog.html.twig line 1

Open in your IDE?
  1. {# src//WebBundle/Resources/views/blog.html.twig #}
  2. {% extends 'webbase.html.twig' %}
  3. {% block blogClass 'active' %}
  6.     {% set title = article.title %}
  7. {% block title title %}
  9. {% set metaDescription = article.content|striptags|u.truncate(150) %}
  11. {% block metaDescription metaDescription %}
  12. {% block metaKeywords pageEntity.metaKeywords %}
  13. {% block metaAuthor '' %}
  14.     {% set googlePlusLink = article.createdBy.person.googlePlusLink %}
  16. {% block googleAuthor googlePlusLink %}
  18. {% block body -%}
  20.     <section id="blog">
  21.         <div class="row">
  22.             {% if article is not null and article.imageName %}
  23.                 <div class="hero-image"
  24.                      style='background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/uploads{{ asset(article.imageName)|escape }}");'>
  25.                     <div class="hero-text">
  27.                     </div>
  28.                 </div>
  29.             {% else %}
  30.                 <img data-src="holder.js/2400x400/auto/vine/text:Blog" class="img-responsive" alt="Blog">
  31.             {% endif %}
  32.         </div>
  34.         <div class="container">
  35.             <div class="row">
  36.                 <div class="col-md-8">
  37.                     <div>
  38.                         <h1>{{ article.title }}</h1>
  39.                         <div class="pull-right share-bar">
  41.                             {% set tagArray = [] %}
  42.                             {% for tag in article.tags %}
  43.                                 {% set tagArray = tagArray|merge([tag.name]) %}
  44.                             {% endfor %}
  45.                             {% if article.createdBy.person.twitterName != null %}
  46.                                 <a href="https://twitter.com/share" class="twitter-share-button"
  47.                                    data-related="{{ article.createdBy.person.twitterName }}"
  48.                                    data-text="{{ article.title|hashTweet(tagArray) }}" data-lang="en"
  49.                                    data-count="none" target="_blank">Tweet</a>
  50.                             {% endif %}
  52.                             <!-- Google +1 tag. -->
  53.                             <div class="g-plusone" data-size="medium" data-annotation="none"
  54.                                  data-width="300"></div>
  55.                             <!-- Twitter tag. -->
  56.                             <script>!function (d, s, id) {
  57.                                     var js, fjs = d.getElementsByTagName(s)[0],
  58.                                         p = /^http:/.test(d.location) ? 'http' : 'https';
  59.                                     if (!d.getElementById(id)) {
  60.                                         js = d.createElement(s);
  61.                                         js.id = id;
  62.                                         js.src = p + '://platform.twitter.com/widgets.js';
  63.                                         fjs.parentNode.insertBefore(js, fjs);
  64.                                     }
  65.                                 }(document, 'script', 'twitter-wjs');</script>
  66.                         </div>
  67.                         <p class="text-muted">
  68.                             by {{ article.createdBy.person.firstName }} {{ article.createdBy.person.lastName }}
  69.                             - {{ article.datePublished | date("jS F Y") }}
  70.                         </p>
  71.                     </div>
  72.                     <div>
  73.                         <p class="clearfix">
  74.                             {% for tag in article.tags %}
  75.                                 <a href="{{ path("blog_tag", {"tag": tag.slug}) }}"
  76.                                    class="label label-default">{{ tag.name }}</a>
  77.                             {% endfor %}
  78.                             <a href="{{ url }}" class="btn btn-primary btn-xs pull-right"> Back</a>
  79.                         </p>
  80.                     </div>
  81.                     <div>
  82.                         <p>{{ article.content|geshi_pre|raw|nl2br }}</p>
  83.                     </div>
  85.                 </div>
  86.                 <div class="col-md-4">
  87.                     {% include "web/Default/features.html.twig" with {"feature": pageEntity.feature1 } %}
  88.                 </div>
  89.             </div>
  90.             <div class="row">
  91.                 <div class="col-md-8">
  92.                     <div class="pull-right">
  93.                         <p>Comments: Send us an <a
  94.                                     href="mailto:ben.stinton@alphawerk.co.uk?subject=Blog-{{ article.title }}">Email</a>
  95.                         </p>
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.             <div class="row">
  100.                 <div class="col-md-8">
  101.                     <div class="pull-right share-bar">
  102.                         {% if article.createdBy.person.twitterName != null %}
  103.                             <a href="https://twitter.com/share" class="twitter-share-button"
  104.                                data-related="{{ article.createdBy.person.twitterName }}"
  105.                                data-text="{{ article.title|hashTweet(tagArray) }}" data-lang="en"
  106.                                data-size="tall" data-count="none" target="_blank">Tweet</a>
  107.                         {% endif %}
  109.                         <!-- LinkedIn tag. -->
  110.                         <script type="IN/Share"></script>
  111.                         <!-- Google +1 tag. -->
  112.                         <div class="g-plusone" data-size="medium" data-annotation="none"
  113.                              data-width="300"></div>
  114.                         <!-- Twitter tag. -->
  115.                         <script>!function (d, s, id) {
  116.                                 var js, fjs = d.getElementsByTagName(s)[0],
  117.                                     p = /^http:/.test(d.location) ? 'http' : 'https';
  118.                                 if (!d.getElementById(id)) {
  119.                                     js = d.createElement(s);
  120.                                     js.id = id;
  121.                                     js.src = p + '://platform.twitter.com/widgets.js';
  122.                                     fjs.parentNode.insertBefore(js, fjs);
  123.                                 }
  124.                             }(document, 'script', 'twitter-wjs');</script>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.     </section>
  130. {% endblock %}
  132. {% block javascripts %}
  133.     {{ parent() }}
  134.     <script src="{{ asset('js/prism.js') }}"></script>
  136. {% endblock %}