releases/site/releases.html

<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Paca - 릴리스 &amp; 다운로드</title>
<meta name="description" content="Paca 의 최신 안정판과 프리뷰 빌드를 내려받습니다. Windows 설치자, macOS·Linux 프리뷰, Android 컴패니언 APK 와 이전 릴리스 전체 내역을 제공합니다.">
<meta property="og:type" content="website">
<meta property="og:title" content="Paca - 릴리스 &amp; 다운로드">
<meta property="og:description" content="Windows 설치자와 macOS·Linux 프리뷰, Android APK 까지 Paca 의 모든 릴리스를 한곳에서 내려받으세요.">
<meta property="og:url" content="https://mediabrowser.chanpaca.net/releases.html">
<meta name="theme-color" content="#08090d">
<meta property="og:image" content="https://mediabrowser.chanpaca.net/assets/og.jpg">
<link rel="canonical" href="https://mediabrowser.chanpaca.net/releases.html">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<link rel="icon" href="assets/favicon-32x32.png" type="image/png">
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css">
<link rel="stylesheet" href="styles.css">
</head>
<body>

<a class="skip-link" href="#releases-content">본문 바로가기</a>

<div class="ambient-lighting" aria-hidden="true">
  <div class="ambient-grid"></div>
</div>

<!-- Fluid Island Navigation -->
<div class="nav-wrapper">
  <nav class="nav" aria-label="주 메뉴">
    <a class="nav__brand" href="index.html">
      <span class="nav__logo-badge" style="padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;">
        <img src="assets/favicon-32x32.png" alt="Paca" style="width:24px;height:24px;border-radius:var(--radius-sm);display:block;">
      </span>
      <span>Paca</span>
    </a>
    <div class="nav__links">
      <a class="nav__link" href="index.html#how-it-works">작동 방식</a>
      <a class="nav__link" href="index.html#compare">비교</a>
      <a class="nav__link" href="index.html#features">핵심 기능</a>
      <a class="nav__link" href="index.html#mobile">모바일 연결</a>
      <a class="nav__link" href="guide.html">사용 안내</a>
    </div>
    <div class="nav__actions">
      <a class="btn btn--primary btn--sm" href="releases.html" aria-current="page">
        <span>다운로드</span>
        <span class="btn__icon-badge"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#arrow-up-right"/></svg></span>
      </a>
      <button class="nav__hamburger" id="nav-toggle" aria-label="메뉴 열기" aria-expanded="false">
        <svg class="icon" aria-hidden="true"><use href="assets/icons.svg#list"/></svg>
      </button>
    </div>
  </nav>
</div>

<!-- Mobile Navigation Drawer -->
<div class="mobile-menu-overlay" id="mobile-menu" aria-hidden="true">
  <div class="mobile-menu-links">
    <a class="mobile-menu-link" href="index.html#how-it-works">작동 방식</a>
    <a class="mobile-menu-link" href="index.html#compare">비교</a>
    <a class="mobile-menu-link" href="index.html#features">핵심 기능</a>
    <a class="mobile-menu-link" href="index.html#mobile">모바일 연결</a>
    <a class="mobile-menu-link" href="guide.html">사용 안내</a>
    <a class="mobile-menu-link text-accent" href="releases.html">다운로드 ↗</a>
  </div>
</div>

<header class="guide-header-pad">
  <div class="wrap">
    <span class="eyebrow">공식 릴리스</span>
    <h1>다운로드 및 빌드 아카이브</h1>
    <p class="sub" style="margin-top:12px">내 기기에 맞는 설치 패키지를 선택해 바로 시작하세요.</p>
  </div>
</header>

<main class="wrap rel-layout" id="releases-content">
  <!-- Sticky OS Selector Rail -->
  <aside class="rel-rail" aria-label="운영체제 필터">
    <div class="card rel-rail__box">
      <span class="guide-toc-title">플랫폼 선택</span>
      <a class="rel-rail__os" href="#os-windows">
        <svg class="icon" aria-hidden="true"><use href="assets/icons.svg#windows-logo"/></svg>
        <span>Windows (x64 / ARM64)</span>
      </a>
      <a class="rel-rail__os" href="#os-macos">
        <svg class="icon" aria-hidden="true"><use href="assets/icons.svg#apple-logo"/></svg>
        <span>macOS (Apple Silicon / Intel)</span>
      </a>
      <a class="rel-rail__os" href="#os-linux">
        <svg class="icon" aria-hidden="true"><use href="assets/icons.svg#linux-logo"/></svg>
        <span>Linux (x64)</span>
      </a>
      <a class="rel-rail__os" href="#os-android">
        <svg class="icon" aria-hidden="true"><use href="assets/icons.svg#android-logo"/></svg>
        <span>Android (컴패니언 APK)</span>
      </a>
    </div>

    <div class="card rel-rail__box" style="padding:16px">
      <strong class="text-primary" style="font-size:0.95rem">시스템 요구사항</strong>
      <div class="spec-grid text-mono" style="margin-top:8px;font-size:0.75rem">
        <div class="spec-row"><span>Windows:</span><span>10 1809+ / 11</span></div>
        <div class="spec-row"><span>macOS:</span><span>13.0 Ventura+</span></div>
        <div class="spec-row"><span>Android:</span><span>10.0 (API 29)+</span></div>
      </div>
    </div>
  </aside>

  <!-- Releases Dynamic Container -->
  <div id="release-root" style="display:flex;flex-direction:column;gap:32px;width:100%">
    <div class="card rel-loading-box">
      <div class="detection-pulse" style="margin:0 auto 16px" aria-hidden="true"></div>
      <h2 style="font-size:1.4rem">릴리스 정보를 불러오는 중...</h2>
      <p class="text-secondary" style="margin-top:6px;font-size:0.9rem">잠시만 기다려주세요.</p>
    </div>
  </div>
</main>

<!-- Footer -->
<footer>
  <div class="wrap footer__row">
    <div class="footer__brand">
      <span class="nav__logo-badge" style="width:26px;height:26px;border-radius:var(--radius-sm)">
        <svg class="icon" style="width:14px;height:14px" aria-hidden="true"><use href="assets/icons.svg#download-simple"/></svg>
      </span>
      <span>Paca</span>
    </div>
    <div class="footer__links">
      <a href="releases.html">다운로드</a>
      <a href="guide.html">사용 안내</a>
      <a href="index.html#legal">법적 고지</a>
      <a href="https://git.chanpaca.net/Paca/releases" target="_blank" rel="noopener">릴리스 저장소</a>
    </div>
    <div class="footer__copy">
      &copy; 2026 Paca. All rights reserved.
    </div>
  </div>
</footer>

<script src="site.js" defer></script>
</body>
</html>