templates/content/tmpl/ebooks-list.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block body %}
  4.     {% embed "1-col-sidebar.html.twig" %}
  6.         {% block column %}
  8.             {% if site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  10.                 {% include  "includes/curtain-ads/rlw.html.twig" %}
  11.             {% endif %}
  12.             <style>
  13.                 .book {
  14.                     height: 288px;
  15.                     margin: auto;
  16.                     box-shadow: 5px 4px 6px 2px #0000006e;
  17.                     position: relative;
  18.                     transition: 0.2s ease-in-out;
  19.                     width: 223px;
  20.                     overflow: hidden;
  21.                 }
  22.                 .book:hover {
  23.                     box-shadow: 0 12px 15px -2px #0000006e;
  24.                     padding: 0;
  25.                     transform: scale(1.05);
  26.                 }
  27.                 .book:hover > .title {
  28.                     bottom: 15px;
  29.                 }
  30.                 .title {
  31.                     /*position: absolute;*/
  32.                     bottom: 5px;
  33.                     left: 0;
  34.                     width: 100%;
  35.                     text-align: center;
  36.                     font-weight: bolder;
  37.                     transition: 0.2s ease-in-out;
  38.                     padding: 0 10px;
  39.                 }
  40.                 .book-container {
  41.                     margin-top: 20px;
  42.                     margin-bottom: 14px;
  43.                 }
  44.                 .cover-art {
  45.                     max-height: 288px;
  46.                     margin: auto;
  47.                     display: block;
  48.                 }
  49.                 .row {
  50.                     display: flex;
  51.                     flex-direction: row;
  52.                 }
  53.                 .column {
  54.                     justify-content: center;
  55.                     display: flex;
  56.                     flex-direction: column;
  57.                 }
  58.             </style>
  59.             <div class="row">
  60.                 {% if customer is defined %}
  61.                     <h1>{{customer}}</h1>
  62.                 {% else %}
  63.                     <h1>{{title}}</h1>
  64.                 {% endif %}
  65.                 {% if showSortSelect is defined and showSortSelect %}
  66.                     {% include "includes/ebooks-sort-select.html.twig" %}
  67.                 {% endif %}
  68.             </div>
  70.             <div class="row">
  71.                 {% for eBook in eBooks %}
  72.                     <a class="col-lg-4 col-md-6" href="{{eBook.getURL()}}">
  73.                         <div class="book-container">
  74.                             <div class="book">
  75.                                 {% if eBook.getMedia() %}
  76.                                     {{eBook.getMedia().getImageTag('cover-art')|raw}}
  77.                                 {% endif %}
  78.                                 {# <span class="title">{{eBook}}</span> #}
  79.                             </div>
  80.                         </div>
  81.                         <div class="title">{{eBook.getTitle()}}</div>
  82.                     </a>
  83.                 {% endfor %}
  84.             </div>
  85.         {% endblock %}
  87.     {% endembed %}
  88. {% endblock %}