reveal.jsで超簡単にクイズページが作れて便利

---
theme : "Black"
transition : "default"
transitionSpeed : "default"
title: "quiz with reveal.js"
enableTitleFooter: false
enableChalkboard: false
enableMenu: false
controls: false
progress: false
overview: false
---
<style type="text/css"> .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { text-transform: none; }
</style>
# quiz with reveal.js
<a id="0"></a>
reveal.jsで作るシンプルなクイズ
<a href="#/1">START</a>
---
## ONE PIECEクイズ 1問目
<a id="1"></a>
これは「モンキー・E・ルフィ」ですか？
<img src="./img/onepiece01_luffy.png" width="30%" style="border:none;box-shadow:none;">
<a href="#/2">はい</a>
<a href="#/3">いいえ</a>
---
## 間違いです！
<a id="2"></a>
正解は「モンキー・D・ルフィ」です。
<span style="font-size:0.5em;"><a href="#/0">最初に戻る</a></span>
---
## ONE PIECEクイズ 2問目
<a id="3"></a>
これは「トニートニー・チョッパー」ですか？
<img src="./img/onepiece06_chopper.png" width="30%" style="border:none;box-shadow:none;">
<a href="#/4">はい</a>
<a href="#/5">いいえ</a>
---
## 全問正解です！
<a id="4"></a>
あなたは「ONE PIECE」を良く知っています。
<span style="font-size:0.5em;"><a href="#/0">最初に戻る</a></span>
---
## 間違いです！
<a id="5"></a>
「トニートニー・チョッパー」で合っています。
<span style="font-size:0.5em;"><a href="#/0">最初に戻る</a></span>

<a href="#/1">START</a>

<a href="#1">START</a>
---
## ONE PIECEクイズ 1問目
<a id="1"></a>
これは「モンキー・E・ルフィ」ですか？
<img src="./img/onepiece01_luffy.png" width="30%" style="border:none;box-shadow:none;">
<a href="#2">はい</a>
<a href="#3">いいえ</a>
---