src/Frontend/OpenSpaceBundle/Resources/views/Article/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'themes/'~ themes ~'/prague.html.twig' %}
  2. {% block header_class %}prague-header simple sticky-menu sticky-mobile-menu dark no-fixed amz-trans{% endblock %}
  3. {% block logo %}
  4.     <div class="prague-logo">
  5.         <a href="{{ url('amz_frontend_default') }}">
  6.             <img src="{{ asset(themes) }}/img/logo-square.png" width="80px" class="image_logo" alt="image logo" /> </a>
  7.     </div>
  8. {% endblock %}
  9. {% block loader %}
  10. {% endblock %}
  11. {% block body %}
  12.     <div class="container padd-only-xs">
  13.         <div class="row">
  14.             <div class=" col-md-9 margin-lg-140t margin-sm-100t margin-lg-90b margin-sm-50b">
  15.                 <!-- Post content -->
  16.                 <div class="post-detailed post-1104 post type-post status-publish format-standard has-post-thumbnail hentry category-interior category-uncategorized tag-creative tag-interior tag-modern">
  18.                     <h2 class="prague-post-title">{{ article.title | raw  }}</h2>
  19. {#                    <div class="prague-post-thumbnail">#}
  20. {#                        <img src="{{ article.image }}" class="attachment-full size-full wp-post-image" alt="" />                    </div>#}
  22.                     <div class="prague-post-content-outer">
  24.                         <div class="prague-post-content">
  25.                             {{ article.content | raw }}
  27.                         </div>
  29.                         <div class="prague-post-info">
  31.                             <div class="prague-authot-info">
  32.                                 <div class="prague-authot-label">
  33.                                     CREATED BY                                </div>
  34.                                 <div class="prague-authot-name">
  35.                                     admin                                </div>
  36.                             </div>
  38.                             <div class="prague-share-icons">
  39.                                 <div class="prague-share-label">
  40.                                     SHARE TO                                </div>
  41.                                 <button class="icon fa fa-facebook" data-share="http://www.facebook.com/sharer.php?u=http://w2.themedemo.co/prague/time-inc-architectura/&amp;t=Time Inc. architectura"></button>
  42. {#                                <button class="icon fa fa-twitter" data-share="http://twitter.com/home/?status=Time Inc. architectura - http://w2.themedemo.co/prague/time-inc-architectura/" title="Tweet this!"></button>#}
  43. {#                                <button class="icon fa fa-pinterest-p" data-share="http://pinterest.com/pin/create/button/?url=http://w2.themedemo.co/prague/time-inc-architectura/&media=http://w2.themedemo.co/prague/wp-content/uploads/2017/02/a6ec5612273735.56265d52bc52e-1.jpg"></button>#}
  44. {#                                <button class="icon fa fa-linkedin" data-share="http://www.linkedin.com/shareArticle?mini=true&amp;title=Time Inc. architectura&amp;url=http://w2.themedemo.co/prague/time-inc-architectura/" title="Share on LinkedIn"></button>#}
  45.                             </div>
  47.                         </div>
  50. {#                        <div class="det-tags pad-top-zerro">#}
  51. {#                            <h4>CATEGORIES:</h4>#}
  52. {#                            <div class="tags-button">#}
  53. {#                                <a href="../category/interior/index.html" rel="category tag">Interior</a> <a href="../category/uncategorized/index.html" rel="category tag">Uncategorized</a>                                </div>#}
  54. {#                        </div>#}
  56. {#                        <div class="det-tags">#}
  57. {#                            <h4>TAGS:</h4>#}
  58. {#                            <div class="tags-button">#}
  59. {#                                <a href="../tag/creative/index.html" rel="tag">creative</a><a href="../tag/interior/index.html" rel="tag">interior</a><a href="../tag/modern/index.html" rel="tag">modern</a>                                </div>#}
  60. {#                        </div>#}
  63. {#                        <div class="post-navigation">#}
  64. {#                            <ul class="pagination pagination_mod-a">#}
  65. {#                                <li>#}
  66. {#                                    <a href="../how-we-built-big-yellow-tunnel-in-la/index.html">PREV PAGE</a>#}
  67. {#                                </li>#}
  68. {#                            </ul>#}
  69. {#                            <ul class="pagination pagination_mod-a pull-right">#}
  70. {#                                <li>#}
  71. {#                                    <a href="../bridge-construction/index.html">NEXT PAGE</a>#}
  72. {#                                </li>#}
  73. {#                            </ul>#}
  74. {#                        </div>#}
  75.                     </div>
  77.                 </div>
  78.                 <!-- End post content -->
  80.                 <!-- Post comments -->
  81. {#                <div class="post-comments">#}
  82. {#                    <div class="row">#}
  84. {#                        <div class="col-xs-12">#}
  85. {#                            <section class="heading  left dark">#}
  86. {#                                <div class="subtitle divider">COMMENTS</div>#}
  87. {#                                <h2 class="title">Just say Your opinion.</h2>#}
  88. {#                            </section>#}
  89. {#                        </div>#}
  91. {#                        <div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">#}
  92. {#                            <div class="prague-comments-list" id="comments">#}
  93. {#                                <ul>                <li class="comment even thread-even depth-1 ct-part" id="li-comment-14">#}
  94. {#                                        <div class="comm-block" id="comment-14">#}
  95. {#                                            <div class="comm-img">#}
  96. {#                                                <img alt='' src="https://0.gravatar.com/avatar/c665fe6dae4bf1e8e586fd1761d63c28?s=80&amp;d=mm&amp;r=g" srcset='http://0.gravatar.com/avatar/c665fe6dae4bf1e8e586fd1761d63c28?s=160&amp;d=mm&amp;r=g 2x' class='avatar avatar-80 photo' height='80' width='80' />                        </div>#}
  97. {#                                            <div class="comm-txt">#}
  98. {#                                                <h4>Mike Heisenberg</h4>#}
  99. {#                                                <div class="date-post">#}
  100. {#                                                    <h6>#}
  101. {#                                                        3 years ago                                </h6>#}
  102. {#                                                </div>#}
  103. {#                                                <p>Proin ultricies convallis urna nec dignissim. Vestibulum accumsan sem ut quam facilisis pretium. Quisque tristique laoreet fermentum. Nullam a ipsum metus. Quisque non massa nec ante tristique viverra at eget mauris. Etiam quis orci condimentum turpis malesuada consectetur nec et ex.</p>#}
  104. {#                                                <a rel='nofollow' class='comment-reply-link' href='index-replytocom=14.html#respond' data-commentid="14" data-postid="1104" data-belowelement="comment-14" data-respondelement="respond" aria-label='Reply to Mike Heisenberg'>Reply</a>                        </div>#}
  105. {#                                        </div>#}
  106. {#                                    </li><!-- #comment-## -->#}
  107. {#                                    <li class="comment odd alt thread-odd thread-alt depth-1 ct-part" id="li-comment-12">#}
  108. {#                                        <div class="comm-block" id="comment-12">#}
  109. {#                                            <div class="comm-img">#}
  110. {#                                                <img alt='' src="https://1.gravatar.com/avatar/d1f5cdbca728edc5d048809cbfd800ca?s=80&amp;d=mm&amp;r=g" srcset='http://1.gravatar.com/avatar/d1f5cdbca728edc5d048809cbfd800ca?s=160&amp;d=mm&amp;r=g 2x' class='avatar avatar-80 photo' height='80' width='80' />                        </div>#}
  111. {#                                            <div class="comm-txt">#}
  112. {#                                                <h4>Alice Duty</h4>#}
  113. {#                                                <div class="date-post">#}
  114. {#                                                    <h6>#}
  115. {#                                                        3 years ago                                </h6>#}
  116. {#                                                </div>#}
  117. {#                                                <p>Proin sit amet dui est. Proin vitae lectus aliquet, vehicula lacus sed, fermentum massa. Morbi eleifend sapien orci, vitae imperdiet ante facilisis sit amet.</p>#}
  118. {#                                                <a rel='nofollow' class='comment-reply-link' href='index-replytocom=12.html#respond' data-commentid="12" data-postid="1104" data-belowelement="comment-12" data-respondelement="respond" aria-label='Reply to Alice Duty'>Reply</a>                        </div>#}
  119. {#                                        </div>#}
  120. {#                                        <ul class="children">#}
  121. {#                                            <li class="comment even depth-2 ct-part" id="li-comment-13">#}
  122. {#                                                <div class="comm-block" id="comment-13">#}
  123. {#                                                    <div class="comm-img">#}
  124. {#                                                        <img alt='' src="https://1.gravatar.com/avatar/461a3f8a6d95c5657759f3fd33405921?s=80&amp;d=mm&amp;r=g" srcset='http://1.gravatar.com/avatar/461a3f8a6d95c5657759f3fd33405921?s=160&amp;d=mm&amp;r=g 2x' class='avatar avatar-80 photo' height='80' width='80' />                        </div>#}
  125. {#                                                    <div class="comm-txt">#}
  126. {#                                                        <h4>Howard Patterson</h4>#}
  127. {#                                                        <div class="date-post">#}
  128. {#                                                            <h6>#}
  129. {#                                                                3 years ago                                </h6>#}
  130. {#                                                        </div>#}
  131. {#                                                        <p>Nunc non purus efficitur, semper tortor faucibus, bibendum magna. Maecenas pulvinar ullamcorper justo in eleifend. Nulla feugiat nulla quis sodales condimentum. Sed iaculis, enim eget tincidunt pulvinar, lectus risus tempor nulla.</p>#}
  132. {#                                                        <a rel='nofollow' class='comment-reply-link' href='index-replytocom=13.html#respond' data-commentid="13" data-postid="1104" data-belowelement="comment-13" data-respondelement="respond" aria-label='Reply to Howard Patterson'>Reply</a>                        </div>#}
  133. {#                                                </div>#}
  134. {#                                            </li><!-- #comment-## -->#}
  135. {#                                        </ul><!-- .children -->#}
  136. {#                                    </li><!-- #comment-## -->#}
  137. {#                                    <li class="comment odd alt thread-even depth-1 ct-part" id="li-comment-39">#}
  138. {#                                        <div class="comm-block" id="comment-39">#}
  139. {#                                            <div class="comm-img">#}
  140. {#                                                <img alt='' src="https://0.gravatar.com/avatar/ff157462fcb014eb810382cf498cb8d6?s=80&amp;d=mm&amp;r=g" srcset='http://0.gravatar.com/avatar/ff157462fcb014eb810382cf498cb8d6?s=160&amp;d=mm&amp;r=g 2x' class='avatar avatar-80 photo' height='80' width='80' />                        </div>#}
  141. {#                                            <div class="comm-txt">#}
  142. {#                                                <h4>Adeeb Dholakia</h4>#}
  143. {#                                                <div class="date-post">#}
  144. {#                                                    <h6>#}
  145. {#                                                        2 years ago                                </h6>#}
  146. {#                                                </div>#}
  147. {#                                                <p>I think its fantastic</p>#}
  148. {#                                                <a rel='nofollow' class='comment-reply-link' href='index-replytocom=39.html#respond' data-commentid="39" data-postid="1104" data-belowelement="comment-39" data-respondelement="respond" aria-label='Reply to Adeeb Dholakia'>Reply</a>                        </div>#}
  149. {#                                        </div>#}
  150. {#                                    </li><!-- #comment-## -->#}
  151. {#                                </ul>#}
  153. {#                            </div>#}
  154. {#                        </div>#}
  155. {#                        <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">#}
  156. {#                            <h6 class="prague-comments-form-title">YOUR COMMENT</h6>#}
  157. {#                            <div id="respond" class="comment-respond">#}
  158. {#                                <h3 id="reply-title" class="comment-reply-title"> <small><a rel="nofollow" id="cancel-comment-reply-link" href="index.html#respond" style="display:none;">Cancel</a></small></h3><form action="http://w2.themedemo.co/prague/wp-comments-post.php" method="post" id="prague-comment-form" class="comment-form" novalidate><textarea cols="30"  name="comment" rows="10" placeholder="Comment" required></textarea><input name="author"  type="text"  placeholder="Name" required />#}
  159. {#                                    <input name="email"   type="email" placeholder="Mail" required />#}
  160. {#                                    <input name="submit" type="submit" id="submit" class="submit-btn" value="LEAVE COMMENT" /> <input type='hidden' name='comment_post_ID' value='1104' id='comment_post_ID' />#}
  161. {#                                    <input type='hidden' name='comment_parent' id='comment_parent' value='0' />#}
  162. {#                                </form>    </div><!-- #respond -->#}
  163. {#                        </div>#}
  164. {#                    </div>                    </div>#}
  165.                 <!-- End post comments -->
  167.             </div>
  168.             <div class="col-md-3 margin-lg-140t margin-sm-50t margin-lg-140b margin-sm-50b">
  169.                 <div class="prague-sidebar">
  170.                     <div class="prague-widget widget_search">
  171. {#                        <form role="search" method="get" class="search-form" action="../index.html">#}
  172. {#                            <label>#}
  173. {#                                <span class="screen-reader-text">Search for:</span>#}
  174. {#                                <input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s" />#}
  175. {#                            </label>#}
  176. {#                            <input type="submit" class="search-submit" value="Search" />#}
  177. {#                        </form>#}
  178.                     </div>
  179.                     <div class="prague-widget widget_recent_entries">
  180.                         <h3 class="prague-title-w">Recent Posts</h3>
  181.                         <ul>
  182.                             {% for entity in latestArticles %}
  183.                             <li>
  184.                                 <a href="{{ url('amz_frontend_article_detail',{slug:entity.slug}) }}">{{ entity.title }}</a>
  185.                             </li>
  186.                             {% endfor %}
  188.                         </ul>
  189.                     </div>
  191.                     <div class="prague-widget widget_recent_entries">
  192.                         <h3 class="prague-title-w">Older Posts</h3>
  193.                         <ul>
  194.                             {% for entity in olderArticles %}
  195.                                 <li>
  196.                                     <a href="{{ url('amz_frontend_article_detail',{slug:entity.slug}) }}">{{ entity.title }}</a>
  197.                                 </li>
  198.                             {% endfor %}
  200.                         </ul>
  201.                     </div>
  204. {#                    <div class="prague-widget widget_recent_comments"><h3 class="prague-title-w">Recent Comments</h3><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link">Adeeb Dholakia</span> on <a href="index.html#comment-39">Time Inc. architectura</a></li><li class="recentcomments"><span class="comment-author-link">Nicol Clavet</span> on <a href="../product/modern-end-table/index.html#comment-32">Modern End Table</a></li><li class="recentcomments"><span class="comment-author-link">Kelly Breardshaw</span> on <a href="../product/modern-end-table/index.html#comment-31">Modern End Table</a></li><li class="recentcomments"><span class="comment-author-link">Nancy Kennedy</span> on <a href="../product/wooden-table/index.html#comment-36">Wooden Table</a></li><li class="recentcomments"><span class="comment-author-link">Kuria Wilson</span> on <a href="../product/wooden-table/index.html#comment-35">Wooden Table</a></li></ul></div><div class="prague-widget widget_archive"><h3 class="prague-title-w">Archives</h3>        <ul>#}
  205. {#                            <li><a href='../2017/03/index.html'>March 2017</a></li>#}
  206. {#                            <li><a href='../2017/02/index.html'>February 2017</a></li>#}
  207. {#                            <li><a href='../2016/05/index.html'>May 2016</a></li>#}
  208. {#                        </ul>#}
  209. {#                    </div>#}
  210. {#                    <div class="prague-widget widget_categories"><h3 class="prague-title-w">Categories</h3>        <ul>#}
  211. {#                            <li class="cat-item cat-item-16"><a href="../category/interior/index.html">Interior</a>#}
  212. {#                            </li>#}
  213. {#                            <li class="cat-item cat-item-1"><a href="../category/uncategorized/index.html">Uncategorized</a>#}
  214. {#                            </li>#}
  215. {#                        </ul>#}
  216. {#                    </div>#}
  217. {#                    <div class="prague-widget widget_meta"><h3 class="prague-title-w">Meta</h3>            <ul>#}
  218. {#                            <li><a href="../wp-login.php.html">Log in</a></li>#}
  219. {#                            <li><a href="../feed/index.rss">Entries feed</a></li>#}
  220. {#                            <li><a href="../comments/feed/index.rss">Comments feed</a></li>#}
  221. {#                            <li><a href="https://wordpress.org/">WordPress.org</a></li>            </ul>#}
  222. {#                    </div>                #}
  223.                 </div>
  224.             </div>
  225.         </div>
  226.     </div>
  227. {% endblock %}