356 lines
179 KiB
HTML
356 lines
179 KiB
HTML
|
|
<!DOCTYPE html><html lang="en-GB"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"><meta name="apple-mobile-web-app-capable" content="yes"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta property="og:type" content="website"><meta name="twitter:card" content="summary"><style>@media screen{body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;color:inherit;cursor:pointer;font-size:inherit;opacity:.8;outline:none;padding:0;transition:opacity .2s linear}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:disabled,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:disabled,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:disabled{cursor:not-allowed;opacity:.15!important}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover{opacity:1}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:active,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:active,body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover:active{opacity:.6}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button:hover:not(:disabled),body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button:hover:not(:disabled),body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-note-container button:hover:not(:disabled){transition:none}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=prev],body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-prev{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNNjggOTAgMjggNTBsNDAtNDAiLz48L3N2Zz4=") no-repeat 50%;background-size:contain;overflow:hidden;text-indent:100%;white-space:nowrap}body[data-bespoke-view=""] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=next] .bespoke-marp-parent>.bespoke-marp-osc>button[data-bespoke-marp-osc=next],body[data-bespoke-view=presenter] .bespoke-marp-presenter-container .bespoke-marp-presenter-info-container button.bespoke-marp-presenter-info-page-next{background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPS
|
||
|
|
/*!
|
||
|
|
* Marp / Marpit Gaia theme.
|
||
|
|
*
|
||
|
|
* @theme gaia
|
||
|
|
* @author Yuki Hattori
|
||
|
|
*
|
||
|
|
* @auto-scaling true
|
||
|
|
* @size 16:9 1280px 720px
|
||
|
|
* @size 4:3 960px 720px
|
||
|
|
*/div#p>svg>foreignObject>section :is(pre,marp-pre) code.hljs{display:block;overflow-x:auto;padding:1em}div#p>svg>foreignObject>section code.hljs{padding:3px 5px}div#p>svg>foreignObject>section .hljs{background:#000;color:#f8f8f8}div#p>svg>foreignObject>section .hljs-comment,div#p>svg>foreignObject>section .hljs-quote{color:#aeaeae;font-style:italic}div#p>svg>foreignObject>section .hljs-keyword,div#p>svg>foreignObject>section .hljs-selector-tag,div#p>svg>foreignObject>section .hljs-type{color:#e28964}div#p>svg>foreignObject>section .hljs-string{color:#65b042}div#p>svg>foreignObject>section .hljs-subst{color:#daefa3}div#p>svg>foreignObject>section .hljs-link,div#p>svg>foreignObject>section .hljs-regexp{color:#e9c062}div#p>svg>foreignObject>section .hljs-name,div#p>svg>foreignObject>section .hljs-section,div#p>svg>foreignObject>section .hljs-tag,div#p>svg>foreignObject>section .hljs-title{color:#89bdff}div#p>svg>foreignObject>section .hljs-class .hljs-title,div#p>svg>foreignObject>section .hljs-doctag,div#p>svg>foreignObject>section .hljs-title.class_{text-decoration:underline}div#p>svg>foreignObject>section .hljs-bullet,div#p>svg>foreignObject>section .hljs-number,div#p>svg>foreignObject>section .hljs-symbol{color:#3387cc}div#p>svg>foreignObject>section .hljs-params,div#p>svg>foreignObject>section .hljs-template-variable,div#p>svg>foreignObject>section .hljs-variable{color:#3e87e3}div#p>svg>foreignObject>section .hljs-attribute{color:#cda869}div#p>svg>foreignObject>section .hljs-meta{color:#8996a8}div#p>svg>foreignObject>section .hljs-formula{background-color:#0e2231;color:#f8f8f8;font-style:italic}div#p>svg>foreignObject>section .hljs-addition{background-color:#253b22;color:#f8f8f8}div#p>svg>foreignObject>section .hljs-deletion{background-color:#420e09;color:#f8f8f8}div#p>svg>foreignObject>section .hljs-selector-class{color:#9b703f}div#p>svg>foreignObject>section .hljs-selector-id{color:#8b98ab}div#p>svg>foreignObject>section .hljs-emphasis{font-style:italic}div#p>svg>foreignObject>section .hljs-strong{font-weight:700}div#p>svg>foreignObject>section :is(h1,marp-h1),div#p>svg>foreignObject>section :is(h2,marp-h2),div#p>svg>foreignObject>section :is(h3,marp-h3),div#p>svg>foreignObject>section :is(h4,marp-h4),div#p>svg>foreignObject>section :is(h5,marp-h5),div#p>svg>foreignObject>section :is(h6,marp-h6){margin:.5em 0 0}div#p>svg>foreignObject>section :is(h1,marp-h1) strong,div#p>svg>foreignObject>section :is(h2,marp-h2) strong,div#p>svg>foreignObject>section :is(h3,marp-h3) strong,div#p>svg>foreignObject>section :is(h4,marp-h4) strong,div#p>svg>foreignObject>section :is(h5,marp-h5) strong,div#p>svg>foreignObject>section :is(h6,marp-h6) strong{font-weight:inherit}div#p>svg>foreignObject>section :is(h1,marp-h1)::part(auto-scaling),div#p>svg>foreignObject>section :is(h2,marp-h2)::part(auto-scaling),div#p>svg>foreignObject>section :is(h3,marp-h3)::part(auto-scaling),div#p>svg>foreignObject>section :is(h4,marp-h4)::part(auto-scaling),div#p>svg>foreignObject>section :is(h5,marp-h5)::part(auto-scaling),div#p>svg>foreignObject>section :is(h6,marp-h6)::part(auto-scaling){max-height:580px}div#p>svg>foreignObject>section :is(h1,marp-h1){font-size:1.8em}div#p>svg>foreignObject>section :is(h2,marp-h2){font-size:1.5em}div#p>svg>foreignObject>section :is(h3,marp-h3){font-size:1.3em}div#p>svg>foreignObject>section :is(h4,marp-h4){font-size:1.1em}div#p>svg>foreignObject>section :is(h5,marp-h5){font-size:1em}div#p>svg>foreignObject>section :is(h6,marp-h6){font-size:.9em}div#p>svg>foreignObject>section blockquote,div#p>svg>foreignObject>section p{margin:1em 0 0}div#p>svg>foreignObject>section ol>li,div#p>svg>foreignObject>section ul>li{margin:.3em 0 0}div#p>svg>foreignObject>section ol>li>p,div#p>svg>foreignObject>section ul>li>p{margin:.6em 0 0}div#p>svg>foreignObject>section code{display:inline-block;font-family:Roboto Mono,monospace;font-size:.8em;letter-spacing:0;margin:-.1em .15em;padding:.1em .2em;vertical-align:baseline}div#p>svg>foreignObject>section :is(pre,marp-pre){display:block;margin:1em 0 0;overflow:visible}div#p>svg>foreignOb
|
||
|
|
|
||
|
|
/* @theme color-head */
|
||
|
|
|
||
|
|
/*
|
||
|
|
Usage:
|
||
|
|
- slides: <!-- _class: 'xxx yyy' -->
|
||
|
|
- fitting: <!-- fit -->
|
||
|
|
|
||
|
|
Classes:
|
||
|
|
- First slide: 'lead'
|
||
|
|
- Second Slides: 'divider'
|
||
|
|
- Boxes: 'box-flex box-bg'
|
||
|
|
- text: big, small, extrasmall, center
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* COLOR CONFIGURATION */div#p>svg>foreignObject>:where(section):not([root]){--color-background:#fff;--color-foreground:#2c2c2c;--color-highlight:#f96;--color-dimmed:#720606}div#p>svg>foreignObject>section{padding:0}div#p>svg>foreignObject>section li,div#p>svg>foreignObject>section p{font-size:0.8em}div#p>svg>foreignObject>section header{color:var(--color-background);padding-top:0;margin-top:-10px!important}div#p>svg>foreignObject>section footer{border-left:2px solid;
|
||
|
|
/* border-image: linear-gradient(to right, #000 50%, transparent 50%) 100% 1; */padding:0px 20px;margin:10px 20px 10px 60px;height:40px;font-size:50%;border-image:linear-gradient(to bottom,rgba(0,0,0,0) 33%,var(--color-dimmed) 33%,var(--color-dimmed) 100%,rgba(0,0,0,0) 75%);border-image-slice:1}div#p>svg>foreignObject>section:after{left:0;height:60px;font-size:50%;color:var(--color-dimmed)}div#p>svg>foreignObject>section:after{--marpit-root-font-size:50%}div#p>svg>foreignObject>section :is(h1,marp-h1){background-color:var(--color-dimmed);color:var(--color-background);left:0;right:0;margin:0;padding:25px 25px 15px 25px}div#p>svg>foreignObject>section blockquote{width:60%;text-align:center;align-self:center;padding:66px;border-radius:30px;background-color:var(--color-background-stripe,transparent)}div#p>svg>foreignObject>section blockquote:after,div#p>svg>foreignObject>section blockquote:before{margin:10px}div#p>svg>foreignObject>section table{width:calc(100% - 80px)}div#p>svg>foreignObject>section :is(h2,marp-h2),div#p>svg>foreignObject>section :is(h3,marp-h3),div#p>svg>foreignObject>section :is(h4,marp-h4),div#p>svg>foreignObject>section :is(h5,marp-h5),div#p>svg>foreignObject>section :is(h6,marp-h6),div#p>svg>foreignObject>section blockquote,div#p>svg>foreignObject>section code,div#p>svg>foreignObject>section li,div#p>svg>foreignObject>section marp-pre,div#p>svg>foreignObject>section ol,div#p>svg>foreignObject>section p,div#p>svg>foreignObject>section strong,div#p>svg>foreignObject>section table,div#p>svg>foreignObject>section ul{margin-left:40px!important;margin-right:40px!important}div#p>svg>foreignObject>section.box-flex>ul{margin:0!important;height:80%;padding:0;list-style-type:none;display:flex;justify-content:center;flex-wrap:wrap;align-items:stretch;align-content:stretch}div#p>svg>foreignObject>section.box-flex>ul>li{margin:10px!important;border-radius:5px;padding:0.5em;flex:1 1 0}div#p>svg>foreignObject>section.box-bg>ul>li{background-color:var(--color-background-stripe,transparent)}div#p>svg>foreignObject>section.divider{justify-content:center;display:flex;flex-flow:column nowrap;align-items:stretch}div#p>svg>foreignObject>section.divider :is(h1,marp-h1){width:45%}div#p>svg>foreignObject>section.big li,div#p>svg>foreignObject>section.small p{font-size:1em}div#p>svg>foreignObject>section.small li,div#p>svg>foreignObject>section.small p{font-size:0.6em}div#p>svg>foreignObject>section.extrasmall li,div#p>svg>foreignObject>section.extrasmall p{font-size:0.4em}div#p>svg>foreignObject>section.center p,div#p>svg>foreignObject>section.center>ul>li{text-align:center}div#p>svg>foreignObject>section[data-marpit-advanced-background=background]{columns:initial!important;display:block!important;padding:0!important}div#p>svg>foreignObject>section[data-marpit-advanced-background=background]:after,div#p>svg>foreignObject>section[data-marpit-advanced-background=background]:before,div#p>svg>foreignObject>section[data-marpit-advanced-background=content]:after,div#p>svg>foreignObject>section[data-marpit-advanced-background=content]:before{display:none!important}div#p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]{all:initial;display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}div#p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container][data-marpit-advanced-background-direction=vertical]{flex-direction:column}div#p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split]>div[data-marpit-advanced-background-container]{width:var(--marpit-advanced-background-split,50%)}div#p>svg>foreignObject>section[data-marpit-advanced-background=background][data-marpit-advanced-background-split=right]>div[data-marpit-advanced-background-container]{margin-left:calc(100% - var(--marpit-advanced-background-split, 50%))}div#p>svg>foreignObject>section[data-marpit-advanced-background=background]>div[data-marpit-advanced-background-container]>figure{a
|
||
|
|
<h1 is="marp-h1" data-auto-scaling> Title of Deck</h1>
|
||
|
|
<h2 is="marp-h2" data-auto-scaling> Subtitle Subtitle Subtitle Subtitle Subtitle</h2>
|
||
|
|
<p><strong>Author</strong><br />
|
||
|
|
Milan, Marp Demo<br />
|
||
|
|
YYYY/MM/DD</p>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="2" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="divider" data-theme="color-head" class="divider" data-marpit-pagination="2" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:divider;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Agenda</h1>
|
||
|
|
<ol>
|
||
|
|
<li>text</li>
|
||
|
|
<li>text</li>
|
||
|
|
<li>text</li>
|
||
|
|
<li>text</li>
|
||
|
|
</ol>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="divider" data-theme="color-head" class="divider" data-marpit-pagination="3" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:divider;--theme:color-head;--marpit-advanced-background-split:33%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="right"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("../attachments/placeholder-circle.png");"></figure></div></section></foreignObject><foreignObject width="67%" height="720"><section id="3" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="divider" data-theme="color-head" class="divider" data-marpit-pagination="3" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:divider;--theme:color-head;--marpit-advanced-background-split:33%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="right">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h2>Introduction</h2>
|
||
|
|
<p>text</p>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="divider" data-theme="color-head" class="divider" data-marpit-pagination="3" data-marpit-pagination-total="21" style="" data-marpit-advanced-background="pseudo" data-marpit-advanced-background-split="right"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="4" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="divider" data-theme="color-head" class="divider" data-marpit-pagination="4" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:divider;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Section Header</h1>
|
||
|
|
<p>Section Details</p>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="5" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="5" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
<h1>Content</h1>
|
||
|
|
<h2>Subsection</h2>
|
||
|
|
<h3>Subsection 1</h3>
|
||
|
|
<h4>Subsection 2</h4>
|
||
|
|
<h5>Subsection 3</h5>
|
||
|
|
<h6>Subsection 4</h6>
|
||
|
|
<p>Text</p>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="6" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--theme:color-head;--marpit-advanced-background-split:50%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="right"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("../attachments/placeholder-circle.png");"></figure></div></section></foreignObject><foreignObject width="50%" height="720"><section id="6" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="6" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--theme:color-head;--marpit-advanced-background-split:50%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="right">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
<h1>Two Columns Image</h1>
|
||
|
|
<h2>column 1</h2>
|
||
|
|
<p>text</p>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="6" data-marpit-pagination-total="21" style="" data-marpit-advanced-background="pseudo" data-marpit-advanced-background-split="right"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="7" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="box-flex" data-theme="color-head" class="box-flex" data-marpit-pagination="7" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:box-flex;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Two Columns</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<h2>column 1</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 2</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="8" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="box-flex center" data-theme="color-head" class="box-flex center" data-marpit-pagination="8" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:box-flex center;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Two Columns With Centered Pictures</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<h2>picture 1</h2>
|
||
|
|
<img src="../attachments/placeholder-circle.png" alt="center" style="height:400px;" /></li>
|
||
|
|
<li><img src="../attachments/placeholder-circle.png" alt="center" /></li>
|
||
|
|
</ul>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="9" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="box-flex box-bg" data-theme="color-head" class="box-flex box-bg" data-marpit-pagination="9" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:box-flex box-bg;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Three Columns</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<h2>column 1</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 2</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 3</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="10" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="box-flex box-bg" data-theme="color-head" class="box-flex box-bg" data-marpit-pagination="10" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:box-flex box-bg;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Four Columns</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<h2>column 1</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 2</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 3</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 4</h2>
|
||
|
|
<p>lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="11" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="box-flex box-bg" data-theme="color-head" class="box-flex box-bg" data-marpit-pagination="11" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:box-flex box-bg;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Six Columns</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<h2>column 1</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 2</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 3</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 4</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 5</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 6</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="12" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="box-flex box-bg" data-theme="color-head" class="box-flex box-bg" data-marpit-pagination="12" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:box-flex box-bg;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Eight Columns</h1>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<h2>column 1</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 2</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 3</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 4</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 5</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 6</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 7</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<h2>column 8</h2>
|
||
|
|
<p>text</p>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="13" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="center" data-theme="color-head" class="center" data-marpit-pagination="13" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:center;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Picture</h1>
|
||
|
|
<p><img src="../attachments/placeholder-circle.png" alt="center" /></p>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="14" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="14" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
<h1>Table</h1>
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>text</th>
|
||
|
|
<th>text</th>
|
||
|
|
<th>text</th>
|
||
|
|
<th>text</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
<td>text</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="15" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="divider" data-theme="color-head" class="divider" data-marpit-pagination="15" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:divider;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<blockquote>
|
||
|
|
<p>Quote of the day</p>
|
||
|
|
</blockquote>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="16" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="16" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
<h1>Code</h1>
|
||
|
|
<pre is="marp-pre" data-auto-scaling="downscale-only"><code class="language-javascript"><span class="hljs-keyword">var</span> foo = <span class="hljs-string">""</span>
|
||
|
|
</code></pre>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="17" data-header="Title of deck" data-theme="color-head" style="--header:Title of deck;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Autoscaling Code</h1>
|
||
|
|
<pre is="marp-pre" data-auto-scaling="downscale-only"><code>bool getBit(int num, int i) {
|
||
|
|
return ((num & (1<<i)) != 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
bool getBit(int num, int i) {
|
||
|
|
return ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0) + ((num & (1<<i)) != 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
bool getBit(int num, int i) {
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;int i = 0;
|
||
|
|
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;int i = 0;
|
||
|
|
int i = 0;
|
||
|
|
int i = 0;int i = 0;
|
||
|
|
|
||
|
|
return ((num & (1<<i)) != 0);
|
||
|
|
popo
|
||
|
|
|
||
|
|
}
|
||
|
|
</code></pre>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="18" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="18" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
<h1>Math</h1>
|
||
|
|
<p>Text text .....:</p>
|
||
|
|
<p><mjx-container class="MathJax" jax="SVG" display="true" style="margin: 0;"><svg style="vertical-align: -2.062ex; display: block; width: 100%; height: auto; max-height: 5.141ex;" xmlns="http://www.w3.org/2000/svg" width="26.48ex" height="5.141ex" role="img" focusable="false" viewBox="0 -1361 11704.2 2272.2"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="msub"><g data-mml-node="mi"><path data-c="1D43C" d="M43 1Q26 1 26 10Q26 12 29 24Q34 43 39 45Q42 46 54 46H60Q120 46 136 53Q137 53 138 54Q143 56 149 77T198 273Q210 318 216 344Q286 624 286 626Q284 630 284 631Q274 637 213 637H193Q184 643 189 662Q193 677 195 680T209 683H213Q285 681 359 681Q481 681 487 683H497Q504 676 504 672T501 655T494 639Q491 637 471 637Q440 637 407 634Q393 631 388 623Q381 609 337 432Q326 385 315 341Q245 65 245 59Q245 52 255 50T307 46H339Q345 38 345 37T342 19Q338 6 332 0H316Q279 2 179 2Q143 2 113 2T65 2T43 1Z"></path></g><g data-mml-node="TeXAtom" transform="translate(473,-150) scale(0.707)" data-mjx-texclass="ORD"><g data-mml-node="mi"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path></g><g data-mml-node="mi" transform="translate(572,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path></g></g></g><g data-mml-node="mo" transform="translate(1609.7,0)"><path data-c="3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path></g><g data-mml-node="mo" transform="translate(2665.5,0) translate(0 1)"><path data-c="222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z"></path></g><g data-mml-node="msub" transform="translate(3776.2,0)"><g data-mml-node="mo" transform="translate(0 1)"><path data-c="222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -7
|
||
|
|
<p><mjx-container class="MathJax" jax="SVG" display="true" style="margin: 0;"><svg style="vertical-align: -2.159ex; display: block; width: 100%; height: auto; max-height: 5.328ex;" xmlns="http://www.w3.org/2000/svg" width="24.023ex" height="5.328ex" role="img" focusable="false" viewBox="0 -1400.6 10618.2 2354.9"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><path data-c="1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z"></path></g><g data-mml-node="mo" transform="translate(550,0)"><path data-c="28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path></g><g data-mml-node="mi" transform="translate(939,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path></g><g data-mml-node="mo" transform="translate(1511,0)"><path data-c="29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path></g><g data-mml-node="mo" transform="translate(2177.8,0)"><path data-c="3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path></g><g data-mml-node="msubsup" transform="translate(3233.6,0)"><g data-mml-node="mo" transform="translate(0 1)"><path data-c="222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z"></path></g><g data-mml-node="mi" transform="translate(1046.4,1088.1) scale(0.707)"><path data-c="221E" d="M55 217Q55 305 111 373T254 442Q342 442 419 381Q457 350 493 303L507 284L514 294Q618 442 747 442Q833 442 888 374T944 214Q944 128 889 59T743 -11Q657 -11 580 50Q542 81 506 128L492 147L485 137Q381 -11 252 -11Q166 -11 111 57T55 217ZM907 217Q907 285 869 341T761 397Q740 397 720 392T682 378T648 359T619 335T594 310T574 285T559 263T548 246L543 238L574 198Q605 158 622 138T664 94T714 61T765 51Q827 51 867 100T907 217ZM92 214Q92 145 131 89T239 33Q357 33 456 193L425 233Q364 312 334 337Q285 380 233 380Q171 380 132 331T92 214Z"></path></g><g d
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="19" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-theme="color-head" data-marpit-pagination="19" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
<h1>Autoscaling Math</h1>
|
||
|
|
<p><mjx-container class="MathJax" jax="SVG" display="true" style="margin: 0;"><svg style="vertical-align: -2.159ex; display: block; width: 100%; height: auto; max-height: 5.328ex;" xmlns="http://www.w3.org/2000/svg" width="121.388ex" height="5.328ex" role="img" focusable="false" viewBox="0 -1400.6 53653.6 2354.9"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mi"><path data-c="1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z"></path></g><g data-mml-node="mo" transform="translate(550,0)"><path data-c="28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path></g><g data-mml-node="mi" transform="translate(939,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z"></path></g><g data-mml-node="mo" transform="translate(1511,0)"><path data-c="29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path></g><g data-mml-node="mo" transform="translate(2177.8,0)"><path data-c="3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path></g><g data-mml-node="msubsup" transform="translate(3233.6,0)"><g data-mml-node="mo" transform="translate(0 1)"><path data-c="222B" d="M114 -798Q132 -824 165 -824H167Q195 -824 223 -764T275 -600T320 -391T362 -164Q365 -143 367 -133Q439 292 523 655T645 1127Q651 1145 655 1157T672 1201T699 1257T733 1306T777 1346T828 1360Q884 1360 912 1325T944 1245Q944 1220 932 1205T909 1186T887 1183Q866 1183 849 1198T832 1239Q832 1287 885 1296L882 1300Q879 1303 874 1307T866 1313Q851 1323 833 1323Q819 1323 807 1311T775 1255T736 1139T689 936T633 628Q574 293 510 -5T410 -437T355 -629Q278 -862 165 -862Q125 -862 92 -831T55 -746Q55 -711 74 -698T112 -685Q133 -685 150 -700T167 -741Q167 -789 114 -798Z"></path></g><g data-mml-node="mi" transform="translate(1046.4,1088.1) scale(0.707)"><path data-c="221E" d="M55 217Q55 305 111 373T254 442Q342 442 419 381Q457 350 493 303L507 284L514 294Q618 442 747 442Q833 442 888 374T944 214Q944 128 889 59T743 -11Q657 -11 580 50Q542 81 506 128L492 147L485 137Q381 -11 252 -11Q166 -11 111 57T55 217ZM907 217Q907 285 869 341T761 397Q740 397 720 392T682 378T648 359T619 335T594 310T574 285T559 263T548 246L543 238L574 198Q605 158 622 138T664 94T714 61T765 51Q827 51 867 100T907 217ZM92 214Q92 145 131 89T239 33Q357 33 456 193L425 233Q364 312 334 337Q285 380 233 380Q171 380 132 331T92 214Z"></path></g><g
|
||
|
|
</section>
|
||
|
|
</foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section data-header="Title of deck" data-class="divider" data-theme="color-head" class="divider" style="--header:Title of deck;--class:divider;--theme:color-head;--marpit-advanced-background-split:33%;" data-marpit-advanced-background="background" data-marpit-advanced-background-split="left"><div data-marpit-advanced-background-container="true" data-marpit-advanced-background-direction="horizontal"><figure style="background-image:url("../attachments/placeholder-circle.png");"></figure></div></section></foreignObject><foreignObject width="67%" height="720" x="33%"><section id="20" data-header="Title of deck" data-class="divider" data-theme="color-head" class="divider" style="--header:Title of deck;--class:divider;--theme:color-head;--marpit-advanced-background-split:33%;" data-marpit-advanced-background="content" data-marpit-advanced-background-split="left">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h2>Summary</h2>
|
||
|
|
<p>This is the summary of presentation</p>
|
||
|
|
</section>
|
||
|
|
</foreignObject><foreignObject width="1280" height="720" data-marpit-advanced-background="pseudo"><section data-header="Title of deck" data-class="divider" data-theme="color-head" class="divider" style="" data-marpit-advanced-background="pseudo" data-marpit-advanced-background-split="left"></section></foreignObject></svg><svg data-marpit-svg="" viewBox="0 0 1280 720"><foreignObject width="1280" height="720"><section id="21" data-paginate="true" data-header="Title of deck" data-footer="this is footer" data-class="divider" data-theme="color-head" class="divider" data-marpit-pagination="21" data-marpit-pagination-total="21" style="--paginate:true;--header:Title of deck;--footer:this is footer;--class:divider;--theme:color-head;">
|
||
|
|
<header>Title of deck</header>
|
||
|
|
|
||
|
|
<h1>Thank You</h1>
|
||
|
|
<p>Author<br />
|
||
|
|
<a href="mailto:mail@email.com">mail@email.com</a><br />
|
||
|
|
www.author.com<br />
|
||
|
|
@Twitter</p>
|
||
|
|
<footer>this is footer</footer>
|
||
|
|
</section>
|
||
|
|
<script>!function(){"use strict";const t={h1:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"1"},style:"display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h2:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"2"},style:"display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h3:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"3"},style:"display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h4:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"4"},style:"display: block; margin-block-start: 1.33em; margin-block-end: 1.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h5:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"5"},style:"display: block; font-size: 0.83em; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},h6:{proto:()=>HTMLHeadingElement,attrs:{role:"heading","aria-level":"6"},style:"display: block; font-size: 0.67em; margin-block-start: 2.33em; margin-block-end: 2.33em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;"},span:{proto:()=>HTMLSpanElement},pre:{proto:()=>HTMLElement,style:"display: block; font-family: monospace; white-space: pre; margin: 1em 0; --marp-auto-scaling-white-space: pre;"}},e="data-marp-auto-scaling-wrapper",i="data-marp-auto-scaling-svg",n="data-marp-auto-scaling-container";class s extends HTMLElement{constructor(){super(),this.svgPreserveAspectRatio="xMinYMid meet";const t=t=>([e])=>{const{width:i,height:n}=e.contentRect;this[t]={width:i,height:n},this.updateSVGRect()};this.attachShadow({mode:"open"}),this.containerObserver=new ResizeObserver(t("containerSize")),this.wrapperObserver=new ResizeObserver(((...e)=>{t("wrapperSize")(...e),this.flushSvgDisplay()}))}static get observedAttributes(){return["data-downscale-only"]}connectedCallback(){var t,s,o,r,a;this.shadowRoot.innerHTML=`\n<style>\n svg[${i}] { display: block; width: 100%; height: auto; vertical-align: top; }\n span[${n}] { display: table; white-space: var(--marp-auto-scaling-white-space, nowrap); width: max-content; }\n</style>\n<div ${e}>\n <svg part="svg" ${i}>\n <foreignObject><span ${n}><slot></slot></span></foreignObject>\n </svg>\n</div>\n `.split(/\n\s*/).join(""),this.wrapper=null!==(t=this.shadowRoot.querySelector(`div[${e}]`))&&void 0!==t?t:void 0;const l=this.svg;this.svg=null!==(o=null===(s=this.wrapper)||void 0===s?void 0:s.querySelector(`svg[${i}]`))&&void 0!==o?o:void 0,this.svg!==l&&(this.svgComputedStyle=this.svg?window.getComputedStyle(this.svg):void 0),this.container=null!==(a=null===(r=this.svg)||void 0===r?void 0:r.querySelector(`span[${n}]`))&&void 0!==a?a:void 0,this.observe()}disconnectedCallback(){this.svg=void 0,this.svgComputedStyle=void 0,this.wrapper=void 0,this.container=void 0,this.observe()}attributeChangedCallback(){this.observe()}flushSvgDisplay(){const{svg:t}=this;t&&(t.style.display="inline",requestAnimationFrame((()=>{t.style.display=""})))}observe(){this.containerObserver.disconnect(),this.wrapperObserver.disconnect(),this.wrapper&&this.wrapperObserver.observe(this.wrapper),this.container&&this.containerObserver.observe(this.container),this.svgComputedStyle&&this.observeSVGStyle(this.svgComputedStyle)}observeSVGStyle(t){const e=()=>{const i=(()=>{const e=t.getPropertyValue("--preserve-aspect-ratio");if(e)return e.trim();return`x${(({textAlign:t,direction:e})=>{if(t.endsWith("left"))return"Min";if(t.endsWith("right"))return"Max";if("start"===t||"end"===t){let i="rtl"===e;return"end"===t&&(i=!i),i?"Max":"Min"}return"Mid"})(t)}YMid meet`})();i!==this.svgPreserveAspectRatio&&(this.svgPreserveAspectRatio=i,this.updateSVGRect()),t===this.svgComputedStyle&&requestAnimationFrame(e)};e()
|
||
|
|
</script></foreignObject></svg></div><script>/*!! License: https://unpkg.com/@marp-team/marp-cli@2.4.0/lib/bespoke.js.LICENSE.txt */
|
||
|
|
!function(){"use strict";const e=document.body,t=(...e)=>history.replaceState(...e),n="presenter",r="next",o=["",n,r],i="bespoke-marp-",a=`data-${i}`,s=(e,{protocol:t,host:n,pathname:r,hash:o}=location)=>{const i=e.toString();return`${t}//${n}${r}${i?"?":""}${i}${o}`},l=()=>e.dataset.bespokeView,d=e=>new URLSearchParams(location.search).get(e),c=(e,n={})=>{var r;const o={location,setter:t,...n},i=new URLSearchParams(o.location.search);for(const t of Object.keys(e)){const n=e[t];"string"==typeof n?i.set(t,n):i.delete(t)}try{o.setter({...null!==(r=window.history.state)&&void 0!==r?r:{}},"",s(i,o.location))}catch(e){console.error(e)}},u=(()=>{const e="bespoke-marp";try{return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch(e){return!1}})(),f=e=>{try{return localStorage.getItem(e)}catch(e){return null}},m=(e,t)=>{try{return localStorage.setItem(e,t),!0}catch(e){return!1}},g=e=>{try{return localStorage.removeItem(e),!0}catch(e){return!1}},p=(e,t)=>{const n="aria-hidden";t?e.setAttribute(n,"true"):e.removeAttribute(n)},v=e=>{e.parent.classList.add(`${i}parent`),e.slides.forEach((e=>e.classList.add(`${i}slide`))),e.on("activate",(t=>{const n=`${i}active`,r=t.slide,o=r.classList,a=!o.contains(n);if(e.slides.forEach((e=>{e.classList.remove(n),p(e,!0)})),o.add(n),p(r,!1),a){const e=`${n}-ready`;o.add(e),document.body.clientHeight,o.remove(e)}}))},h=e=>{let t=0,n=0;Object.defineProperty(e,"fragments",{enumerable:!0,value:e.slides.map((e=>[null,...e.querySelectorAll("[data-marpit-fragment]")]))});const r=r=>void 0!==e.fragments[t][n+r],o=(r,o)=>{t=r,n=o,e.fragments.forEach(((e,t)=>{e.forEach(((e,n)=>{if(null==e)return;const i=t<r||t===r&&n<=o;e.setAttribute(`${a}fragment`,(i?"":"in")+"active");const s=`${a}current-fragment`;t===r&&n===o?e.setAttribute(s,"current"):e.removeAttribute(s)}))})),e.fragmentIndex=o;const i={slide:e.slides[r],index:r,fragments:e.fragments[r],fragmentIndex:o};e.fire("fragment",i)};e.on("next",(({fragment:i=!0})=>{if(i){if(r(1))return o(t,n+1),!1;const i=t+1;e.fragments[i]&&o(i,0)}else{const r=e.fragments[t].length;if(n+1<r)return o(t,r-1),!1;const i=e.fragments[t+1];i&&o(t+1,i.length-1)}})),e.on("prev",(({fragment:i=!0})=>{if(r(-1)&&i)return o(t,n-1),!1;const a=t-1;e.fragments[a]&&o(a,e.fragments[a].length-1)})),e.on("slide",(({index:t,fragment:n})=>{let r=0;if(void 0!==n){const o=e.fragments[t];if(o){const{length:e}=o;r=-1===n?e-1:Math.min(Math.max(n,0),e-1)}}o(t,r)})),o(0,0)},y=document,b=()=>!(!y.fullscreenEnabled&&!y.webkitFullscreenEnabled),w=()=>!(!y.fullscreenElement&&!y.webkitFullscreenElement),x=e=>{e.fullscreen=()=>{b()&&(async()=>{return w()?null===(e=y.exitFullscreen||y.webkitExitFullscreen)||void 0===e?void 0:e.call(y):((e=y.body)=>{var t;return null===(t=e.requestFullscreen||e.webkitRequestFullscreen)||void 0===t?void 0:t.call(e)})();var e})()},document.addEventListener("keydown",(t=>{"f"!==t.key&&"F11"!==t.key||t.altKey||t.ctrlKey||t.metaKey||!b()||(e.fullscreen(),t.preventDefault())}))},k=`${i}inactive`,$=(e=2e3)=>({parent:t,fire:n})=>{const r=t.classList,o=e=>n(`marp-${e?"":"in"}active`);let i;const a=()=>{i&&clearTimeout(i),i=setTimeout((()=>{r.add(k),o()}),e),r.contains(k)&&(r.remove(k),o(!0))};for(const e of["mousedown","mousemove","touchend"])document.addEventListener(e,a);setTimeout(a,0)},E=["AUDIO","BUTTON","INPUT","SELECT","TEXTAREA","VIDEO"],L=e=>{e.parent.addEventListener("keydown",(e=>{if(!e.target)return;const t=e.target;(E.includes(t.nodeName)||"true"===t.contentEditable)&&e.stopPropagation()}))},S=e=>{window.addEventListener("load",(()=>{for(const t of e.slides){const e=t.querySelector("marp-auto-scaling, [data-auto-scaling], [data-marp-fitting]");t.setAttribute(`${a}load`,e?"":"hideable")}}))},P=({interval:e=250}={})=>t=>{document.addEventListener("keydown",(e=>{if(" "===e.key&&e.shiftKey)t.prev();else if("ArrowLeft"===e.key||"ArrowUp"===e.key||"PageUp"===e.key)t.prev({fragment:!e.shiftKey});else if(" "!==e.key||e.shiftKey)if("ArrowRight"===e.key||"ArrowDown"===e.key||"PageDown"===e.key)t.next({fragment:!e.shiftKey});else if("End"===e.key)t.slide(t.slides.length-
|