zenn/ghost.sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.1.40 홈 피드 및 문서 버전 정리

Browse Source 
Made-with: Cursor
This commit is contained in:
zenn
2026-04-16 12:00:28 +09:00
parent 3f01b8b808
commit f839a1fba7
26 changed files with 520 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
partials/lists/post-feed.hbs
View File

@@ -1,7 +1,9 @@
{{#if show_filter}}
<div class="section-filter">
<span>Latest posts</span>
</div>
{{/if}}
{{> "lists/post-items" posts=posts}}
{{pagination}}
<div class="post-feed" data-load-more-root>
{{#if show_filter}}
<div class="section-filter">
<span>Latest posts</span>
</div>
{{/if}}
{{> "lists/post-items" posts=posts}}
{{pagination}}
</div>

14
partials/lists/post-items.hbs
View File

@@ -1,20 +1,20 @@
<div class="post-list home-post-list flex flex-col divide-y divide-brd">
<div class="post-list home-post-list flex flex-col divide-y divide-brd" data-load-more-list>
{{#foreach posts}}
<article class="post {{post_class}} relative flex flex-row items-start gap-3 text-typ py-4 group overflow-hidden" data-post-card{{#if featured}} data-featured{{/if}}>
<a href="{{url}}" data-post-card-media class="flex-1 relative group aspect-square sm:aspect-video min-w-16 ">
{{#if feature_image}}
<figure class="block rounded-theme overflow-hidden" role="none">
<img class="w-full aspect-square sm:aspect-video object-cover rounded-[inherit] hover:opacity-90 transition-all blur-0" src="{{img_url feature_image size="s"}}" alt="{{title}}">
<figure class="block rounded-lg overflow-hidden" role="none">
<img class="w-full aspect-square sm:aspect-video object-cover hover:opacity-90 transition-all blur-0" src="{{img_url feature_image size="s"}}" alt="{{title}}">
</figure>
{{else}}
<span class="block w-full aspect-square sm:aspect-video rounded-theme bg-bgr-tone text-typ-tone text-xs text-center p-4">{{title}}</span>
<span class="block w-full aspect-square sm:aspect-video rounded-lg bg-bgr-tone text-typ-tone text-xs text-center p-4">{{title}}</span>
{{/if}}
</a>
<div class="relative min-w-0 flex-3 md:flex-4 flex flex-col gap-1.5 justify-between " data-post-card-content>
<h2 class="text-sm font-medium leading-tight flex flex-wrap gap-y-0.5 gap-x-1.5 items-end max-w-[90%]" data-post-card-title>
<a href="{{url}}" class="hover:opacity-75 flex items-start gap-1.5">
{{#if featured}}
<span data-post-featured class="inline-flex text-brand -mr-0.5 shrink-0">
<span data-post-featured class="icon icon-bolt size-4 stroke-1 fill-current5">
<img class="size-4 -mt-0.5" src="{{asset "icons/bolt.svg"}}" alt="">
</span>
{{/if}}
@@ -45,7 +45,9 @@
</a>
</div>
<button data-post-share-toggle class="absolute top-0 md:top-auto md:bottom-0 right-0 flex gap-1 items-center hover:opacity-75 cursor-pointer md:opacity-0 md:invisible group-hover:opacity-100 group-hover:visible transition-[opacity,visibility]" type="button" aria-label="Share this post">
<img class="size-4 pointer-events-none" src="{{asset "icons/arrow_outward.svg"}}" alt="">
<i class="icon icon-share size-4 stroke-2 pointer-events-none" role="presentation">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-share-3"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M13 4v4c-6.575 1.028 -9.02 6.788 -10 12c-.037 .206 5.384 -5.962 10 -6v4l8 -7l-8 -7"></path></svg>
</i>
</button>
</div>
</article>