templates/blog_front/voir.html.twig line 1

Open in your IDE?
  1. {% extends 'layout_website.html.twig' %}
  3. {% block title %}{{ Blog.Titre }}
  4. {% endblock %}
  7. {% block stylesheets %}
  8.     {{parent()}} 
  9.     <link rel="stylesheet" type="text/css" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
  10.     <link rel="stylesheet" type="text/css" media="all" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"/>
  11. <link rel="stylesheet" href="{{ asset('grapesjs/dist/css/grapes.min.css') }}">
  12. <script src="{{ asset('grapesjs/dist/grapes.min.js') }}"></script>
  13.     <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/style.css') }}">
  16. {% endblock %}
  18. {% block body_container %}
  19. <style>
  20. {{ Blog.Css|raw }}
  21. </style>
  22. <style>
  23. @media screen and (max-width: 1600px ){
  24.             html { font-size:100%; }
  25.     @media screen and (max-width: 1200px){
  26.             html { font-size:90%; }
  27.         @media screen and (max-width: 992px){
  28.             html { font-size:100%; }
  29.             @media screen and (max-width: 768px){
  30.             html { font-size:100%; }
  31.                 @media screen and (max-width: 576px){
  32.               html { font-size:90%; }
  33.                 }
  34.             }
  35.         }
  36.     }
  37. }
  38. </style>
  39. <div id="pages" class="body-container">
  40. <br />
  41. <div class="container">
  42.   <div class="row">
  43.     <div class="col-md-12">
  44.      <h1>{{ Blog.Titre }}</h1>
  45.      <span>{{ Blog.Auteur }}</span>
  46.      <span>{{ Blog.Datepublication|date(' d/m/Y : h:i') }}</span>
  47.          
  48.     </div>
  49.   </div>
  50. </div>
  52. <br />
  53. {{ Blog.Html|raw }}
  55. <br />
  56. <br />
  57. <div class="shareblock">
  58.     <span>Partagez :</span>
  59.     {% set currentPath = absolute_url( path(app.request.attributes.get('_route'),
  60.                        app.request.attributes.get('_route_params')) )  %}
  61.     
  62. <!-- Facebook -->
  63.        <a target="_blank" title="Facebook" href="https://www.facebook.com/sharer.php?u={{currentPath}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;"><img class="iconshare" src="{{asset('/img/logo-fb-black.svg')}}" alt="Facebook" /></a>
  64. <!-- //Facebook -->
  66. <!-- Twitter -->
  67.         <a target="_blank" title="Twitter" href="https://twitter.com/share?url={{currentPath}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;"><img class="iconshare" src="{{asset('/img/logo-twitter-black.svg')}}" alt="Twitter" /></a>
  68. <!-- //Twitter -->
  71. <!-- Linkedin -->
  72.         <a target="_blank" title="Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{currentPath}}" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;"><img class="iconshare" src="{{asset('/img/linkedin-icon.svg')}}" alt="Linkedin" /></a>
  73. <!-- //Linkedin -->
  75. </div>
  76. </div>
  79. {% endblock %}
  82. {% block javascripts %}
  83. <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
  84. <script >
  85. $('.home').slick({
  86.   autoplay: true,
  87.   autoplaySpeed: 3000,
  88. })
  89. $('.slider').slick({
  90.   slidesToShow: 3,
  91.   slidesToScroll: 1,
  92.   centerMode: true,    
  93.   autoplay: true,
  94.   autoplaySpeed: 3000,
  95.   variableWidth: true
  96. })
  98. </script>
  99.  {% endblock %}