marp.code-snippets

marp.code-snippets

{
	"end-page-of-slide": {
		"prefix": "end",
		"body": [
			"<!-- _backgroundColor: black -->",
			"<!-- _color: white -->",
			"<!-- _paginate: false -->",
			"",
			"<div align=\"center\" style=\"font-size: 100px\">",
			"END",
			"</div>",
			"",
			"<!-- _footer: '***[Delta](https://github.com/Delta-in-hub) 2022/12/02***' -->"
		],
		"description": "end-page-of-slide"
	},
	"two-columns": {
		"prefix": "two",
		"body": [
			"<div class=\"columns\">",
			"  <div class=\"left-side\">",
			"",
			"   ${1}",
			"",
			"  </div>",
			"  <div class=\"right-side\">",
			"",
			"   ${2}",
			"",
			"  </div>",
			"</div>",
			""
		],
		"description": "two-columns"
	},
	"slide-yaml-configure": {
		"prefix": "slide",
		"body": [
			"---",
			"marp: true",
			"paginate: true",
			"_paginate: false",
			"math: katex",
			"",
			"style: |",
			"    img[alt~=\"center\"] {",
			"      display: block;",
			"      margin: 0 auto;",
			"    }",
			"    .columns {",
			"    display: grid;",
			"    grid-template-columns: repeat(2, minmax(0, 1fr));",
			"    gap: 1rem;",
			"    }",
			"",
			"---"
		],
		"description": "slide-yaml-configure"
	},
	"center-text": {
		"prefix": "center",
		"body": [
			"<div align=\"center\">",
			"",
			"  ${1}",
			"",
			"</div>"
		],
		"description": "center-text"
	},
}