:root {
    /* 背景系 */
    --bg-primary: #22272e;     /* メイン背景 */
    --bg-secondary: #2D333B;   /* サイドバー */
    --bg-elevated: #1D3A64;    /* 選択・ホバー */

    /* テキスト系 */
    --text-primary: #8b9aaa;   /* メインテキスト */
    --text-secondary: #7c6f64; /* 控えめテキスト */
    --text-bright: #ebdbb2;    /* 強調テキスト */
    --text-muted: #7D7D7D;     /* コメント */

    /* アクセント */
    --accent-cyan: #3B7B7D;    /* キーワード */
    --accent-yellow: #B3AF78;  /* 関数 */
    --accent-green: #658D50;   /* 定数 */
    --accent-orange: #97812C;  /* 文字列 */
    --accent-blue-light: #82ade0; /* リンク */
    --accent-red-bright: #E34C36; /* エラー */

    /* ボーダー */
    --border-color: #3D4450;
}

.titlebar {
    background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
    border-bottom: 1px solid var(--border-color);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.window-button {
    width: 28px;
    height: 28px;
    border-radius: 4px;
}

.btn-minimize::before { content: "\2212"; } /* − */
.btn-maximize::before { content: "\25A1"; } /* □ */
.btn-close::before { content: "\00D7"; }    /* × */

// 記事を年月別にグループ化
fn group_articles_by_year_month(articles: &[Article]) -> Vec<YearGroup> {
    let mut year_map: HashMap<i32, HashMap<u32, Vec<Article>>> = HashMap::new();

    for article in articles {
        if let Some(date) = extract_date_from_filename(&article.source_path) {
            let year = date.year();
            let month = date.month();
            year_map
                .entry(year)
                .or_default()
                .entry(month)
                .or_default()
                .push(article.clone());
        }
    }

    // 新しい年/月が上に来るようにソート
    // ...
}

EXPLORER
v 2026
  v 01
    - dnfolio v6.0.0 - Neovim風...
    - WeztermからAlacritty+Zell...
    - Ghosttyを試してみた結果...
  v 12
    - ...
v 2025
  v 11
    - ...

.toc-section {
    padding: 6px 12px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 4px;
}

.toc-header {
    font-size: 0.85rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 8px;
}

.main-content {
    counter-reset: line-number;
}

.main-content > h1,
.main-content > h2,
.main-content > p,
.main-content > pre,
/* ... その他のブロック要素 */ {
    position: relative;
    counter-increment: line-number;
}

.main-content > p::before {
    content: counter(line-number);
    position: absolute;
    left: -3.5em;
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: 0.85rem;
}

const setupLineNumberClicks = () => {
    const elements = getLineElements();
    elements.forEach((el, index) => {
        el.addEventListener('click', (e) => {
            const rect = el.getBoundingClientRect();
            if (e.clientX < rect.left) {
                elements.forEach(el => el.classList.remove('current-line'));
                el.classList.add('current-line');
            }
        });
    });
};

@media screen and (max-width: 992px) {
    .main-content > h1::before,
    .main-content > h2::before,
    .main-content > p::before,
    /* ... */ {
        display: none;
    }
}

fn highlight_code(lang: &str, code: &str) -> String {
    let display_lang = if lang.is_empty() { "text" } else { lang };

    let escaped_code = code
        .replace('&', "&")
        .replace('"', """)
        .replace('<', "&lt;")
        .replace('>', "&gt;");

    format!(
        r#"<div class="code-block-wrapper">
<div class="code-block-header">
<span class="code-lang">{}</span>
<button class="code-copy-btn" data-code="{}" title="コピー">
<svg>...</svg>
<span class="copy-text">Copy</span>
</button>
</div>
{}</div>"#,
        display_lang, escaped_code, highlighted_html
    )
}

.statusline {
    position: fixed;
    bottom: var(--commandline-height);
    left: 0;
    right: 0;
    height: var(--statusline-height);
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-color);
    display: flex;
    font-family: var(--font-mono);
    font-size: 0.75rem;
}

.statusline-mode {
    background: var(--accent-cyan);
    color: var(--bg-primary);
    padding: 0 12px;
    font-weight: 600;
}

const commands = {
    ':q': () => showToast('E37: No write since last change',
        'add ! to override (冗談です、ここはWebです)', '!', 'warn'),
    ':q!': () => showToast('E37: No write since last change',
        '...だから、Webサイトなんですって', '!', 'warn'),
    ':wq': () => showToast('Already saved',
        'This is a static site. すでに保存済みです。', '💾', 'info'),
    ':help': () => showToast('Help - Keybindings',
        '/ or Ctrl+K: 検索\ngg: ページトップ\nG: ページボトム\n...',
        '❓', 'info'),
    ':version': () => showToast('dnfolio ' + document.body.dataset.version,
        'Built with Rust + maud\nTheme: sakurajima.nvim\nby Daiki Nakashima',
        '🦀', 'info'),
    ':colorscheme': () => showToast(':colorscheme',
        '現在: sakurajima.nvim (変更不可)', '🎨', 'info'),
    // ... 他にもいろいろ
};

const lineMatch = cmd.trim().match(/^:(\d+)$/);
if (lineMatch) {
    const lineNum = parseInt(lineMatch[1], 10);
    jumpToLine(lineNum);
    return true;
}

function setMode(mode) {
    currentMode = mode;
    if (modeIndicator) {
        modeIndicator.textContent = mode === 'insert' ? 'INSERT' : 'NORMAL';
        modeIndicator.classList.toggle('insert', mode === 'insert');
        modeIndicator.classList.toggle('normal', mode === 'normal');
    }

    if (mode === 'insert') {
        searchInput.focus();
    } else {
        searchInput.blur();
    }
}

function updatePreview(result) {
    if (!previewPane || !result) {
        if (previewPane) previewPane.innerHTML = '';
        return;
    }

    const lines = result.context.map((line, idx) => {
        const isMatch = idx === result.matchLineIdx;
        const lineClass = isMatch ? 'preview-line match' : 'preview-line';
        const lineText = isMatch
            ? highlightMatch(line.text, searchInput.value)
            : escapeHtml(line.text);
        return `<div class="${lineClass}">
            <span class="preview-line-num">${line.num}</span>
            <span class="preview-line-text">${lineText}</span>
        </div>`;
    }).join('');

    previewPane.innerHTML = `
        <div class="preview-header">${escapeHtml(result.title)}</div>
        <div class="preview-content">${lines}</div>
    `;
}

document.addEventListener('keydown', (e) => {
    if (e.key === 'n' && !isInputFocused()) {
        e.preventDefault();
        navigateHighlight(1);
    } else if (e.key === 'N' && !isInputFocused()) {
        e.preventDefault();
        navigateHighlight(-1);
    }
});

const updateActiveHeading = () => {
    const scrollTop = window.scrollY;
    const offset = 100; // タイトルバー + 余裕

    let activeHeading = null;
    headings.forEach(heading => {
        const rect = heading.getBoundingClientRect();
        const headingTop = rect.top + scrollTop;
        if (headingTop <= scrollTop + offset) {
            activeHeading = heading;
        }
    });

    if (activeHeading) {
        tocItems.forEach(item => item.classList.remove('active'));
        const activeItem = tocMap.get(activeHeading.id);
        if (activeItem) {
            activeItem.classList.add('active');
        }
    }
};

// throttle付きでスクロールイベントを監視
let ticking = false;
window.addEventListener('scroll', () => {
    if (!ticking) {
        requestAnimationFrame(() => {
            updateActiveHeading();
            ticking = false;
        });
        ticking = true;
    }
});

use std::process::Command;

fn main() {
    let version = get_git_version().unwrap_or_else(|| "dev".to_string());
    println!("cargo:rustc-env=GIT_VERSION={}", version);
    println!("cargo:rerun-if-changed=.git/HEAD");
    println!("cargo:rerun-if-changed=.git/refs/tags");
}

fn get_git_version() -> Option<String> {
    let output = Command::new("git")
        .args(["describe", "--tags", "--abbrev=0"])
        .output()
        .ok()?;

    if output.status.success() {
        let version = String::from_utf8(output.stdout).ok()?;
        Some(version.trim().to_string())
    } else {
        // タグがない場合はコミットハッシュを使用
        let output = Command::new("git")
            .args(["rev-parse", "--short", "HEAD"])
            .output()
            .ok()?;

        if output.status.success() {
            let hash = String::from_utf8(output.stdout).ok()?;
            Some(format!("dev-{}", hash.trim()))
        } else {
            None
        }
    }
}

const GIT_VERSION: &str = env!("GIT_VERSION");

// ...

html! {
    body data-version=(GIT_VERSION) {
        // ...
    }
}

 src/templates/base.rs | 2550 +++++++++++++++++++++++++++++++++++++++++++++----
 src/build.rs          |  680 +++++++++++--
 build_script.rs       |   39 +
 pages/about.md        |   36 +
 src/ogp.rs            |   14 +-
 src/ogp_template.svg  |   76 +-
 8 files changed, 3080 insertions(+), 320 deletions(-)