<style>
/* basic design */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6,
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {
font-family: 'Meiryo UI', 'Source Sans Pro', Helvetica, sans-serif, 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic';
text-align: left;
line-height: 1.6;
letter-spacing: normal;
text-shadow: none;
word-wrap: break-word;
color: #444;
}
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {font-weight: bold;}
.reveal h1, .reveal h2, .reveal h3 {color: #00a474;}
.reveal th {background: #DDD;}
.reveal section img {background:none; border:none; box-shadow:none; max-width: 95%; max-height: 95%;}
.reveal blockquote {width: 90%; padding: 0.5vw 3.0vw;}
.reveal table {margin: 1.0vw auto;}
.reveal code {line-height: 1.5;}
.reveal p, .reveal li {padding: 0vw; margin: 0vw;}
.reveal .box {margin: -0.5vw 1.5vw 2.0vw -1.5vw; padding: 1.0vw 1.5vw 0.5vw 1.5vw; background: #ffffe0; border-radius: 1.5vw;}
/* table design */
.reveal table {background: #f5f5f5;}
.reveal th {background: #444; color: #fff;}
.reveal td {position: relative; transition: all 300ms;}
.reveal tbody:hover td {color: transparent; text-shadow: 0 0 3px #aaa;}
.reveal tbody:hover tr:hover td {color: #444; text-shadow: 0 1px 0 #fff;}
/* blockquote design */
.reveal blockquote {
width: 90%;
padding: 0.5vw 0 0.5vw 6.0vw;
font-style: italic;
background: #ddffff;
}
.reveal blockquote:before{
position: absolute;
top: 0.1vw;
left: 1vw;
content: "\f10d";
font-family: FontAwesome;
color: #00a474;
font-size: 3.0vw;
}
/* font size */
.reveal h1 {font-size: 5.0vw;}
.reveal h2 {font-size: 4.0vw;}
.reveal h3 {font-size: 2.8vw;}
.reveal h4 {font-size: 2.6vw;}
.reveal h5 {font-size: 2.4vw;}
.reveal h6 {font-size: 2.2vw;}
.reveal section, .reveal table, .reveal li, .reveal blockquote, .reveal th, .reveal td, .reveal p {font-size: 2.2vw;}
.reveal code {font-size: 1.6vw;}
/* new color */
.red {color: #EE6557;}
.blue {color: #16A6B6;}
/* split slide */
#right {left: -18.33%; text-align: left; float: left; width: 50%; z-index: -10;}
#left {left: 31.25%; text-align: left; float: left; width: 50%; z-index: -10;}
</style>
<style>
/* 背景デザイン */
.reveal {
background-color:/*背景色*/
#ffffff;
}
.reveal h1 {padding: 3.0vw 0vw;}
@media screen and (max-width: 1024px) {
.reveal h2 {margin: -2.0vw 0 0 0; padding: 0.0vw 0vw 3.0vw 2.0vw; }
}
@media screen and (min-width: 1025px) and (max-width: 1920px) {
.reveal h2 {margin: -1.5vw 0 0 0; padding: 0.0vw 0vw 3.0vw 2.0vw; }
}
@media screen and (min-width: 1921px) and (max-width: 100000px) {
.reveal h2 {margin: -1.0vw 0 0 0; padding: 0.0vw 0vw 3.0vw 2.0vw; }
}
</style>
<style>
/* specific design */
.reveal h2 {
padding: 0 1.5vw;
margin: 0.0vw 0 2.0vw -2.0vw;
border-left: solid 1.2vw #00a474;
border-bottom: solid 0.8vw #9e9e9e;
}
.slider_fade {
position: relative;
}
/*Highlight <span><!-- .element: class="fragment highlight-red" -->red</span> <span><!-- .element: class="fragment highlight-blue" -->blue</span> <span><!-- .element: class="fragment highlight-green"-->green</span>*/
</style>
<!-- --------------------------------------------------------------------------------------- -->
#### Slide Sample
# HackMD<br>チュートリアル
<br>
<br>
#### 2021/09/28
### ariken
---
## HackMDとは
<div class="box">
<font color="green">**[Markdown記法](https://ja.wikipedia.org/wiki/Markdown)**</font>でノートをとれる・共有できる無料WEBサービス。
**リアルタイムプレビュー**で表示を確認しながら、Markdown入力を行うことができる。
</div>
---
## 特徴
* 簡単にWeb上で文書作成ができる。
* パソコン、タブレット、スマホなど様々なプラットフォームからリアルタイムに共同で編集を行うことができる。
* ノートを==自動保存==してくれる。
---
## プログラム
```java=
#include<stdio.h>
int main(void){
printf("Hello\n");
return 0;
}
```
例えばこんな感じ
```ocaml=
(* 目的：国語、数学、英語、理科、社会の点数が与えられたら、
合計点と平均点を組みにして返す関数goukei_to_heikinを定義する *)
(* goukei_to_heikin : int -> int -> int -> int -> int -> int * int *)
let goukei_to_heikin japanese math english science society =
(japanese + math + english + science + society,
(japanese + math + english + science + society) / 5)
let test1 = goukei_to_heikin 80 80 80 80 80 = (400, 80)
let test2 = goukei_to_heikin 90 85 95 90 90 = (450, 90)
let test3 = goukei_to_heikin 50 60 70 80 90 = (350, 70)
```
---
## チェックリスト
- [x] Apple
- [x] Banana
- [x] Horenso
- [x] Ringo
---
## 作り方
### [HackMD公式サイト](https://hackmd.io/)
* このスライド
* [中身](https://hackmd.io/MzPOZyDPTxCxTe-ntZsKZw)
* [スライドモード](https://hackmd.io/@ariken-family/rkgpDZHQt#/)
* 去年の例
* [中身](https://hackmd.io/mWkhEDWiS3SA8arlk6TGiA)
* [スライドモード](https://hackmd.io/@ariken-family/rkneENdLv#/)
{"metaMigratedAt":"2023-06-16T10:51:31.807Z","metaMigratedFrom":"YAML","title":"hackmd sample 紹介用","breaks":true,"slideOptions":"{\"theme\":\"white\",\"controls\":true,\"progress\":true,\"slideNumber\":\"c/t\",\"center\":false,\"fragments\":true,\"help\":true,\"transition\":\"convex\",\"transitionSpeed\":\"default\",\"keyboard\":true,\"width\":\"93%\",\"height\":\"100%\",\"spotlight\":{\"enabled\":false}}","description":"<font color=\"green\">Markdown記法</font>でノートをとれる・共有できる無料WEBサービス。リアルタイムプレビューで表示を確認しながら、Markdown入力を行うことができる。","contributors":"[{\"id\":\"a0de3d6a-cf71-4961-a3bb-e324e7c21a77\",\"add\":5767,\"del\":5769},{\"id\":\"e7569efd-a6ee-42bf-b72e-7be6ccd8d071\",\"add\":19,\"del\":0},{\"id\":\"9c6c2707-d420-4d85-96cb-957f6e539faa\",\"add\":41,\"del\":40}]"}