Prose Samplegrass

このページは半公開の庭先公開ページです。

Headings Example code in the header

本文用スタイル集

Third Level Heading and Code in the header

Fourth Level Heading

Fifth Level Heading
Sixth Level Heading

Text Formatting

これは太字(bold)のテキストです。
こちらは_イタリック(italic)のテキストです。
これは
太字かつイタリック_のテキストです。
打ち消し線も使えます。
インラインコードの例です。小さな文字から下線もつけられます。

これは何かボタンです これもまたボタンです

Blockquote

引用と引用

引用の最後にemを置くと引用の出典扱いになる?

これもまた引用
citeタグでの引用出典(改行後)

インラインでの引用も citeタグでの引用出典


これは水平線。ただのギャップもつくれる。


Lists

Unordered List

  • リスト項目1
  • リスト項目2
    • ネストされた項目
    • もう一つのネストされた項目
  • リスト項目3
    1. サブ項目A
    2. サブ項目B
    • 引用引用引用引用

    • Using container queries, the card can be reused in multiple areas of a page without needing to know specifically where it will be placed each time. If the container with the card is narrower than 700px, the font of the card title will be small, and if the card is in a container that's wider than 700px, the font of the card title will be bigger.

      • 更にネスト
        • 更にネスト
    • ネストした中にも画像は埋め込める
      • ちいさな文字とか
      • すごいネスト
      • ネストした中にもネストした中にも画像は埋め込める
        • ちいさな文字とか
        • すごいネスト
        • ネストした中にもネストした中にも画像は埋め込める
  • 未完成のリスト項目
  • 完了したリスト項目
    • ネストした中にもチェックボックスは埋め込める
    • ネストした中にもチェックボックスは埋め込める

Ordered List

  1. 第一項目
  2. 第二項目
    1. サブ項目A
    2. サブ項目B
  3. 第三項目

Tables

ヘッダー1ヘッダー2ヘッダー3
データ1データ2データ3
データ4データ5データ6

Custom Blocks

Director
Baku Hashimoto
Concept
Baku Hashimoto & Olga Bell
Photography
Josh Wool
Makeup
Stephanie Peterson

これはリンクの例です
リンクを参照形式で書くこともできます1

これは注記です。Using container queries, the card can be reused in multiple areas of a page without needing to know specifically where it will be placed each time. If the container with the card is narrower than 700px, the font of the card title will be small, and if the card is in a container that's wider than 700px, the font of the card title will be bigger.

これは警告です。

これは危険です。

これは情報です。

これはヒントです。

これは成功です。

これはエラーです。

Embed

埋め込みの下ののキャプション

Code Blocks

const a = 1
const b = 2
function greet(name) {
  return `Hello, ${name}!`
}

// Example of array operations
const numbers = [1, 2, 3, 4, 5]
const doubled = numbers.map(x => x * 2)
console.log(doubled) // [2, 4, 6, 8, 10]
(def a 1)
(def b 2)
(def c (+ a b))
(println c) ; -> 3

画像ギャラリー

emによるキャプション
smallによるキャプション
figureとfigcaptionによるキャプション

.wide

Smaller images