このテーマの特徴
テーマ「Cosmic Wonder」の特徴
このテーマは、宇宙の不思議さと美しさを表現したものです。以下にその特徴を説明します。
全体的な配色:
- 背景色は、深い黒(#000000)で、宇宙の暗闇を表しています。
- テキストや要素の色は、白色(#ffffff)で、星の輝きを表しています。
- ヘッダーとフッターは、緑がかった青(#005f73)から黄色がかった緑(#00c853)へのグラデーションで、宇宙の星雲を彷彿とさせます。
セクションのレイアウト:
- 各セクションは、垂直に配置されたカラムで、中央に配置されます。
- セクション間には、64pxの隙間があり、見やすさと視覚的な階層感を与えています。
- 背景は、黒と濃い灰色のグラデーションで、宇宙の深さを演出しています。
タイトルセクション:
- タイトルセクションは、プレゼンテーションのタイトルとサブタイトルを表示するために使用されます。
- 黒い背景で、中央に表示されます。
- 背景には、波状のグラデーションが施されており、宇宙の遠さを示しています。
- タイトルの上には、ロケットのアイコン(🚀)が表示され、宇宙の旅を表しています。
まとめ:
「Cosmic Wonder」テーマは、宇宙の広大さと美しさを表現しており、プレゼンテーションに視覚的な没入感を与えます。その暗い背景、明るいテキスト、星雲のようなグラデーションにより、観客の想像力をかき立て、宇宙の不思議について考えさせるでしょう。
このテーマを利用する
CSS
/* @theme cosmic_wonder */ @import default; section { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 64px; padding: 48px; font-size: 28pt; background: linear-gradient(180deg, #000000 0%, #363636 100%); color: #ffffff; } header { width: 100%; height: 80px; padding: 20px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to right, #005f73, #00c853); color: #ffffff; } footer { width: 100%; padding: 20px; display: flex; justify-content: center; align-items: center; gap: 20px; background: linear-gradient(to left, #005f73, #00c853); color: #ffffff; position: fixed; bottom: 0; } section.title { background-color: #000000; padding: 80px 0; text-align: center; font-size: 48pt; display: flex; flex-direction: column; align-items: center; gap: 20px; background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1600 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='wave' patternUnits='userSpaceOnUse' width='1600' height='800'%3E%3Cpath d='M0 0 L0 800 Q572 602 1200 537 Q1600 500 1600 500 L1600 0 L0 0 Z' fill='%23000000' %3E%3C/path%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23wave)' %3E%3C/rect%3E%3C/svg%3E"); background-size: 100% 100%; } section.title::before { content: "🚀"; font-size: 128pt; color: #00c853; margin: 0 auto 20px; } section.title h1 { font-size: 48pt; margin: 0; } .starfield { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .star { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #ffffff; opacity: 0.5; animation: twinkle 1s infinite alternate; } @keyframes twinkle { 0% { opacity: 0.5; } 50% { opacity: 1; } 100% { opacity: 0.5; } }
Marpのサンプル
--- marp: true theme: custom_theme header: " " footer: " " --- <!-- _class: title --> # 宇宙の不思議 --- <!-- _class: section --> ## 宇宙の広大さ 宇宙は途方もなく広大であり、私たちの想像を絶しています。私たちの太陽系は銀河系と呼ばれる渦巻状の銀河にあり、それ自体が何億もの星と惑星で構成されています。銀河系は膨大な宇宙の一部に過ぎず、他の無数の銀河が宇宙の広大な空間に浮かんでいます。 --- <!-- _class: section --> ### 宇宙の起源 宇宙の起源は依然として謎に包まれていますが、最も広く受け入れられている理論はビッグバン理論です。この理論によると、宇宙は138億年前に超高温、超高密度の状態から爆発的に膨張しました。この爆発により、すべての物質、エネルギー、時空が生まれました。 --- <!-- _class: section --> #### 宇宙の進化 ビッグバン以来、宇宙は膨張し続けてきました。この膨張は、暗黒エネルギーと呼ばれる謎の力によって加速されています。暗黒エネルギーの正体は不明ですが、宇宙の拡大を支配していることがわかっています。 --- <!-- _class: section --> ##### 宇宙の未来 宇宙の未来は不透明です。ある理論では、宇宙は永遠に膨張し続けるだろうと予測しています。別の理論では、宇宙は最終的に収縮してビッグクランチと呼ばれる状態に崩壊すると予測しています。 --- <!-- _class: footer --> © Cosmic Wonders