Code Style Test Project

This page is for checking how inline code and fenced code blocks render in project content.

Inline checks: site.posts, document.querySelector('.tab-contents'), and bundle exec jekyll build.

JavaScript

const tabs = document.querySelectorAll('.tab-btn');

tabs.forEach((btn) => {
  btn.addEventListener('click', () => {
    console.log('switch tab:', btn.textContent.trim());
  });
});

Python

from pathlib import Path

posts_dir = Path("_posts/projects")
project_files = sorted(posts_dir.glob("*.md"))
print(f"Found {len(project_files)} project files")

Bash

ls -1 _posts/projects

YAML

project:
  name: Code Style Test Project
  type: project
  stack:
    - Markdown
    - JavaScript
    - Python
    - Bash
    - YAML