marp	true
theme	default
header	**ヘッダータイトル1** __ヘッダータイトル2__
footer	by **Auther**
size	58140
paginate	true
style	section.title { --title-height: 130px; --subtitle-height: 70px; overflow: visible; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr var(--title-height) var(--subtitle-height) 1fr; grid-template-areas: "." "title" "subtitle" "."; } section.title h1 { grid-area: title; --area-height: var(--title-height); margin: 0; padding: 0; text-align: center; height: var(--area-height); line-height: var(--area-height); font-size: calc(var(--area-height) * 0.7); border: 1px dashed gray; /* debug */ } section.title h2 { grid-area: subtitle; --area-height: var(--subtitle-height); margin: 0; padding: 0; text-align: center; height: var(--area-height); line-height: var(--area-height); font-size: calc(var(--area-height) * 0.7); border: 1px dashed gray; /* debug */ } /* 全体左上基準 */ section { justify-content: start; } /* h1 */ section h1 { font-size: 1.3rem; } /* h2 */ section h2 { font-size: 1.1rem; } /* コンテンツの文字サイズ */ section pre { font-size: 0.6rem; } /* コードブロック */ section p { font-size: 0.7rem; } /* コードブロック */ section li { font-size: 0.7rem; }

タイトル

サブタイトル

---

スライド1

コードブロックの例

以下は、PHPコードの例です：

<?php
    echo "Hello, World!";
?>

---

スライド2

以下は、PHPコードの例です。

1. aa
2. bb

public class BadCode
{
    public double CalculateArea(string shape, double length, double width)
    {
        if (shape == "rectangle")
        {
            return length * width;
        }
        else if (shape == "triangle")
        {
            return (length * width) / 2;
        }
    }
}