dsyoon/ai_platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ai-cases): 성공 사례 카드에 PDF 첫 슬라이드 썸네일·그라데이션 개선

Browse Source 
- 목록에서 슬라이드 워밍(최대 24건) 후 coverImageUrl 전달
- 카드 상단 풀너비 이미지+스크림, 무이미지 시 다층 그라데이션

Made-with: Cursor
This commit is contained in:
dsyoon
2026-04-08 20:15:44 +09:00
parent 81244d34c9
commit 14fa47922a
3 changed files with 150 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
views/partials/success-story-card.ejs
View File

@@ -1,43 +1,64 @@
<% 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" aria-hidden="true">
<span class="success-thumb-icon">✦</span>
<span class="success-thumb-kicker"><%= story.department || "사내 사례" %></span>
<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-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 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>
<small class="success-meta">
<% if (story.publishedAt) { %><%= story.publishedAt %><% } %>
</small>
</a>
<% } else { %>
<div
class="success-story-link"
title="로그인 후 이용 가능합니다."
>
<div class="success-thumb" aria-hidden="true">
<span class="success-thumb-icon">✦</span>
<span class="success-thumb-kicker"><%= story.department || "사내 사례" %></span>
<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-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 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>
<small class="success-meta">
<% if (story.publishedAt) { %><%= story.publishedAt %><% } %>
</small>
</div>
<% } %>
</article>