dsyoon
14fa47922a
- 목록에서 슬라이드 워밍(최대 24건) 후 coverImageUrl 전달 - 카드 상단 풀너비 이미지+스크림, 무이미지 시 다층 그라데이션 Made-with: Cursor
65 lines
2.7 KiB
Plaintext
65 lines
2.7 KiB
Plaintext
<% var detailAllowed = typeof successStoryDetailAllowed !== 'undefined' ? successStoryDetailAllowed : true; %>
|
|
<% var _cover = story.coverImageUrl && String(story.coverImageUrl).trim(); %>
|
|
<article class="success-story-card<%= detailAllowed ? '' : ' success-story-card--locked' %>">
|
|
<% if (detailAllowed) { %>
|
|
<a class="success-story-link" href="/ai-cases/<%= story.slug %>">
|
|
<div class="success-thumb<%= _cover ? ' success-thumb--cover' : ' success-thumb--gradient' %>" aria-hidden="true">
|
|
<% if (_cover) { %>
|
|
<div class="success-thumb-media">
|
|
<img src="<%= _cover %>" alt="" loading="lazy" decoding="async" width="560" height="315" />
|
|
</div>
|
|
<div class="success-thumb-scrim"></div>
|
|
<% } %>
|
|
<div class="success-thumb-inner">
|
|
<span class="success-thumb-icon">✦</span>
|
|
<span class="success-thumb-kicker"><%= story.department || "사내 사례" %></span>
|
|
</div>
|
|
</div>
|
|
<div class="success-story-link-body">
|
|
<div class="success-badge"><%= story.department || "사내" %> · <%= story.author || "" %></div>
|
|
<h3><%= story.title %></h3>
|
|
<p class="success-excerpt"><%= story.excerpt || "" %></p>
|
|
<div class="tag-row">
|
|
<% (story.tags || []).forEach((oneTag) => { %>
|
|
<span class="tag-chip">#<%= oneTag %></span>
|
|
<% }) %>
|
|
</div>
|
|
<small class="success-meta">
|
|
<% if (story.publishedAt) { %><%= story.publishedAt %><% } %>
|
|
</small>
|
|
</div>
|
|
</a>
|
|
<% } else { %>
|
|
<div
|
|
class="success-story-link"
|
|
title="로그인 후 이용 가능합니다."
|
|
>
|
|
<div class="success-thumb<%= _cover ? ' success-thumb--cover' : ' success-thumb--gradient' %>" aria-hidden="true">
|
|
<% if (_cover) { %>
|
|
<div class="success-thumb-media">
|
|
<img src="<%= _cover %>" alt="" loading="lazy" decoding="async" width="560" height="315" />
|
|
</div>
|
|
<div class="success-thumb-scrim"></div>
|
|
<% } %>
|
|
<div class="success-thumb-inner">
|
|
<span class="success-thumb-icon">✦</span>
|
|
<span class="success-thumb-kicker"><%= story.department || "사내 사례" %></span>
|
|
</div>
|
|
</div>
|
|
<div class="success-story-link-body">
|
|
<div class="success-badge"><%= story.department || "사내" %> · <%= story.author || "" %></div>
|
|
<h3><%= story.title %></h3>
|
|
<p class="success-excerpt"><%= story.excerpt || "" %></p>
|
|
<div class="tag-row">
|
|
<% (story.tags || []).forEach((oneTag) => { %>
|
|
<span class="tag-chip">#<%= oneTag %></span>
|
|
<% }) %>
|
|
</div>
|
|
<small class="success-meta">
|
|
<% if (story.publishedAt) { %><%= story.publishedAt %><% } %>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
</article>
|