---
layout: default
title: 홈
---

<div class="home">
    <section class="hero-banner" aria-label="Orc Hwang's Wiki — 오그리마의 전쟁군주">
        <picture class="hero-banner-media">
            <source
                type="image/webp"
                srcset="{{ '/assets/images/hero/orgrimmar-hero-640.webp' | relative_url }} 640w, {{ '/assets/images/hero/orgrimmar-hero-1024.webp' | relative_url }} 1024w, {{ '/assets/images/hero/orgrimmar-hero-1536.webp' | relative_url }} 1536w"
                sizes="100vw">
            <img
                src="{{ '/assets/images/hero/orgrimmar-hero.jpg' | relative_url }}"
                srcset="{{ '/assets/images/hero/orgrimmar-hero-1024.webp' | relative_url }} 1024w, {{ '/assets/images/hero/orgrimmar-hero-1536.webp' | relative_url }} 1536w"
                sizes="100vw"
                alt="석양의 오그리마를 굽어보는 오크 전쟁군주와 호드 깃발, 붉은 도시"
                width="1536" height="1024"
                fetchpriority="high" decoding="async">
        </picture>
        <div class="hero-banner-scrim" aria-hidden="true"></div>
        <div class="hero-banner-content">
            <span class="warlord-crest warlord-crest-hero">
                <picture data-santa>
                    <source type="image/webp" srcset="{{ '/assets/images/avatar/laugh-orc.webp' | relative_url }}">
                    <img src="{{ '/assets/images/avatar/front-orc.png' | relative_url }}" alt="환호하는 전쟁군주 — Lok'tar!" class="site-logo" width="88" height="88" decoding="async">
                </picture>
            </span>
            <h1 class="hero-banner-title">{{ site.title }}</h1>
            <p class="hero-banner-text">{{ site.description }}</p>
            <p class="hero-banner-subtitle">Lok'tar! 학습은 정복, 완료는 도장깨기 — 한 전장씩 함락하는 오그리마의 학습 코덱스</p>
            <div class="axe-divider" aria-hidden="true"><span class="axe-cross"></span></div>
        </div>
    </section>

    {% if site.posts.size > 0 %}
    <section class="recent-posts">
        <h2>최근 출정 기록</h2>
        <div class="posts-list">
            {% for post in site.posts limit:5 %}
            <article class="post-item">
                <h3 class="post-item-title">
                    <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
                </h3>
                <div class="post-item-meta">
                    <time datetime="{{ post.date | date_to_xmlschema }}">
                        {{ post.date | date: "%Y년 %m월 %d일" }}
                    </time>
                    {% if post.tags %}
                    <div class="post-item-tags">
                        {% for tag in post.tags %}
                        <a href="{{ site.baseurl }}/tags/{{ tag | slugify }}/" class="tag">{{ tag }}</a>
                        {% endfor %}
                    </div>
                    {% endif %}
                </div>
                {% if post.excerpt %}
                <div class="post-item-excerpt">
                    {{ post.excerpt | strip_html | truncate: 200 }}
                </div>
                {% endif %}
            </article>
            {% endfor %}
        </div>
    </section>

    {% comment %} ===== Featured Articles — 명예의 전당 (전리품 진열) ===== {% endcomment %}
    {% assign featured = site.data.featured | where_exp: "f", "f.url" %}
    {% if featured and featured.size > 0 %}
    <section class="trophy-hall" aria-label="명예의 전당 — Featured Articles">
        <h2>명예의 전당 <span class="trophy-hall-en">Featured</span></h2>
        <p class="trophy-hall-sub">손수 고른 전리품 — 오크의 자랑. 선반에 걸어 둔 다섯 정복기.</p>
        <ul class="trophy-shelf">
            {% for item in featured limit:5 %}
            {% assign fp = site.posts | where: "url", item.url | first %}
            {% if fp %}
            {% assign tn = item.trophy | default: forloop.index %}
            {% assign tname = item.label | default: fp.title %}
            <li class="trophy-slot">
                <a class="trophy" href="{{ fp.url | relative_url }}" title="{{ fp.title | escape }}">
                    <span class="trophy-banner">
                        <picture>
                            <source type="image/webp" srcset="{{ '/assets/images/trophy/trophy-' | append: tn | append: '.webp' | relative_url }}">
                            <img src="{{ '/assets/images/trophy/trophy-' | append: tn | append: '.png' | relative_url }}"
                                 alt="전리품 — {{ fp.title | escape }}" width="384" height="600" loading="lazy" decoding="async">
                        </picture>
                    </span>
                    <span class="trophy-plate">
                        <span class="trophy-name">{{ tname }}</span>
                    </span>
                </a>
            </li>
            {% endif %}
            {% endfor %}
        </ul>
        <div class="trophy-ledge" aria-hidden="true"></div>
    </section>
    {% endif %}

    {% comment %} ===== Latest Series — 최근 갱신된 원정 ===== {% endcomment %}
    {% assign active_series = "" | split: "" %}
    {% for post in site.posts %}
        {% if post.series %}
            {% unless active_series contains post.series %}
                {% assign active_series = active_series | push: post.series %}
            {% endunless %}
        {% endif %}
    {% endfor %}
    {% if active_series.size > 0 %}
    <section class="latest-series" aria-label="최근 갱신된 원정 — Latest Series">
        <h2>진행 중인 원정 <span class="trophy-hall-en">Latest Series</span></h2>
        <p class="trophy-hall-sub">가장 최근에 진군한 다섯 원정 — 마지막으로 함락한 전장.</p>
        <div class="campaign-list">
            {% assign top_series = active_series | slice: 0, 5 %}
            {% for series_name in top_series %}
                {% assign sposts = site.posts | where: "series", series_name %}
                {% assign latest = sposts | first %}
                <a class="campaign-card" href="{{ site.baseurl }}/series/{{ series_name | slugify }}/">
                    <span class="campaign-head">
                        <span class="campaign-name">📖 {{ series_name }}</span>
                        <span class="campaign-count">{{ sposts.size }}장</span>
                    </span>
                    <span class="campaign-latest-label">최신 장</span>
                    <span class="campaign-latest-title">{{ latest.title }}</span>
                    <time class="campaign-latest-date" datetime="{{ latest.date | date_to_xmlschema }}">
                        {{ latest.date | date: "%Y년 %m월 %d일" }} 갱신
                    </time>
                </a>
            {% endfor %}
        </div>
        <div class="campaign-more">
            <a href="{{ '/pages/series.html' | relative_url }}">모든 원정 보기 →</a>
        </div>
    </section>
    {% endif %}
    {% else %}
    <section class="empty-state">
        <img class="orc-portrait empty-state-orc" src="{{ '/assets/images/avatar/soap-orc.webp' | relative_url }}"
             alt="" aria-hidden="true" width="360" height="360" loading="lazy" decoding="async">
        <h2>아직 출정 기록이 없소</h2>
        <p>첫 전장으로 출정하시오 — 첫 포스트를 작성해보세요!</p>
        <p>_posts 디렉토리에 마크다운 파일을 추가하면 됩니다.</p>
    </section>
    {% endif %}

    <section class="quick-links">
        <h2>전쟁 캠프 바로가기</h2>
        <div class="quick-links-grid">
            <a href="{{ '/pages/tags.html' | relative_url }}" class="quick-link-card">
                <h3>📚 태그</h3>
                <p>전리품(태그)으로 포스트를 찾아보세요</p>
            </a>
            <a href="{{ '/pages/categories.html' | relative_url }}" class="quick-link-card">
                <h3>🗂️ 카테고리</h3>
                <p>던전(카테고리)별로 탐험해보세요</p>
            </a>
            <a href="{{ '/pages/series.html' | relative_url }}" class="quick-link-card">
                <h3>📖 시리즈</h3>
                <p>퀘스트 라인(시리즈)을 따라가 보세요</p>
            </a>
            <a href="{{ '/pages/cv.html' | relative_url }}" class="quick-link-card">
                <h3>👤 CV</h3>
                <p>모험가 기록(이력서)을 확인하세요</p>
            </a>
        </div>
    </section>
</div>