このテーマを利用する
CSS
/* @theme custom_medical_theme */ @import default; section{ display: flex; flex-direction: column; font-size: 24pt; } header{ display: flex; justify-content: space-between; align-items: center; padding: 10px; background: linear-gradient(to right, #8e2de2, #4a00e0); color: #ffffff; font-size: 24pt; font-weight: bold; } footer{ width: 100%; position: fixed; padding: 10px; background: linear-gradient(to right, #4a00e0, #8e2de2); color: #ffffff; bottom: 0px; display: flex; justify-content: center; align-items: center; gap: 10px; } section.title{ background-color: #e082fe; color: #ffffff; padding: 50px; text-align: center; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48cGF0dGVybiBpZD0iY2FyZCIgd2lkdGg9IjMxMCIgaGVpZ2h0PSIzMTAiIGZpbGw9InVybCgjZ3JhZC1kZWZsKSIgLz48Z3JhZGllbnQgaWQ9ImdyYWQtZGVmbCIgY3g9IjE1NSIgc3A9IjAiIHg9IjAiIHk9IjAiIHkxPSIzMTAiIHhsaW5rcz0iMC41IDAuNSA0OTkuNSAwLiU7NDkuNSA0OTkuNSA0OTkuNSI+PHN0b3Agc3RvcC1jb2xvcj0iIzRhMDA4NyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzhhMDA3MyIgb2Zmc2V0PSIxIi8+PC9ncmFkaWVudD48L2RlZnM+PHVzZSB4bGluazpocmVmPSIjY2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1IC04NCkiIC8+PC9zdmc+); background-size: contain; background-position: center top; background-repeat: no-repeat; }
Marpのサンプル
--- marp: true theme: custom_medical_theme header: "医療スライドテンプレート" footer: " " --- <!-- _class: title --> # 医療プレゼンテーション --- <!-- _class: medical_equipment --> ## 医療機器 - MRIスキャナー - X線装置 - 超音波装置 --- <!-- _class: medical_research --> ## 医療研究 - 新しい治療法 - 画期的な発見 - 医学研究の成果 --- <!-- _class: patient_care --> ## 患者ケア - 患者との交流 - サポート - 回復の物語 --- <!-- _class: healthcare_technology --> ## ヘルスケアテクノロジー - バーチャルリアリティ - テレメディシン - 人工知能 --- <!-- _class: medical_education --> ## 医療教育 - トレーニングプログラム - ワークショップ - カンファレンス