name: rkaneko-theme layout: true class: rkaneko-theme --- class: title-page # My Slide's title ## Sub title #### MMM dd, yyyy ##### where to place <span class="head-my-name"> <span class="head-my-name__icon"> <img src="./img/myicon_round.png" alt="rkaneko"/> </span> <span class="head-my-name__text"> Ryota Kaneko </span> </span> <span class="head-github-name"> <span class="head-github-name__icon"> <i class="fa fa-github fa-2x"></i> </span> <span class="head-github-name__text"> rkaneko </span> </span> --- # Agenda 0. Intro 0. Problems 0. Solution 0. Conclusion --- # Table |left|center|right| |:---|:---:|---:| |blahblahblahblah blahblahblahblahblahblah|blahblahblah blahblahblahblahblah blahblah|blahblahblahblahblah blahblahblahblahblahblah| |blahblahblahblah blahblahblahblahblahblah|blahblahblah blahblahblahblahblah blahblah|blahblahblahblahblah blahblahblahblahblahblah| |blahblahblahblah blahblahblahblahblahblah|blahblahblah blahblahblahblahblah blahblah|blahblahblahblahblah blahblahblahblahblahblah| |blahblahblahblah blahblahblahblahblahblah|blahblahblah blahblahblahblahblah blahblah|blahblahblahblahblah blahblahblahblahblahblah| |blahblahblahblah blahblahblahblahblahblah|blahblahblah blahblahblahblahblah blahblah|blahblahblahblahblah blahblahblahblahblahblah| |blah|blah|blah| --- class: center #### centering slide <img src="./img/myicon_round.png" alt="rkaneko" width="540px"/> --- class: center, middle # center & middle --- class: paragraph-page ## the paragraph page ### .color-yellow[yellow] ### .color-red[red] ### .color-green[green] ### [Font Awesome](https://fortawesome.github.io/Font-Awesome/) --- ### Tips + colors - .color-yellow[yellow] - .color-red[red] - .color-blue[blue] - .color-green[green] - .color-grey[grey] - .color-light-grey[light grey] - .color-orange[orange] - .color-pink[pink] - .color-purple[purple] - .color-black[black] - .color-white[white] .center[.reference[Reference: [materialize color](http://materializecss.com/color.html)]] --- # blockquote .center[ .blockquote[ リスクとは、 自分が何をやっているか よくわからないときに 起こるものです。 .blockquote-origin[Warren Edward Buffett] ] ] --- ### Tips + code ```js (() => { console.log('Hello my slide!'); })(); ``` + link - [rkaneko @ GitHub](https://github.com/rkaneko) --- class: paragraph-picture-page <figure> <img src="./img/spit-on.gif" alt="spit-on"/> <div class="paragraph-picture-page__block"></div> <figcaption><p class="paragraph-picture-page__caption">awesome!</p></figcaption> </figure> --- class: paragraph-page ### Thanks!