宇宙旅行の不思議を解き明かすCosmic Adventureテーマ

スライド

image0 image1

このテーマの特徴

Cosmic Adventureテーマの特徴

このCSSは、宇宙をテーマにした洗練されたMarpプレゼンテーションテーマを作成します。以下はその特徴です。

全体の配色:

  • 背景色は深い宇宙の闇を想起させる#00040cの濃紺です。
  • テキストの色は#d3fefeで、宇宙の星々のきらめきを彷彿とさせます。
  • アクセントカラーとして#ffb400の明るいオレンジが使用されており、宇宙船の光や惑星の大気圏をイメージしています。

ヘッダー:

  • プレゼンテーションのタイトルは、#020614から#2d3654へのグラデーションの背景を持ち、宇宙の広大さを表現しています。
  • タイトルは大きく太字で表示され、白い色でコントラストが効いています。
  • ヘッダーの下に8ピクセルの厚みのオレンジ色の境界線があります。

セクション:

  • セクションは、宇宙船のコンパートメントを思わせる20ピクセルのパディングがあります。
  • タイトルセクションは、オレンジ色の背景を持ち、強調表示されています。
  • タイトルは48ポイントと大きく表示され、サブタイトルは24ポイントで表示されます。

フッター:

  • フッターはプレゼンテーションの下部に固定され、ヘッダーと同様にグラデーションの背景が使用されています。
  • テキストは中央揃えで、白い色で表示されます。
  • フッターの上にも8ピクセルの厚さのオレンジ色の境界線があります。

その他の特徴:

  • 文章の選択範囲は、オレンジ色の背景と紺色のテキストで強調表示されます。
  • フォントはHelveticaが使用されており、読みやすくプロフェッショナルな印象を与えます。

このテーマを利用する

CSS

/* @theme cosmic_adventure */
@import default;

section{
  background-color: #00040c;
  color: #d3fefe;
  padding: 20px;
  font-size: 18pt;
  font-family: "Helvetica", sans-serif;
}

header{
  width: 100%;
  background: linear-gradient(to right, #020614, #2d3654, #020614);
  color: white;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 24pt;
  font-weight: bold;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-bottom: 8px solid #ffb400;
}

footer{
  width: 100%;
  position: fixed;
  padding: 20px;
  background: linear-gradient(to right, #020614, #2d3654, #020614);
  color: white;
  bottom: 0px;
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  border-top: 8px solid #ffb400;
}

section.title{
  background-color: #ffb400;
  color: #00040c;
  padding: 40px 20px;
  text-align: center;
  font-size: 36pt;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

section.title h1{
  font-size: 48pt;
  font-weight: bold;
}

section.title p{
  font-size: 24pt;
  font-weight: normal;
}

.button{
  background-color: #d3fefe;
  color: #00040c;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 16pt;
  font-weight: bold;
  text-decoration: none;
}

.button:hover{
  background-color: #00040c;
  color: #d3fefe;
}

::selection {
  background-color: #ffb400;
  color: #00040c;
}

::-moz-selection {
  background-color: #ffb400;
  color: #00040c;
}

Marpのサンプル

---
marp: true
theme: cosmic_adventure
header: " "
footer: " "
---
<!--
_class: title
-->

# 宇宙旅行

## 無重力を感じる

![](/sample.png)

## 星間の冒険へ

**さあ、一緒に宇宙の不思議を発見しよう！**

---
<!--
_class: standard
-->

# 宇宙旅行

### 無重力を感じる

無重力は、とても不思議な感覚です。
浮いているような、自由な気分になります。

### 星間の冒険へ

宇宙には、まだ多くの謎があります。
さあ、一緒に宇宙の不思議を発見しよう！

---
# 宇宙旅行

### 地球を離れる

宇宙旅行の最初のステップは、地球を離れることです。
ロケットに乗って、大気圏を抜け出します。

### 宇宙ステーションへ

軌道上で宇宙ステーションに到着したら、無重力を体験できます。
宇宙ステーションでは、科学実験や宇宙遊泳も行います。

---
# 宇宙旅行

### 月面着陸

宇宙ステーションに滞在した後、月面着陸を行います。
月の表面を歩き、地球とは違う景色を楽しみます。

### 宇宙への旅を締めくくる

宇宙旅行の最後には、地球に帰還します。
宇宙での経験を分かち合い、宇宙の素晴らしさを伝えます。

---
# 宇宙旅行

### 宇宙旅行の未来

宇宙旅行の未来は、無限の可能性に満ちています。
火星や他の惑星への有人飛行、宇宙観光、さらには宇宙での生活も夢ではありません。

### 宇宙の不思議へ

宇宙は、不思議と発見に満ちた場所です。
さあ、一緒に宇宙の旅に出かけましょう！

---
# 宇宙旅行

### 宇宙旅行の危険性

宇宙旅行は、危険が伴います。
放射線、小惑星の衝突、機体の故障などが考えられます。

### 宇宙旅行の費用

宇宙旅行には、多額の費用がかかります。
ロケットの開発、宇宙ステーションの建設、宇宙飛行士の訓練などです。

---
# 宇宙旅行

### 宇宙旅行の倫理性

宇宙旅行の倫理性についても議論されています。
宇宙旅行は、人類の進歩に貢献するのか、それとも資源の無駄遣いなのか？

### 宇宙旅行の未来

宇宙旅行の未来は、無限の可能性に満ちています。
火星や他の惑星への有人飛行、宇宙観光、さらには宇宙での生活も夢ではありません。

---
# 宇宙旅行

### 宇宙旅行のインスピレーション

宇宙旅行には、多くの人がインスピレーションを受けてきました。
科学者、芸術家、作家などです。

### 宇宙旅行の物語

宇宙旅行には、多くの物語があります。
成功と失敗、感動と悲劇、そして人類の探求心の物語です。

---
# 宇宙旅行

## 宇宙旅行のすべて

宇宙旅行に関するすべてを網羅した、完全ガイドです。
宇宙旅行の歴史、科学、技術、影響などについて学びます。

### 宇宙旅行の歴史

宇宙旅行の歴史は、何世紀も前にさかのぼります。
初期のロケット実験から、月面着陸まで、宇宙旅行の歴史をたどります。

### 宇宙旅行の科学

宇宙旅行の科学は、複雑かつ魅力的です。
ロケットの推進原理、無重力の影響、宇宙放射線の危険性などについて学びます。

### 宇宙旅行の技術

宇宙旅行の技術は、常に進化しています。
宇宙船、宇宙ステーション、宇宙服などの、宇宙旅行に使用される技術について学びます。

### 宇宙旅行の影響

宇宙旅行は、世界に大きな影響を与えています。
科学的発見、技術の発展、国際協力など、宇宙旅行の影響について学びます。

---
# 宇宙旅行

## 宇宙旅行の最新ニュース

宇宙旅行に関する最新のニュースと情報を提供します。
ロケットの打ち上げ、宇宙飛行士のミッション、宇宙探査の最新情報など、宇宙旅行のすべてを最新の状態に保ちます。

### ロケット打ち上げの成功

先日、最新のロケットが打ち上げられました。
このロケットは、火星探査機を搭載しており、火星の大気圏を調査する予定です。

### 宇宙飛行士のミッション

現在、国際宇宙ステーションに宇宙飛行士が滞在しています。
彼らは、無重力の影響や宇宙放射線の危険性に関する研究を行っています。

### 宇宙探査の最新情報

最近、冥王星の新しい画像が公開されました。
この画像は、冥王星の表面に氷の火山があることを示唆しています。

---
# 宇宙旅行

## 宇宙旅行のクイズ

宇宙旅行に関する知識を試してみませんか？
このクイズで、宇宙旅行の歴史、科学、技術に関する知識をテストします。

### クイズの質問

1. 最初の宇宙飛行士は誰ですか？
2. 月面に最初に着陸した宇宙船は何ですか？
3. 国際宇宙ステーションは何年前に打ち上げられましたか？
4. 宇宙で最も遠い探査機は何ですか？
5. 宇宙で最速に飛んだ物体は何ですか？

---
# 宇宙旅行

## 宇宙旅行の用語集

宇宙旅行に関する用語を理解するために、用語集を用意しました。
推進剤、無重力、宇宙服など、宇宙旅行で使用される用語を定義します。

### 用語

**推進剤:** ロケットを推進する燃料と酸化剤
**無重力:** 物体が重力から解放された状態
**宇宙服:** 宇宙飛行士が宇宙空間で着用するスーツ
**宇宙船:** 宇宙を飛行する乗り物
**宇宙ステーション:** 宇宙空間で居住できる人工の構造物

---
# 宇宙旅行

## 宇宙旅行の関連資料

宇宙旅行に関する関連資料を紹介します。
書籍、ウェブサイト、ドキュメンタリーなど、宇宙旅行についてさらに詳しく学びたい場合に役立つリソースです。

### リソース

**書籍:**
* 「宇宙旅行の科学」
* 「宇宙飛行士の手記」
* 「宇宙探査の歴史」

**ウェブサイト:**
* NASA
* 宇宙航空研究開発機構（JAXA）
* 国際宇宙ステーション

**ドキュメンタリー:**
* 「アポロ11号」
* 「重力」
* 「宇宙の旅」

---
# 宇宙旅行

## 宇宙旅行のよくある質問

宇宙旅行に関するよくある質問とその回答を紹介します。
宇宙旅行のコスト、危険性、倫理性など、宇宙旅行に関する疑問を解決します。

### よくある質問

**宇宙旅行の費用はいくらですか？**
宇宙旅行の費用は、ミッションの種類や期間によって異なります。

**宇宙旅行は危険ですか？**
宇宙旅行は、いくつかの危険が伴います。
放射線、小惑星の衝突、機体の故障などが考えられます。

**宇宙旅行は倫理的ですか？**
宇宙旅行の倫理性については議論されています。
宇宙旅行は、人類の進歩に貢献するのか、それとも資源の無駄遣いなのか？

---
# 宇宙旅行

## 宇宙旅行の未来

宇宙旅行の未来は、無限の可能性に満ちています。
火星や他の惑星への有人飛行、宇宙観光、さらには宇宙での生活も夢ではありません。

### 宇宙旅行の未来の計画

宇宙機関や民間企業は、宇宙旅行の未来に向けて多くの計画を持っています。
火星への有人飛行、月面基地の建設、宇宙ホテルの開設などが計画されています。

### 宇宙旅行の技術の進歩

宇宙旅行の技術は、常に進化しています。
新しい推進システム、より効率的な宇宙船、より安全な宇宙服などが開発されています。

### 宇宙旅行の商業化

宇宙旅行は、徐々に商業化されています。
民間企業が、宇宙旅行を一般の人にも提供するようになっています。

---
# 宇宙旅行

## 宇宙旅行のインスピレーション

宇宙旅行には、多くの人がインスピレーションを受けてきました。
科学者、芸術家、作家などです。

### 宇宙旅行にインスパイアされた芸術

宇宙旅行は、多くの芸術作品にインスピレーションを与えてきました。
絵画、彫刻、音楽、映画など、宇宙旅行にインスパイアされた芸術作品を紹介します。

### 宇宙旅行にインスパイアされた文学

宇宙旅行は、多くの文学作品にインスピレーションを与えてきました。
小説、詩、戯曲など、宇宙旅行にインスパイアされた文学作品を紹介します。

### 宇宙旅行にインスパイアされた音楽

宇宙旅行は、多くの音楽作品にインスピレーションを与えてきました。
ロック、ポップ、クラシックなど、宇宙旅行にインスパイアされた音楽作品を紹介します。