このテーマの特徴
マインドフルネスワークショップテーマ
このテーマは、マインドフルネスのワークショップやプレゼンテーションに適した、落ち着いた雰囲気と対話的な要素を備えています。
特徴:
- 落ち着いた色調: 背景色にオリーブグリーン（#409E97）を使用しており、落ち着きと平和な雰囲気を作り出します。
- コントラストのあるヘッダーとフッター: ヘッダーとフッターは、コントラストを高めるために青緑のグラデーション（#65B2A9、#409E97）を使用しています。これにより、重要な情報が強調されます。
- 大きなテキスト: スライド内のテキストは、読みやすさと視認性を確保するために20ポイントと48ポイントの大きなフォントを使用しています。
- タイトルセクション: タイトルセクションは、ライトブルー（#9BD2D0）の背景色と大きなフォント（48ポイント）を使用しており、重要なポイントを強調しています。
- カスタムフォント: テーマはOpen Sansフォントを使用しており、読みやすさと現代的な外観を提供します。
このテーマを利用する
CSS
/* @theme mindfulness_workshop */ @import default; section{ background-color: #409E97; color: white; font-family: 'Open Sans', sans-serif; font-size: 20pt; } header{ width: 100%; height: 80px; background: linear-gradient(to right, #65B2A9, #409E97); color: white; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 36pt; font-weight: bold; } footer{ width: 100%; position: fixed; bottom: 0; height: 50px; background: linear-gradient(to right, #409E97, #65B2A9); color: white; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 14pt; } section.title{ background-color: #9BD2D0; color: black; padding: 50px; display: flex; justify-content: center; align-items: center; font-size: 48pt; text-align: center; } /* 対話的な要素のスタイル */ .quiz{ background-color: #F5F5F5; padding: 20px; margin: 20px; display: flex; justify-content: center; align-items: center; font-size: 20pt; text-align: center; } .question{ font-weight: bold; margin-right: 10px; } .options{ display: flex; justify-content: center; align-items: center; gap: 10px; } .option{ background-color: #FFFFFF; padding: 10px; margin: 10px; display: flex; justify-content: center; align-items: center; font-size: 16pt; text-align: center; cursor: pointer; } .option:hover{ background-color: #EEEEEE; } .correct-answer{ background-color: #00FF00; } .incorrect-answer{ background-color: #FF0000; }
Marpのサンプル
--- marp: true theme: mindfulness_workshop header: Mindfulness Workshop footer: @mindfulness_workshop --- <!-- _class: title --> # Mindfulness Workshop --- # マインドフルネスとは - 現在の瞬間に対する意識 - ありのままを受け入れる - 判断せずに観察する --- <!-- _class: quiz --> ## クイズ ### マインドフルネスの定義はどれですか？ <div class="options"> <div class="option">思考をコントロールすること</div> <div class="option correct-answer">現在の瞬間に対する意識</div> <div class="option">過去を後悔すること</div> </div> --- # マインドフルネスの利点 - ストレス軽減 - 集中力の向上 - 感情の調整 --- <!-- _class: quiz --> ## クイズ ### マインドフルネスの利点のどれではありませんか？ <div class="options"> <div class="option incorrect-answer">睡眠の質の向上</div> <div class="option incorrect-answer">認知機能の向上</div> <div class="option correct-answer">過去への執着</div> </div> --- # マインドフルネスの練習 - マインドフルネス瞑想 - 呼吸に集中する - 身体感覚をスキャンする --- # マインドフルネスを日常生活に取り入れる - マインドフルに食べる - マインドフルに歩く - マインドフルに聞く --- # まとめ - マインドフルネスは、幸福と健康を促進するために役立つ強力なツールです。 - 現在の瞬間に集中し、ありのままを受け入れ、判断せずに観察することで、私たちはストレスを軽減し、集中力を高め、感情を調整することができます。 - マインドフルネスを日常生活に取り入れることで、私たちはより平和でバランスの取れた人生を送ることができます。
