Blog

Blocks, Content

Images

The Image Gallery block provides an easy way to generate beautiful grid layouts. Clicking an image in the grid opens a lightbox slideshow in fullscreen.

By default all images are arranged in a masonry layout with coulmns. Optionally the grid can be modified to have a clean bottom edge. Alternatively it is also possible to use a row layout instead.

Image selections can also be displayed as slideshows. They can be configured to show controls and change images automatically.

Single images can be used as well. They can have captions and may also be used as links to other pages.

This is a caption

Text Content

The default block is just a simple paragraph containing text content. Text can be easily styled using inline styles. Paragraphs can also be converted to lists or headlines.

  • This is a List Item of an unordered list.
    • Another List Item. List can also be ordered!
      • And a Third One, you get it ...
        This is a Table Header
        And this are some rows
        and some columns
        This is a super important and awesome quote! Please read it carefully!
        by Me

        Embedded

        Just paste any link to YouTube or Vimeo videos, Twitter posts, Soundcloud pages or CodePens to embed them into your page. 

        A Button  A Second One

        Generate page cards automatically using the pagelist block with the blog template.

        Intro To Systems
        Monday, November 29th 2021

        This is a section in a section?

        Sections are blocks that contain other blocks. They can be styled, have background images and allow for creating complex flexbox layouts. 👏 They also can be nested!

        Or the standard portfolio template ...

        ... a simple template ...

        Monday, November 29th 2021

        This is a section in a section?

        Sections are blocks that contain other blocks. They can be styled, have background images and allow for creating complex flexbox layouts. 👏 They also can be nested!

        ... or just images.

        Create a list of files defined by one ore more glob patterns using the filelist block.

        Code

        <div class="title">
            Automad is Awesome!
        </div>

        Email