重要なお知らせ／Important notice

緊急時など重要なお知らせを表示するコンポーネントです。

<div class="c-importantNotice">
  <div class="c-importantNotice__header">
    <h2 class="c-importantNotice__heading">重要なお知らせ</h2>
  </div>
  <div class="c-importantNotice__body">
    <ul class="c-entryList">
      <li class="c-entryList__item">
        <a href="/" class="c-entryList__link">
          <div class="c-entryList__date">
            <time class="c-entryList__dateTime" datetime="2024-12-31">
              2024年12月31日
            </time>
          </div>
          <div class="c-entryList__body">
            <div class="c-entryList__text">
              リンクテキスト「自然界はどのようにしてできているのだろう?」という基本的な原理への興味や関心をモチベーションに、法則や論理を探究するのが理学です。
            </div>
            <svg class="c-entryList__icon icon" aria-hidden="true" role="img">
              <use xlink:href="/assets/img/sprite.svg#chevron_right"></use>
            </svg>
          </div>
        </a>
      </li>
      <li class="c-entryList__item">
        <a href="/" class="c-entryList__link">
          <div class="c-entryList__date">
            <time class="c-entryList__dateTime" datetime="2024-12-31">
              2024年12月31日
            </time>
          </div>
          <div class="c-entryList__body">
            <div class="c-entryList__text">
              リンクテキスト「自然界はどのようにしてできているのだろう?」という基本的な原理への興味や関心をモチベーションに、法則や論理を探究するのが理学です。
            </div>
            <svg class="c-entryList__icon icon" aria-hidden="true" role="img">
              <use xlink:href="/assets/img/sprite.svg#chevron_right"></use>
            </svg>
          </div>
        </a>
      </li>
      <li class="c-entryList__item">
        <a href="/" class="c-entryList__link">
          <div class="c-entryList__date">
            <time class="c-entryList__dateTime" datetime="2024-12-31">
              2024年12月31日
            </time>
          </div>
          <div class="c-entryList__body">
            <div class="c-entryList__text">
              リンクテキスト「自然界はどのようにしてできているのだろう?」という基本的な原理への興味や関心をモチベーションに、法則や論理を探究するのが理学です。
            </div>
            <svg class="c-entryList__icon icon" aria-hidden="true" role="img">
              <use xlink:href="/assets/img/sprite.svg#chevron_right"></use>
            </svg>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>

原則

Science TokyoのWebサイトにおいて、当コンポーネントは重要な用途にのみ利用し、トップページに掲出します。
「公開日」「タイトル」で構成し、最大3件を表示します。
- 重要なお知らせの詳細を記載したページにリンクします。
日付の表記はライティングガイドラインの章（日本語／英語）をご確認ください。