oficina / slides Public

Download this file

1	<section slides-slide data-index="8" data-id="slide009aaaa" data-layout="canvas" data-template="blank" data-theme="paper" data-transition="fade" style="--slides-bg:#faf7f0;--slides-fg:#1c1a17;--slides-accent:#8a5410;--slides-accent-2:#46617a;--slides-font-heading:Liberation Serif, Georgia, serif;--slides-font-body:Liberation Sans, system-ui, -apple-system, Segoe UI, Roboto, sans-serif">
2	<h1 slides-block data-block="heading" data-id="b091aaaaaaaa" data-level="1" data-z="1" style="left:6%;top:10%;width:88%;height:16%;z-index:1">On a phone this one reflows</h1>
3	<svg slides-block data-block="shape" data-id="b092aaaaaaaa" data-kind="rect" viewBox="0 0 100 100" preserveAspectRatio="none" focusable="false" role="img" data-z="2" data-phone-hidden="true" style="left:64%;top:32%;width:30%;height:44%;z-index:2">
4	<title>Desktop only</title>
5	<rect x="1" y="1" width="98" height="98" rx="12" fill="#e0d7e8" stroke="#75608a" stroke-width="2" vector-effect="non-scaling-stroke" />
6	</svg>
7	<div slides-block data-block="text" data-id="b093aaaaaaaa" data-size="m" data-z="2" style="left:6%;top:32%;width:52%;height:44%;z-index:2">
8	<p>Setting phone to reflow lays the blocks out as one column.</p>
9	</div>
10	<div slides-block data-block="text" data-id="b094aaaaaaaa" data-size="m" data-z="3" style="left:6%;top:80%;width:88%;height:12%;z-index:3">
11	<p>A footnote, last by z.</p>
12	</div>
13	</section>
14