hogashi/remark-dark-takahashi.html

## remark-dark-takahashi.html
<!DOCTYPE html>
<html>
  <head>
    <title>Title</title>
    <meta charset="utf-8">
    <script>
      const env = null // 'dev' or not
      if (env === 'dev') {
        document.addEventListener('DOMContentLoaded', e => {
          setTimeout(() => {
            window.location.reload()
          }, 5000)
        })
      }
    </script>
    <style>
      * {
        font-family: 'Lato', 'Roboto', 'Noto Sans CJK JP', 'Yu Gothic', 'Meiryo', sans-serif;
      }
      h1, h2, h3 {
        font-weight: bold;
      }
      h1 {
        font-size: 100px !important;
      }
      h2 {
        font-size: 70px !important;
      }
      h3 {
        font-size: 50px !important;
      }
      .remark-slide-content {
        padding: 0 !important;
        background-color: #111 !important;
        color: #eee !important;
      }
      img {
        height: 2em;
        margin: 10px;
        transform: translate(0, 25%)
      }
      .remark-code, .remark-inline-code { font-family: 'Monaco', 'Consolas', monospace; }
    </style>
  </head>
  <body>
    <textarea id="source">

class: center, middle

# でかい文字

## ちょっとでかい文字

---

class: center, middle

# こんにちは

---

class: center, middle

## 終わります

### ありがとうございました

    </textarea>
    <script src="https://remarkjs.com/downloads/remark-latest.min.js">
    </script>
    <script>
      var slideshow = remark.create();
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Title</title>
	<meta charset="utf-8">
	<script>
	const env = null // 'dev' or not
	if (env === 'dev') {
	document.addEventListener('DOMContentLoaded', e => {
	setTimeout(() => {
	window.location.reload()
	}, 5000)
	})
	}
	</script>
	<style>
	* {
	font-family: 'Lato', 'Roboto', 'Noto Sans CJK JP', 'Yu Gothic', 'Meiryo', sans-serif;
	}
	h1, h2, h3 {
	font-weight: bold;
	}
	h1 {
	font-size: 100px !important;
	}
	h2 {
	font-size: 70px !important;
	}
	h3 {
	font-size: 50px !important;
	}
	.remark-slide-content {
	padding: 0 !important;
	background-color: #111 !important;
	color: #eee !important;
	}
	img {
	height: 2em;
	margin: 10px;
	transform: translate(0, 25%)
	}
	.remark-code, .remark-inline-code { font-family: 'Monaco', 'Consolas', monospace; }
	</style>
	</head>
	<body>
	<textarea id="source">

	class: center, middle

	# でかい文字

	## ちょっとでかい文字

	---

	class: center, middle

	# こんにちは

	---

	class: center, middle

	## 終わります

	### ありがとうございました

	</textarea>
	<script src="https://remarkjs.com/downloads/remark-latest.min.js">
	</script>
	<script>
	var slideshow = remark.create();
	</script>
	</body>
	</html>