このテーマの特徴
慈善団体テーマ
このテーマは、以下の特徴を持っています。
モダンでクリーンなデザイン: セクションは薄い灰色の背景を持ち、見出しやテキストは読みやすいフォントで表示されます。
ヘッダーとフッターのグラデーション: ヘッダーとフッターは、濃い青から明るい青へのグラデーションで、スライドに洗練された印象を与えます。
タイトルセクションの背景イメージ: タイトルセクションには、波を連想させる美しいグラデーションの背景イメージがあり、スライドに視覚的な興味を添えています。
大きなフォントサイズ: テキストは読みやすくするために大きなフォントサイズで表示されます (24pt)。
十分なパディング: セクションには十分なパディングがあり、スライドのコンテンツ間に十分なスペースが確保されています。
このテーマは、チャリティーイベント、非営利組織のプレゼンテーション、または人道支援活動に関連するスライドに適しています。洗練されたデザインと視覚的な魅力により、情報を明確かつ効果的に伝えることができます。
このテーマを利用する
CSS
/* @theme charity_theme */ @import default; section{ font-size: 24pt; padding: 15px; background: #f5f5f5; display: flex; flex-direction: column; gap: 20px; } header{ display: flex; justify-content: space-between; align-items: center; padding: 10px; background: linear-gradient(to right, #00b4d8, #00f5d4); color: white; font-size: 24pt; } footer{ width: 100%; position: fixed; padding: 10px; background: linear-gradient(to right, #00f5d4, #00b4d8); color: white; bottom: 0px; text-align: center; } section.title{ background-color: #007bff; color: white; padding: 60px; font-size: 36pt; text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 20px; background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23007bff' d='M0 0L50 50L100 0L100 100L0 100L0 0Z'/%3E%3Cpath fill='%23006efc' d='M0 0L20 20L30 30L50 50L100 0L100 100L0 100L0 0Z'/%3E%3Cpath fill='%230063d9' d='M0 0L28 28L44 44L50 50L100 0L100 100L0 100L0 0Z'/%3E%3Cpath fill='%230058b6' d='M0 0L36 36L50 50L58 58L100 0L100 100L0 100L0 0Z'/%3E%3Cpath fill='%23004da3' d='M0 0L44 44L50 50L72 72L100 0L100 100L0 100L0 0Z'/%3E%3Cpath fill='%2300428f' d='M0 0L50 50L68 68L76 76L100 0L100 100L0 100L0 0Z'/%3E%3C/svg%3E"); }
Marpのサンプル
--- marp: true theme: custom_theme header: " " footer: " " --- <!-- _class: title --> # Title of Charity ## Changing the World, One Act of Kindness at a Time --- <!-- _class: section --> ## Our Mission - To provide assistance to those in need - To promote social justice - To protect the environment --- <!-- _class: section --> ## Our Impact - We have helped over 1 million people - We have raised over $10 million for charitable causes - We have made a difference in the lives of countless people --- <!-- _class: section --> ## How You Can Help - Donate to our cause - Volunteer your time - Spread the word about our work --- <!-- _class: section --> ## Contact Us - Website: charity.org - Email: info@charity.org - Phone: 1-800-CHARITY