index.html

---
title: Ruby合宿 公式サイト
subtitle: 〜 Ruby合宿2025 参加者募集開始 〜
layout: page
show_sidebar: false
hero_image: /image/banners/banner_home.svg
hero_height: is-fullheight
no_title: true
---

<div class="tile is-ancestor">
  <div class="tile is-8 is-vertical is-parent">
    <div class="tile is-child box">
      <h3>
        <span class="icon-text has-text-info-dark">
          <span class="icon">
            <i class="fas fa-info-circle"></i>
          </span>
          <span>お知らせ</span>
        </span>
      </h3>
      {% assign news_by_date = site.news | sort: "date" | reverse %}
      {% for news in news_by_date limit:3 %}
        <hr class="title-list"/>
        <div class="title-list">
          <small>{{ news.date | date: "%Y年%m月%d日" }}</small><br/>
          <a href="{{ news.url }}">{{ news.title }}</a>
        </div>
      {% endfor %}
      <hr class="title-list-last"/>
      <div class="has-text-centered">
        <a href="/news/" class="button is-info">お知らせへ</a>
      </div>
    </div>
  </div>
  <div class="tile is-parent">
    <div class="tile is-child box">
      <div class="card">
        <div class="card-content grey lighten-5">
          <h5 class="red-text center-align">
            <i class="fa fa-images" aria-hidden="true"></i>
            Ruby合宿2026 チラシ（PDF）
          </h5>
          <div class="center-align">
            <img class="responsive-img" src="/image/2026/2026_pamphlet_a.png"  onclick="viewer.showModal()"/>
            <dialog id="viewer">
              <img src="/image/2026/2026_pamphlet.png" alt="拡大画像" style="max-width:90vw; max-height:90vh;">
              <br>
              <button onclick="viewer.close()">閉じる</button>
            </dialog>
            <a href="/image/2026/rubycamp2026.pdf" download="Ruby合宿2026.pdf">
              <i class="fa fa-download" aria-hidden="true"></i>
              PDF
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>