This is an old revision of the document!
Get started, The basics video series
This video collection describes the basic block types that can be combined in various ways to create rich content.
Add a text block
Let's start with something really basic just to get going.
<html> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/264735547?h=4078d17983" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> </html>
Using slideshows
<html> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/264735543?h=2a759ca547&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="PIXILAB Blocks: Using Slideshows"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> </html>
Using compositions
<html> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/264735541?h=b0df923aea&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="PIXILAB Blocks: Using Compositions"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> </html>
Using books
<html> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/402971010?h=fba1c6b53c&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="9-Book Navigation"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> </html>
Nested books
<html> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/402971083?h=e7a367222f&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="10-Deep Navigation"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> </html>
Blocks Editor features
Learn what an attractor is and how to snap, align, duplicate, import and export and navigate around in the block while editing, <html> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/353614848?h=afc37d9e86&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Blocks 3 &ndash; Editing and Navigation"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> </html>