このテーマの特徴
現代美術テーマの特徴
タイトルセクション: * 要素の間に20pxの余白があり、読みやすく視覚的に魅力的になっています。 * 45度の斜線で構成された繰り返しの線形グラデーションの背景があり、動きとテクスチャの感覚を与えます。
全体的な特徴:
- 現代的で洗練された美学。
- 視覚的に魅力的な背景画像とグラフィック要素。
このテーマを利用する
CSS
/* @theme modern_art */ @import default; section{ display: flex; flex-direction: column; } header{ display: flex; justify-content: center; align-items: center; height: 150px; background-color: #000; color: white; font-size: 48pt; font-family: Arial, sans-serif; background-image: url("https://source.unsplash.com/1600x900/?art,abstract"); background-size: cover; background-position: center; } footer{ width: 100%; position: fixed; padding: 10px; background: #000; color: white; bottom: 0px; text-align: center; font-size: 18pt; } section.title{ background-color: #fff; color: #000; padding: 20px; text-align: center; font-size: 36pt; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; background-image: repeating-linear-gradient( 45deg, #fff 0%, #f2f2f2 50%, #fff 100% ); }
Marpのサンプル
--- marp: true theme: custom_theme header: " " footer: " " --- <!-- _class: title --> # LinkedIn プロフィール テンプレート --- <!-- _class: about --> # プロフィール - スキル - 経験 - 実績 --- <!-- _class: experience --> ## 経験 - 会社名 - 役職名 - 勤務期間 - [職務内容](https://example.com/job-description/) --- <!-- _class: skills --> ## スキル - スキル1 - スキル2 - スキル3 --- <!-- _class: projects --> ## プロジェクト - プロジェクト名 - 役割 - 期間 - [詳細](https://example.com/project/) --- <!-- _class: contact --> # 連絡先 - メールアドレス - 電話番号 - LinkedIn プロフィール