フリーペーパー『HANOWA break』 | Notion

メールアドレス

電話番号

入会日

ステータス

役割

プロフィール画像

自己紹介

参加イベント数

ウェブサイト

通知設定

役職

名前

ファイル&メディア

発行日

著者

ジャンル

ISBN

価格

在庫状況

レビュー

連絡先メール

最終更新日時

表示ページ

作成日時

タイトル

メンバー

アーカイブ

hanowa-logo

株式会社HANOWAは、『働くを祝える毎日を共に』をミッションに掲げ、歯科医療従事者と歯科医院のマッチングプラットフォーム『ハノワ』を運営しています。

株式会社HANOWA

ハノワ座談会は、社会保障を支える人たちが、自分らしい働き方や生き方の選択肢を見つけられるように開いている、オンラインの集いです。 
ゲストの体験談や働き方の工夫、日常の喜びや悩みを分かち合いながら、 “**働くを祝える毎日**”に近づくヒントを見つけていきます。

HANOWA座談会

株式会社HANOWAの採用情報

<div class="custom-hamburger" id="js-ham-btn">
  <span></span>
</div>
<div id="custom-menu-overlay"></div>
<div id="custom-menu-content">
  <ul class="menu-list" id="js-menu-list"></ul>
</div>

<script>
// ① カバー画像切り替え
const PC_IMG = 'https://res.cloudinary.com/dmdnur0rx/image/upload/v1746575257/%E3%82%AB%E3%83%8F%E3%82%99%E3%83%BC%E7%94%BB%E5%83%8F_PC_250505_k2ixfe.jpg'
const SP_IMG = 'https://res.cloudinary.com/dmdnur0rx/image/upload/v1746172994/%E3%82%AB%E3%83%8F%E3%82%99%E3%83%BC%E7%94%BB%E5%83%8F_SP_250430_dvba5g.jpg'

function changeCoverImage() {
    const img = document.querySelector('.coverImage');
    if(!img) return;
    const target = (window.innerWidth < 768) ? SP_IMG : PC_IMG;
    if(img.getAttribute('src') !== target) img.setAttribute('src', target);
}
changeCoverImage();
window.addEventListener('resize', changeCoverImage);

// ② メニュー制御とジャンプ処理
(function() {
    function setupMenu() {
        const btn = document.getElementById('js-ham-btn');
        const overlay = document.getElementById('custom-menu-overlay');
        const list = document.getElementById('js-menu-list');
        if (!btn || !list) return false;

        function closeMenu() {
            document.body.classList.remove('is-menu-open');
            btn.classList.remove('is-active');
        }

        function toggle() {
            document.body.classList.toggle('is-menu-open');
            btn.classList.toggle('is-active');
        }

        btn.onclick = toggle;
        overlay.onclick = toggle;

        // 見出し1を取得して自動生成
        const headings = document.querySelectorAll('h1.notion-h1, h1.notion-header-block, .notion-h1');
        list.innerHTML = "";
        headings.forEach((h, i) => {
            // IDが付与されていない場合は付与
            const targetId = h.id || 'section-' + i;
            h.id = targetId;

            const li = document.createElement('li');
            const a = document.createElement('a');
            a.innerText = h.innerText;
            
            // クリック時のジャンプ処理をJavaScriptで制御
            a.onclick = function(e) {
                e.preventDefault(); // デフォルトのジャンプを無効化
                
                // 移動先の位置を計算（ヘッダー高さ約60pxを引く）
                const headerHeight = 60;
                const rect = h.getBoundingClientRect();
                const offset = window.pageYOffset;
                const targetPosition = rect.top + offset - headerHeight;

                // スムーズにスクロール
                window.scrollTo({
                    top: targetPosition,
                    behavior: 'smooth'
                });

                closeMenu(); // メニューを閉じる
            };

            li.appendChild(a);
            list.appendChild(li);
        });
        return true;
    }
    window.addEventListener('load', setupMenu);
    setTimeout(setupMenu, 1500); // Notionの描画待ち時間を少し長めに
})();
</script>

松田 由紀子

松田由紀子