v0.1.1 테마 구성 및 레이아웃 수정

This commit is contained in:
2026-04-13 10:35:20 +09:00
commit 890b3c1902
31 changed files with 1813 additions and 0 deletions

11
partials/home/hero.hbs Normal file
View File

@@ -0,0 +1,11 @@
<section class="hero">
<h1 class="hero__title">{{@site.title}} ideas published for meaningful conversation, discussed and shaped by the community</h1>
{{#if @site.description}}
<p class="hero__description">{{@site.description}}</p>
{{/if}}
{{subscribe_form
placeholder="Your email"
button_class="button button--light"
form_class="subscribe-form subscribe-form--hero"
}}
</section>

View File

@@ -0,0 +1,51 @@
<section class="stack-section" data-tabs>
<div class="tab-row" role="tablist" aria-label="Homepage sections">
<button class="tab-row__button is-active" type="button" data-tab-trigger="latest">Latest</button>
<button class="tab-row__button" type="button" data-tab-trigger="featured">Featured</button>
<button class="tab-row__button" type="button" data-tab-trigger="updated">Updated</button>
<button class="tab-row__button" type="button" data-tab-trigger="categories">Categories</button>
</div>
<div class="tab-panel is-active" data-tab-panel="latest">
{{> "lists/post-feed"}}
</div>
<div class="tab-panel" data-tab-panel="featured">
{{#get "posts" filter="featured:true" limit="8" include="authors,tags"}}
{{> "lists/post-items" posts=posts}}
{{/get}}
</div>
<div class="tab-panel" data-tab-panel="updated">
{{#get "posts" order="updated_at desc" limit="8" include="authors,tags"}}
{{> "lists/post-items" posts=posts}}
{{/get}}
</div>
<div class="tab-panel" data-tab-panel="categories">
<div class="category-overview">
{{#get "tags" limit="4" include="count.posts"}}
{{#foreach tags}}
<section class="category-overview__row">
<div>
<h2>{{name}}</h2>
{{#if description}}
<p>{{description}}</p>
{{else}}
<p>{{plural count.posts empty="No posts yet" singular="% post in this category" plural="% posts in this category"}}</p>
{{/if}}
<a href="{{url}}">View all ↗</a>
</div>
<ol>
{{#get "posts" filter=(concat "tag:" slug) limit="5"}}
{{#foreach posts}}
<li><a href="{{url}}">{{title}}</a></li>
{{/foreach}}
{{/get}}
</ol>
</section>
{{/foreach}}
{{/get}}
</div>
</div>
</section>