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

Open in your IDE?
  1. {% extends "1-col-sidebar.html.twig" %}
  2. {% block column %}
  4.     {% if site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  5.         {% include "includes/curtain-ads/rlw.html.twig" %}
  6.     {% endif %}
  7.     {% if content is defined %}
  8.         {% if content.getShowTitle() %}
  9.             <div class="row">
  10.                 <h1>{{ content.getTitle() | raw }}</h1>
  11.                 {% include "includes/ebooks-sort-select.html.twig" %}
  12.             </div>
  14.         {% endif %}
  15.         {% if content.getFeaturedImageTag() %}
  16.             {{ content.getFeaturedImageTag("display-block","")|raw }}
  17.         {% endif %}
  18.         {% if content.getContentFull() is not empty %}
  19.             {{ content.getContentFull() | wordpress | raw }}
  20.         {% endif %}
  21.     {% endif %}
  22.     <style>
  23.         h1 {
  24.             display: inline-block
  25.         }
  26.         .row {
  27.             display: flex;
  28.             flex-direction: row;
  29.             /*justify-content: space-between;*/
  30.         }
  31.         .column {
  32.             justify-content: center;
  33.             display: flex;
  34.             flex-direction: column;
  35.         }
  36.         .book {
  37.             height: 288px;
  38.             margin: auto;
  39.             box-shadow: 5px 4px 6px 2px #0000006e;
  40.             position: relative;
  41.             transition: 0.2s ease-in-out;
  42.             width: 223px;
  43.             overflow: hidden;
  44.         }
  45.         .book:hover {
  46.             box-shadow: 0 12px 15px -2px #0000006e;
  47.             padding: 0;
  48.             transform: scale(1.05);
  49.         }
  50.         .book:hover > .title {
  51.             bottom: 15px;
  52.         }
  53.         .title {
  54.             /*position: absolute;*/
  55.             bottom: -6px;
  56.             left: 0;
  57.             width: 100%;
  58.             text-align: center;
  59.             font-weight: bolder;
  60.             transition: 0.2s ease-in-out;
  61.             padding: 0 10px;
  62.         }
  63.         .book-container {
  64.             margin-top: 20px;
  65.             margin-bottom: 14px;
  66.         }
  67.         .cover-art {
  68.             max-height: 288px;
  69.             margin: auto;
  70.             display: block;
  71.         }
  72.     </style>
  74.     {% if customers is defined %}
  75.         <div class="row">
  76.             {% for customer in customers %}
  77.                 <a class="col-lg-4 col-md-6 " href="/ebooks-by/{{customer.getDirectoryContent().getSlug()}}">
  78.                     <div class="book-container">
  79.                         <div class="book">
  80.                             {{random(customer.getLatestContent(19, 0)).getMedia().getImageTag('cover-art')|raw}}
  81.                         </div>
  82.                     </div>
  83.                     <div class="title">{{customer}}</div>
  84.                 </a>
  85.             {% endfor %}
  86.         </div>
  87.     {% elseif categories is defined %}
  88.         <div class="row">
  89.             {% for category in categories %}
  90.                 <a class="col-lg-4 col-md-6 " href="/category/ebooks/{{category.getSlug()}}">
  91.                     <div class="book-container">
  92.                         <div class="book">
  93.                             {# Business & Industry #}
  94.                             {% if category.getMedia() %}
  95.                                 <img src="{{category.getMedia().getURL()}}" class="cover-art" loading="lazy">
  96.                             {% elseif category.getId() == 1309 and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  97.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ebook-business-industry.png" class="cover-art" loading="lazy">
  98.                             {% elseif category.getId() == 1309 and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  99.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ccs-ebook-business-industry.png" class="cover-art" loading="lazy">
  100.                             {# Catalogs #}
  101.                             {% elseif category.getId() == 1313 and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  102.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ebook-catalogs.png" class="cover-art" loading="lazy">
  103.                             {% elseif category.getId() == 1313 and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  104.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ccs-ebook-catalogs.png" class="cover-art" loading="lazy">
  105.                             {# Design #}
  106.                             {% elseif category.getId() == 1312 and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  107.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ebook-design.png" class="cover-art" loading="lazy">
  108.                             {% elseif category.getId() == 1312 and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  109.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ccs-ebook-design.png" class="cover-art" loading="lazy">
  110.                             {# Homeowner #}
  111.                             {% elseif category.getId() == 1369 and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  112.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ccs-ebook-homeowner.png" class="cover-art" loading="lazy">
  113.                             {# Materials & Install #}
  114.                             {% elseif category.getId() == 1310 and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  115.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ebook-materials-install.png" class="cover-art" loading="lazy">
  116.                             {% elseif category.getId() == 1310 and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  117.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ccs-ebook-materials-install.png" class="cover-art" loading="lazy">
  118.                             {# Tech & Software #}
  119.                             {% elseif category.getId() == 1311 and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  120.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ebook-tech-software.png" class="cover-art" loading="lazy">
  121.                             {% elseif category.getId() == 1311 and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  122.                                 <img src="https://www.rooferscoffeeshop.com/uploads/media/2023/07/ccs-ebook-tech-software.png" class="cover-art" loading="lazy">
  124.                             {% else %}
  125.                                 {{(category.getPinnedEbook(site_code)).getMedia().getImageTag('cover-art')|raw}}
  126.                             {% endif %}
  127.                         </div>
  128.                     </div>
  129.                     <div class="title">{{category}}</div>
  130.                 </a>
  131.             {% endfor %}
  132.         </div>
  133.     {% else %}
  134.         <div class="row">
  135.             {% for eBook in eBooks %}
  136.                 <a class="col-lg-4 col-md-6 " href="/ebooks/{{eBook.getSlug()}}">
  137.                     <div class="book-container">
  138.                         <div class="book">
  139.                             {{eBook.getMedia().getImageTag('cover-art')|raw}}
  140.                         </div>
  141.                     </div>
  142.                     <div class="title">{{eBook.getTitle()}}</div>
  143.                 </a>
  144.             {% endfor %}
  145.         </div>
  146.     {% endif %}
  147. {% endblock %}