TOPページ | Notion

名前

<footer>
    <div class="footer-container">
        <div class="footer-bg-img">
    </div>
    <div class="sns-icons">
        <a href="https://x.com/DreadYamada" target="_blank" rel="noopener">
            <img src="https://north-cotton-9e8.notion.site/image/attachment%3A98ff87d7-f33c-4abb-8b29-0bb1080a8719%3A%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88_18.png?table=block&id=221f0a01-880a-800c-9c4a-f7be8708566f&spaceId=b99c48a2-8f4b-41a4-bb82-1da22bc388f7&width=110&userId=&cache=v2.png" alt="Xアイコン"/>
        </a>
        <a href="https://www.instagram.com/dreadyamada/" target="_blank" rel="noopener">
            <img src="https://north-cotton-9e8.notion.site/image/attachment%3A30554f1a-af5c-445d-a8fd-5121b26f23aa%3A%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88_19.png?table=block&id=221f0a01-880a-8029-af37-ef4f8a19e633&spaceId=b99c48a2-8f4b-41a4-bb82-1da22bc388f7&width=110&userId=&cache=v2.png" alt="Instagramアイコン"/>
        </a>
        <a href="https://discord.com/invite/6kT9rkNp5N" target="_blank" rel="noopener">
            <img src="https://north-cotton-9e8.notion.site/image/attachment%3A834a7ab6-a79e-4811-9bd7-7e322a504791%3A%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88_20.png?table=block&id=221f0a01-880a-8028-97ac-d4cbacf6ecca&spaceId=b99c48a2-8f4b-41a4-bb82-1da22bc388f7&width=120&userId=&cache=v2.png" alt="Discordアイコン"/>
        </a>
        <a href="https://www.tiktok.com/@dreadymd" target="_blank" rel="noopener">
            <img src="https://north-cotton-9e8.notion.site/image/attachment%3Acde600a0-16ae-4f1a-95ed-668b3ff1f9ab%3A%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88_21.png?table=block&id=221f0a01-880a-803c-a3ee-e0ebd40fb802&spaceId=b99c48a2-8f4b-41a4-bb82-1da22bc388f7&width=100&userId=&cache=v2.png" alt="TikTokアイコン"/>
        </a>
        <a href="http://www.youtube.com/@dreadyamada" target="_blank" rel="noopener">
            <img src="https://north-cotton-9e8.notion.site/image/attachment%3Aeaf27016-7d1d-49bc-894d-fe7cce7be25e%3A%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88_22.png?table=block&id=221f0a01-880a-80c5-b4a9-c94e6a54e639&spaceId=b99c48a2-8f4b-41a4-bb82-1da22bc388f7&width=130&userId=&cache=v2.png" alt="YouTubeアイコン"/>
        </a>
    </div>
    <div class="footer-end">
        <div class="footer-logo">
            <img src="https://north-cotton-9e8.notion.site/image/attachment%3A1c52e4cd-613e-4a13-a2c8-229f1dda8fca%3Alogo.png?table=block&id=221f0a01-880a-80ee-9911-d545d5110726&spaceId=b99c48a2-8f4b-41a4-bb82-1da22bc388f7&width=300&userId=&cache=v2.png" alt="logo">
            <span>2025 ACD v1.0.0</span>
        </div>
    </div>
</footer>


<script>
  document.addEventListener("DOMContentLoaded", function () {
    // 共通：Slickの初期化関数（ターゲット要素が存在する場合のみ実施）
    function initSlickWhenReady(selector, options, onClickNext = false) {
      const checkInterval = setInterval(() => {
        const $target = $(selector);
        if ($target.length > 0 && $target.children().length > 0) {
          $target.find('.notion-spacer').remove(); // 不要なスペーサー削除
          $target.slick(options);
          // クリックで次のスライドに進む（autoplay停止への対応は不要）
          if (onClickNext) {
            $target.on('click', function () {
              $target.slick('slickNext');
            });
          }
          clearInterval(checkInterval);
        }
      }, 300);
    }

    //ファーストビュースライダー
    initSlickWhenReady(
      '.page_id-21df0a01880a80b9a834eca89412be11 #section-first .notion-row',
      {
        dots: false,
        arrows: false,
        autoplay: true,　//自動再生
        autoplaySpeed: 10000,
        pauseOnHover: false,
        pauseOnFocus: false
      },
      true  // クリックで次のスライドに移行する
    );

    //CHALLENGEコンテンツスライダー
    initSlickWhenReady(
      '.page_id-21df0a01880a80b9a834eca89412be11 #block-21df0a01880a8155ab17e7de308d99cb',
      {
        arrows: false,
        dots: true,
        dotsClass: 'dots-wrap',
        infinite: true,
        slidesToShow: 1,
        slidesToScroll: 1,
        centerMode: true,
        centerPadding: '25%',
        initialSlide: 1
      }
    );
  });
</script>











<script>
    window.addEventListener('DOMContentLoaded', () => {
  const checked = parseInt(document.getElementById('checked-count').textContent);
  const total = parseInt(document.getElementById('total-count').textContent);
  const progress = Math.round((checked / total) * 100);

  const bar = document.getElementById('checked-bar');
  bar.style.width = progress + '%';
  bar.textContent = progress + '%';
});

</script>

COLUMN