placeholder layoutinfo follows:

(that is it doesnt work yet. using partial instead)

Layout in use:

Basic Concepts of Winter CMS

This page is index.html which includes the partial "html/dirtree.htm"

Page, Content block, or Partial?

The following div contains {% content "jeffrey.htm" %}

Content block

themeName_Folder > content block > jeffrey.htm 
-- themes
  -- NamedTheme_Folder
    -- content
      -- card-one.htm
      -- diagram.htm
      -- jeffrey.htm
      -- basik.htm
      -- home.htm

This Content block is a sibling of home.htm (the defualt index file of the Winter CMS Demo theme). 

[ end of jeffrey.htm ]
end contnent block

Directory Tree

Structure of Winter CMS { Basik } Theme:

ThemeName Folder Top
├── assets
│   ├── css
│   │   ├── basiktheme.css
│   │   ├── theme.css
│   │   └── vendor.css
│   ├── fonts
│   │   ├── lato-black-webfont.eot
│   │   ├── lato-black-webfont.svg
│   │   ├── lato-black-webfont.ttf
│   │   ├── lato-black-webfont.woff
│   │   ├── lato-italic-webfont.eot
│   │   ├── lato-italic-webfont.svg
│   │   ├── lato-italic-webfont.ttf
│   │   ├── lato-italic-webfont.woff
│   │   ├── lato-light-webfont.eot
│   │   ├── lato-light-webfont.svg
│   │   ├── lato-light-webfont.ttf
│   │   ├── lato-light-webfont.woff
│   │   ├── lato-regular-webfont.eot
│   │   ├── lato-regular-webfont.svg
│   │   ├── lato-regular-webfont.ttf
│   │   └── lato-regular-webfont.woff
│   ├── images
│   │   ├── brain-alt-5-px.png
│   │   ├── newbrain_bandicoo.webp
│   │   ├── pages-vs-cmseditor-vs-paths.png
│   │   ├── theme-preview.png
│   │   └── winter.png
│   ├── javascript
│   │   └── app.js
│   └── less
│       ├── controls
│       ├── elements
│       ├── layouts
│       ├── pages
│       ├── theme
│       ├── theme.less
│       └── vendor.less
├── composer.json
├── content
│   ├── placeholder
│   │   ├── layout.txt
│   │   ├── page.txt
│   │   ├── style2.txt
│   │   └── style.txt
│   ├── jeffrey.htm
│   ├── basik.htm
│   └── home.htm
├── layouts
│   ├── default.htm
│   ├── layout_alt_one.htm
│   └── layout_alt_two.htm
├── meta
│   └── static-pages.yaml
├── pages
│   ├── 404.htm
│   ├── error.htm
│   ├── framework.htm
│   ├── home.htm
│   ├── index.htm
│   ├── jeffcon.htm
│   └── plugins.htm
├── partials
│   ├── calcresult.htm
│   ├── explain
│   │   ├── ajax.htm
│   │   └── plug.htm
│   ├── html
│   │   ├── contact.htm
│   │   └── dirtree.htm
│   └── site
│       ├── footer.htm
│       ├── header.htm
│       └── header.htm2.bak
├── README.md
└── theme.yaml

21 directories, 56 files

  What's in a Page?

{ % page %}

Using a layout for pages is optional — you can define everything right in the page file.

This page does not use a { % page % } file, because this is the "{ % page % } (index.htm)" file!

Assets

  Assets are resource files like images and stylesheets.

This theme stores its asset files (JavaScript, StyleSheet, images, fonts, etc) in the themes/basiktheme/assets directory. This theme is also packaged with these useful 3rd party tools:

Continue to AJAX framework

page: index.htm