Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions views/css/everblock.css
Original file line number Diff line number Diff line change
Expand Up @@ -3394,26 +3394,26 @@
}

/* Guides listing layout */
.everpsblog-category-header {
.everpsguide-category-header {
border-radius: 1rem;
overflow: hidden;
}

.everpsblog-category-hero {
.everpsguide-category-hero {
position: relative;
min-height: 180px;
background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
}

.everpsblog-category-hero-overlay {
.everpsguide-category-hero-overlay {
display: flex;
align-items: center;
min-height: 180px;
padding: 1.5rem;
background: linear-gradient(90deg, rgba(17, 24, 39, 0.72) 0%, rgba(17, 24, 39, 0.25) 100%);
}

.everpsblog-category-title {
.everpsguide-category-title {
color: #fff;
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 700;
Expand Down
8 changes: 4 additions & 4 deletions views/templates/front/page.tpl
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
{extends file='page.tpl'}

{block name='page_content'}
<div class="everpsblog-category-header container-fluid p-0 mb-4">
<div class="everpsblog-category-hero">
<div class="everpsblog-category-hero-overlay">
<h1 class="everpsblog-category-title m-0" itemprop="headline">{$everblock_page->title|default:''}</h1>
<div class="everpsguide-category-header container-fluid p-0 mb-4">
<div class="everpsguide-category-hero">
<div class="everpsguide-category-hero-overlay">
<h1 class="everpsguide-category-title m-0" itemprop="headline">{$everblock_page->title|default:''}</h1>
</div>
</div>
</div>
Expand Down
20 changes: 10 additions & 10 deletions views/templates/front/pages.tpl
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@
{/if}

<section class="everblock-pages-list">
<div class="everpsblog-category-header container-fluid p-0 mb-4">
<div class="everpsblog-category-hero">
<div class="everpsblog-category-hero-overlay">
<h1 class="everpsblog-category-title m-0">{l s='Guides et tutoriels' mod='everblock' d='Modules.Everblock.Front'}</h1>
<div class="everpsguide-category-header container-fluid p-0 mb-4">
<div class="everpsguide-category-hero">
<div class="everpsguide-category-hero-overlay">
<h1 class="everpsguide-category-title m-0">{l s='Guides et tutoriels' mod='everblock' d='Modules.Everblock.Front'}</h1>
</div>
</div>
</div>
Expand All @@ -33,12 +33,12 @@
<div class="everblock-guides-stack">
{foreach from=$everblock_pages item=page}
{assign var='coverImage' value=$page->cover_image_data|default:null}
<article class="col-12 mb-4 article everpsblog" id="everpsblog-{$page->id|intval}">
<div class="card h-100 shadow-sm border-0 everpsblog everpsblog-listing-card overflow-hidden">
<article class="col-12 mb-4 article everpsguide" id="everpsguide-{$page->id|intval}">
<div class="card h-100 shadow-sm border-0 everpsguide everpsguide-listing-card overflow-hidden">
<div class="row g-0 h-100 align-items-stretch">
<div class="col-12 col-lg-6">
<div class="article-img text-center mb-0 h-100">
<div class="everpsblog-image-wrapper position-relative overflow-hidden h-100" style="aspect-ratio: 16 / 9;">
<div class="everpsguide-image-wrapper position-relative overflow-hidden h-100" style="aspect-ratio: 16 / 9;">
{if $coverImage && $coverImage.url}
<a href="{$everblock_page_links[$page->id]|escape:'htmlall':'UTF-8'}" title="{$page->title|default:''|escape:'htmlall':'UTF-8'}" class="d-block h-100">
<img src="{$coverImage.url|escape:'htmlall':'UTF-8'}"
Expand All @@ -57,16 +57,16 @@

<div class="col-12 col-lg-6">
<div class="card-body d-flex flex-column h-100 p-4">
<h2 class="everpsblog article-content h2 mb-3" id="everpsblog-post-title-{$page->id|intval}">
<h2 class="everpsguide article-content h2 mb-3" id="everpsguide-post-title-{$page->id|intval}">
<a href="{$everblock_page_links[$page->id]|escape:'htmlall':'UTF-8'}" title="{$page->title|default:''|escape:'htmlall':'UTF-8'}" class="default text-dark text-decoration-none">
{$page->title|default:''|escape:'htmlall':'UTF-8'}
</a>
</h2>
<p class="h4 fw-bold text-primary mb-3 text-center text-md-start">{$page->date_upd|date_format:"%d/%m/%Y"}</p>
{if $page->short_description}
<div class="everpsblogcontent rte mb-3" id="everpsblog-post-content-{$page->id|intval}">{$page->short_description|strip_tags|truncate:220:'...':true}</div>
<div class="everpsguidecontent rte mb-3" id="everpsguide-post-content-{$page->id|intval}">{$page->short_description|strip_tags|truncate:220:'...':true}</div>
{elseif $page->meta_description}
<div class="everpsblogcontent rte mb-3" id="everpsblog-post-content-{$page->id|intval}">{$page->meta_description|truncate:220:'...':true}</div>
<div class="everpsguidecontent rte mb-3" id="everpsguide-post-content-{$page->id|intval}">{$page->meta_description|truncate:220:'...':true}</div>
{/if}
<div class="mt-auto text-center text-lg-start">
<a href="{$everblock_page_links[$page->id]|escape:'htmlall':'UTF-8'}" class="btn btn-primary rounded-pill px-4 default fw-semibold" title="{$page->title|default:''|escape:'htmlall':'UTF-8'}">
Expand Down
Loading