souri-t/marp-sample.md

## marp-sample.md

      
    Raw
  

              marp-sample.md
            
          
  marp
  theme
  header
  footer
  size
  paginate
  style
  
  
  true
  default
  **ヘッダータイトル1** __ヘッダータイトル2__
  by **Auther**
  58140
  true
  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コードの例です。

aa
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;
        }
    }
}