databook-theme 0.1.1

data/_includes/layout/article.liquid

@@ -0,0 +1,71 @@
+{%- assign pageitem = include.page | default: page -%}
+{%- assign html_content = include.content | default: pageitem.content -%}
+
+{%- assign typography = pageitem.typography | default: layout.typography | default: site.typography | default: "article" -%}
+{%- assign hide_title = pageitem.hide_title -%}
+
+{%- capture page_title -%}
+  {%- include functions/get_page_title.liquid page=pageitem -%}
+{%- endcapture -%}
+
+{%- capture page_meta -%}
+  {%- include functions/get_page_meta.liquid
+    page = pageitem
+    tags = true
+    authors = true
+    details = true
+  -%}
+{%- endcapture -%}
+
+{%- capture breadcrumb -%}
+  <div class="c-breadcrumb">
+    <span class="c-breadcrumb__item">
+      <a href="{{- '/' | relative_url -}}">{%- include localize key="title_home" default="Home" -%}</a>
+    </span>
+    {%- for category in pageitem.categories -%}
+      <span class="c-breadcrumb__item">
+        <a href="{%- include functions/get_taxonomy_link.liquid category=category -%}">{{- category -}}</a>
+      </span>
+    {%- endfor -%}
+  </div>
+{%- endcapture -%}
+
+{%- capture page_header -%}
+{%- unless hide_title -%}
+  {%- include components/title.liquid
+    breadcrumb = breadcrumb
+    title = page_title
+    url = pageitem.url
+    meta = page_meta
+  -%}
+{%- endunless -%}
+{%- endcapture -%}
+
+{%- assign has_side = include.has_side -%}
+{%- assign page_side = false -%}
+{%- if has_side -%}
+  {%- capture page_side -%}
+    {%- include components/toc.liquid html=html_content -%}
+  {%- endcapture -%}
+{%- endif -%}
+
+{%- capture page_content -%}
+  {%- if pageitem.thumbnail -%}
+    <img class="c-thumbnail" src="{{- pageitem.thumbnail -}}" />
+  {%- endif -%}
+  {{- html_content -}}
+{%- endcapture -%}
+
+{%- capture page_footer -%}
+  {%- include components/prevnext.liquid -%}
+{%- endcapture -%}
+
+{%- include layout/page.liquid
+  type = "article"
+  src = pageitem.url
+  header = page_header
+  content = page_content
+  side = page_side
+  footer = page_footer
+  typography = typography
+-%}

data/_includes/layout/footer.liquid

@@ -0,0 +1,53 @@
+{%- assign footer_data = include.data -%}
+
+{%- comment -%}todo: existence check{%- endcomment -%}
+{%- assign custom_footer_file = footer_data.custom_file | default: "custom/footer.liquid" -%}
+{%- capture custom_footer -%}
+  {%- include {{custom_footer_file}} -%}
+{%- endcapture -%}
+{%- assign custom_size = custom_footer | strip | strip_newlines | size -%}
+
+<footer class="l-footer">
+  {%- if custom_size > 0 -%}
+  <div class="l-footer__custom">
+    {{- custom_footer -}}
+  </div>
+  {%- endif -%}
+
+  {%- if footer_data.text -%}
+  <div class="l-footer__text">
+    {{- footer_data.text -}}
+  </div>
+  {%- endif -%}
+
+  <div class="l-footer__left">
+    <div class="c-footer-list">
+      {%- if footer_data.copyright or site.copyright -%}
+        <div class="c-footer-list__item">
+          {{- footer_data.copyright | default: site.copyright | markdownify | remove: "<p>" | remove: "</p>" -}}
+        </div>
+      {%- endif -%}
+      {%- if footer_data.links -%}
+      {%- for item in footer_data.links -%}
+        <div class="c-footer-list__item">
+        {%- if item.url -%}<a href="{{ item.url }}">{%- endif -%}
+          {{- item.text -}}
+        {%- if item.url -%}</a>{%- endif -%}
+        </div>
+      {%- endfor -%}
+      {%- endif -%}
+    </div>
+  </div>
+
+  <div class="l-footer__middle">
+  </div>
+
+  <div class="l-footer__right">
+    {%- if footer_data.provider or site.provider -%}
+      {{- footer_data.provider | default: site.provider | markdownify | remove: "<p>" | remove: "</p>" -}}
+    {%- else -%}
+      Powered by <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="https://github.com/fortelle/databook-theme" rel="nofollow">Databook</a>
+    {%- endif -%}
+  </div>
+
+</footer>

data/_includes/layout/header.liquid

@@ -0,0 +1,31 @@
+{%- assign header_data = include.data -%}
+
+<header class="l-header {%- if header_data.sticky %} l-header--sticky{%- endif -%}">
+
+  <div class="l-header__left">
+    {%- if include.has_sidebar -%}
+      <label class="c-navbutton c-navbutton--sidebar" for="sidebar-toggler"></label>
+    {%- endif -%}
+
+    {%- if header_data.left_menu -%}
+      {%- include components/navmenu.liquid data=header_data.left_menu -%}
+    {%- endif -%}
+  </div>
+
+  <div class="l-header__logo">
+    <a class="c-logo" href="{{- '/' | relative_url -}}">
+      <img class="c-logo__image" src="{{- header_data.logo_url | default: site.logo | relative_url -}}" alt="Logo" />
+      <span class="c-logo__text">{{- header_data.logo_text | default: site.title | escape -}}</span>
+    </a>
+  </div>
+
+  <div class="l-header__right">
+    {%- if site.search -%}
+      {%- include components/search.liquid -%}
+    {%- endif -%}
+    {%- if header_data.right_menu -%}
+      {%- include components/navmenu.liquid data=header_data.right_menu is_right=true -%}
+    {%- endif -%}
+  </div>
+
+</header>

data/_includes/layout/hero.liquid

@@ -0,0 +1,29 @@
+{%- assign hero_data = include.data -%}
+
+{%- assign hero_style = "" -%}
+{%- if hero_data.image -%}
+  {%- assign hero_style = hero_style | append: "background-image: url(" | append: hero_data.image | append: ");" -%}
+{%- endif -%}
+{%- if hero_data.height -%}
+  {%- assign hero_style = hero_style | append: "height: " | append: hero_data.height | append: ";" -%}
+{%- endif -%}
+
+<div class="l-hero {%- if hero_data.overflow %} l-hero--overflow{%- endif -%}">
+  <div class="c-hero" style="{{- hero_style -}}">
+    {%- if hero_data.title -%}
+      <div class="c-hero__title">
+        {{- hero_data.title -}}
+      </div>
+    {%- endif -%}
+    {%- if hero_data.description -%}
+      <div class="c-hero__description">
+        {{- hero_data.description -}}
+      </div>
+    {%- endif -%}
+    {%- if hero_data.links -%}
+      <div class="c-hero__links">
+        {{- hero_data.links -}}
+      </div>
+    {%- endif -%}
+  </div>
+</div>

data/_includes/layout/page.liquid

@@ -0,0 +1,33 @@
+{%- capture page_header -%}
+  {%- unless include.hide_title -%}
+    <div class="l-page__header">
+      {%- if include.header -%}
+        {{- include.header -}}
+      {%- elsif include.title -%}
+        {%- include components/title.liquid
+          title = include.title
+        -%}
+      {%- endif -%}
+    </div>
+  {%- endunless -%}
+{%- endcapture -%}
+
+<div class="l-page" {%- if include.type %} data-type="{{include.type}}"{%- endif -%} {%- if include.src %} data-src="{{include.src}}"{%- endif -%}>
+
+  {{- page_header | strip_newlines -}}
+
+  {%- if include.side -%}
+    <div class="l-page__side" >
+      {{- include.side | strip_newlines -}}
+    </div>
+  {%- endif -%}
+
+  <div class="l-page__content {%- if include.typography %} l-typography l-typography--{{include.typography}}{%- endif -%}" >
+    {{- include.content -}}
+  </div>
+
+  <div class="l-page__footer">
+    {{- include.footer | strip_newlines -}}
+  </div>
+
+</div>

data/_includes/layout/pagehead.liquid

@@ -0,0 +1,17 @@
+<div class="c-pagehead">
+  <div class="c-pagehead__breadcrumb">{{- include.breadcrumb -}}</div>
+  
+  <h1 class="c-pagehead__title">
+    <a href="{{ include.url | relative_url }}">
+      {{- include.title -}}
+    </a>
+  </h1>
+
+  <div class="c-pagehead__right">
+  </div>
+  <div class="c-pagehead__tagline">{{- include.tagline | markdownify -}}</div>
+
+  <div class="c-pagehead__divider"></div>
+  <div class="c-pagehead__meta">{{- include.meta -}}</div>
+  <div class="c-pagehead__indicator">{{- include.indicator -}}</div>
+</div>

data/_includes/layout/sidebar.liquid

@@ -0,0 +1,178 @@
+{%- assign sidebar_data = include.data -%}
+
+<input type="checkbox" id="sidebar-toggler" class="h-toggler"/>
+<aside class="l-sidebar {%- if sidebar_data.sticky %} l-sidebar--sticky{%- endif %}" {%- if sidebar_data.width %} style="--db-sidebar-width: {{sidebar_data.width}};"{%- endif -%}>
+  {%- if sidebar_data.header != false -%}
+  <div class="l-sidebar__header">
+    <a class="c-logo" href="{{ '/' | relative_url }}">
+      <img class="c-logo__image" src="{{ sidebar_data.header.logo | default: site.logo | relative_url }}" alt="Logo" />
+      <span class="c-logo__text">{{- sidebar_data.header.text | default: site.logo_text | default: site.title | escape -}}</span>
+    </a>
+  </div>
+  {%- elsif sidebar_data.header_html -%}
+  <div class="l-sidebar__header">
+    {{- sidebar_data.header_html -}}
+  </div>
+  {%- endif -%}
+
+  <div class="l-sidebar__body u-thinscrollbar">
+  {%- if sidebar_data.profile -%}
+    <div class="c-profile">
+      {%- if sidebar_data.profile.image -%}
+      <div class="c-profile__image">
+        <img src="{{sidebar_data.profile.image}}" />
+      </div>
+      {%- endif -%}
+      <div class="c-profile__title">
+        {{- sidebar_data.profile.title | default: sidebar_data.profile.name -}}
+      </div>
+      <div class="c-profile__subtitle">
+        {{- sidebar_data.profile.subtitle | default: sidebar_data.profile.nickname | markdownify | remove: "<p>" | remove: "</p>" -}}
+      </div>
+      <div class="c-profile__description">
+        {{- sidebar_data.profile.bio | default: sidebar_data.profile.description | markdownify | remove: "<p>" | remove: "</p>" -}}
+      </div>
+    </div>
+  {%- endif -%}
+
+  {%- if sidebar_data.socials -%}
+    <table class="c-sociallist">
+    {%- for item in sidebar_data.socials -%}
+      {%- assign social = site.data.socials.[item.name] | default: site.data.databook.socials.[item.name] | default: site.data.databook.socials.link -%}
+      {%- assign text = item.text | default: social.text | default: item.value -%}
+      {%- assign url = item.url | default: social.url | replace: ":value", item.value | default: false -%}
+      {%- assign icon = item.icon | default: social.icon | default: false -%}
+      {%- include components/social_link.liquid url=url text=text icon=icon -%}
+    {%- endfor -%}
+    </table>
+  {%- endif -%}
+  
+  {%- if sidebar_data.links -%}
+    <div class="c-navlist">
+      {%- for item in sidebar_data.links -%}
+        {%- assign is_active = false -%}
+        {%- if item.url == page.url -%}
+          {%- assign is_active = true -%}
+        {%- elsif item.prefix -%}
+          {%- assign prefix_checker = page.url | split: item.prefix -%}
+          {%- if prefix_checker.size > 1 and prefix_checker[0].size == 0 and prefix_checker[1].size > 0 -%}{%- assign is_active = true -%}{%- endif -%}
+        {%- endif -%}
+        <div class="c-navlist__item {%- if is_active %} is-active{%- endif -%}">
+          <a class="c-navlist__link" href="{{ item.url }}">
+            {{- item.text -}}
+          </a>
+        </div>
+      {%- endfor -%}
+    </div>
+  {%- endif -%}
+
+  {%- if sidebar_data.navigation -%}
+    <div class="c-navtree">
+      {%- for group in sidebar_data.navigation -%}
+        <div class="c-navtree__group {%- if group.bottom %} c-navtree__group--bottom{%- endif -%}">
+        <div class="c-navtree__label">
+          {{- group.text -}}
+        </div>
+        {%- for item in group.items -%}
+          {%- if item.text == "-" -%}
+            <div class="c-navmenu__divider"></div>
+          {%- else -%}
+            {%- assign is_expanded = false -%}
+            {%- if item.expanded or group.expanded or sidebar_data.expanded -%}
+              {%- assign is_expanded = true -%}
+            {%- elsif item.url == page.url -%}
+              {%- assign is_expanded = true -%}
+            {%- else -%}
+              {%- assign subitem_checker = item.items | where: "url", page.url | first -%}
+              {%- if subitem_checker -%}
+                {%- assign is_expanded = true -%}
+              {%- endif -%}
+            {%- endif -%}
+            {%- assign is_enabled = true -%}
+            {%- if item.url == nil and item.items == nil -%}
+              {%- assign is_enabled = false -%}
+            {%- endif -%}
+            {%- assign icon = item.icon | default: group.item_icon -%}
+            <div class="c-navtree__item {%- if item.disabled %} is-disabled{%- elsif item.url == page.url %} is-active{%- endif -%} {%- if is_expanded %} is-expanded{%- endif -%}">
+              {%- if item.disabled -%}
+                <a class="c-navtree__link"
+              {%- elsif item.url -%}
+                <a class="c-navtree__link" href="{{ item.url }}" {%- if item.external %} target="_blank"{%- endif -%}
+              {%- elsif item.onclick -%}
+                <a class="c-navtree__link" href="javascript:void(0);" onclick="{{ item.onclick }}"
+              {%- elsif item.items -%}
+                <a class="c-navtree__link" onclick="this.parentNode.classList.toggle('is-expanded');return false;"
+              {%- else -%}
+                <a class="c-navtree__link"
+              {%- endif -%}
+                {%- if item.title %} title="{{item.title}}"{%- endif -%}>
+                <div class="c-navtree__icon">{%- if icon -%}{%- include functions/get_icon.liquid icon=icon -%}{%- endif -%}</i></div>
+                <div class="c-navtree__text">{{ item.text }}</div>
+                {%- if item.badge -%}
+                <div class="c-navtree__badge">{%- include functions/get_icon.liquid icon=item.badge -%}</div>
+                {%- elsif item.external -%}
+                <div class="c-navtree__badge">{%- include functions/get_icon.liquid icon="fa fa-arrow-up-right-from-square" -%}</div>
+                {%- endif -%}
+              </a>
+              {%- if item.button -%}
+                {%- if item.button.url -%}
+                  <a class="c-navtree__button" href="{{ item.button.url }}" {%- if item.button.external %} target="_blank"{%- endif -%}
+                {%- elsif item.button.onclick -%}
+                  <a class="c-navtree__button" href="javascript:void(0);" onclick="{{ item.button.onclick }}"
+                {%- else -%}
+                  <a class="c-navtree__button"
+                {%- endif -%}
+                  {%- if item.button.title %} title="{{item.button.title}}"{%- endif -%}>
+                  {%- include functions/get_icon.liquid icon=item.button.icon -%}
+                </a>
+              {%- elsif item.items -%}
+                <div class="c-navtree__button c-navtree__button--toggle" onclick="this.parentNode.classList.toggle('is-expanded');return false;"></div>
+              {%- endif -%}
+            </div>
+            {%- if item.items -%}
+            <div class="c-navtree__list">
+              {%- for subitem in item.items -%}
+              <div class="c-navtree__item {%- if subitem.url == page.url %} is-active{%- endif -%}">
+                {%- if subitem.url -%}
+                  <a class="c-navtree__link" href="{{ subitem.url }}">
+                {%- elsif subitem.onclick -%}
+                  <a class="c-navtree__link" href="javascript:void(0);" onclick="{{ subitem.onclick }};document.activeElement.blur();">
+                {%- else -%}
+                  <a class="c-navtree__link">
+                {%- endif -%}
+                  <div class="c-navtree__text">{{ subitem.text }}</div>
+                </a>
+              </div>
+              {%- endfor -%}
+            </div>
+            {%- endif -%}
+          {%- endif -%}
+        {%- endfor -%}
+        </div>
+      {%- endfor -%}
+    </div>
+  {%- endif -%}
+
+  {%- if sidebar_data.buttons -%}
+    <div class="c-sidebuttons">
+      {%- for item in sidebar_data.buttons -%}
+        {%- if item.name -%}
+          {%- assign social = site.data.socials.[item.name] | default: site.data.databook.socials.[item.name] | default: site.data.databook.socials.link -%}
+          {%- assign text = item.text | default: social.text | default: item.value -%}
+          {%- assign url = item.url | default: social.url | replace: ":value", item.value | default: false -%}
+          {%- assign icon = item.icon | default: social.icon | default: false -%}
+          {%- include components/social_button.liquid url=url text=text icon=icon -%}
+        {%- else -%}
+          {%- include components/social_button.liquid url=item.url text=item.text icon=item.icon -%}
+        {%- endif -%}
+      {%- endfor -%}
+    </div>
+  {%- endif -%}
+  </div>
+
+  {%- if sidebar_data.footer_html -%}
+    <div class="l-sidebar__footer">
+      {{- sidebar_data.footer_html -}}
+    </div>
+  {%- endif -%}
+</aside>

data/_includes/localize

@@ -0,0 +1,29 @@
+{%- assign key = include.key -%}
+{%- assign code = include.language | default: page.language | default: site.language -%}
+{%- assign primary = code | split: "-" | first -%}
+{%- assign debug = "<span class="h-debug">" | append: key | append: "</span>" -%}
+
+{%- if include.is_plural or include.count > 1 -%}
+  {%- assign plural_key = key | append: "_plural" -%}
+  {%- assign text = site.data.databook.locale.[code].[plural_key]
+    | default: site.data.databook.locale.[code].[key]
+    | default: site.data.databook.locale.[primary].[plural_key]
+    | default: site.data.databook.locale.[primary].[key]
+    | default: include.default
+    | default: debug
+    -%}
+{%- else -%}
+  {%- assign text = site.data.databook.locale.[code].[key]
+    | default: site.data.databook.locale.[primary].[key]
+    | default: include.default
+    | default: debug
+    -%}
+{%- endif -%}
+
+{%- assign text = text
+  | replace: ":param1", include.param1
+  | replace: ":param2", include.param2
+  | replace: ":param3", include.param3
+  -%}
+
+{{- text -}}

data/_includes/notice

@@ -0,0 +1,6 @@
+<div class="c-notice c-notice--type-{{- include.type | default: info -}}">
+  {%- if include.title -%}
+    <div class="c-notice__header">{{- include.title | markdownify | remove: "<p>" | remove: "</p>" -}}</div>
+  {%- endif -%}
+  <div class="c-notice__body">{{- include.text | markdownify | remove: "<p>" | remove: "</p>" -}}</div>
+</div>

data/_includes/version

@@ -0,0 +1 @@
+0.1.1

data/_layouts/article.liquid

@@ -0,0 +1,10 @@
+---
+layout: default
+---
+
+{%- include layout/article.liquid
+  page = page
+  content = content
+  has_side = true
+  toc = true
+-%}

data/_layouts/default.liquid

@@ -0,0 +1,131 @@
+{%- assign html_attr = "" -%}
+
+{%- comment -%}html_class{%- endcomment -%}
+{%- assign html_class = "js-disabled" -%}
+{%- if jekyll.environment == "development" %} 
+  {%- assign html_class = html_class | append: " is-debug" -%}
+{%- endif -%}
+{%- if site.class %} 
+  {%- assign html_class = html_class | append: site.class -%}
+{%- endif -%}
+{%- if layout.class %} 
+  {%- assign html_class = html_class | append: layout.class -%}
+{%- endif -%}
+{%- if page.class %} 
+  {%- assign html_class = html_class | append: page.class -%}
+{%- endif -%}
+{%- if html_class.size > 0 -%}
+  {%- assign html_attr = html_attr | append: " class='" | append: html_class | append: "'" -%}
+{%- endif -%}
+
+{%- comment -%}lang{%- endcomment -%}
+{%- if site.language -%}
+  {%- assign html_attr = html_attr | append: " lang='" | append: site.language | append: "'" -%}
+{%- endif -%}
+
+{%- comment -%}html_style{%- endcomment -%}
+{%- assign html_style = "" -%}
+{%- if html_style.size > 0 -%}
+  {%- assign html_attr = html_attr | append: " style='" | append: html_style | append: "'" -%}
+{%- endif -%}
+
+{%- comment -%}data{%- endcomment -%}
+{%- assign color_scheme = page.color_scheme | default: layout.color_scheme | default: site.color_scheme | default: false -%}
+{%- if color_scheme -%}
+  {%- assign html_attr = html_attr | append: " data-color-scheme='" | append: color_scheme | append: "'" -%}
+{%- endif -%}
+
+{%- assign accent_color = page.accent_color | default: layout.accent_color | default: site.accent_color | default: false -%}
+{%- if accent_color -%}
+  {%- assign html_attr = html_attr | append: " data-accent-color='" | append: accent_color | append: "'" -%}
+{%- endif -%}
+
+{%- comment -%}sidebar_data{%- endcomment -%}
+{%- assign sidebar_data = nil -%}
+{%- if layout.hero or page.hero -%}
+{%- else -%}
+  {%- include functions/get_config_data.liquid key="sidebar" -%}
+  {%- assign sidebar_data = return -%}
+{%- endif -%}
+{%- assign has_sidebar = false -%}
+{%- if sidebar_data -%}
+  {%- assign has_sidebar = true -%}
+{%- endif -%}
+
+{%- comment -%}header_data{%- endcomment -%}
+{%- include functions/get_config_data.liquid key="header" -%}
+{%- assign header_data = return | default: nil -%}
+
+{%- comment -%}hero_data{%- endcomment -%}
+{%- include functions/get_config_data.liquid key="hero" -%}
+{%- assign hero_data = return | default: nil -%}
+
+{%- comment -%}footer_data{%- endcomment -%}
+{%- include functions/get_config_data.liquid key="footer" -%}
+{%- assign footer_data = return | default: nil -%}
+
+{%- comment -%}wrapper_class{%- endcomment -%}
+{%- assign wrapper_class = "l-wrapper" -%}
+{%- if page.layout -%}
+  {%- assign wrapper_class = wrapper_class | append: " l-wrapper--layout-" | append: page.layout -%}
+{%- endif -%}
+{%- if page.wide or layout.wide -%}
+  {%- assign wrapper_class = wrapper_class | append: " is-wide" -%}
+{%- endif -%}
+{%- if has_sidebar -%}
+  {%- assign wrapper_class = wrapper_class | append: " has-sidebar" -%}
+{%- endif -%}
+{%- if hero_data.overflow or header_data.translucent -%}
+  {%- assign wrapper_class = wrapper_class | append: " has-background" -%}
+{%- endif -%}
+
+
+{%- capture __PAGE_TITLE -%}
+  {%- include functions/get_page_title.liquid -%}
+{%- endcapture -%}
+
+{%- comment -%}
+  Html begin
+{%- endcomment -%}
+
+<!DOCTYPE html>
+<html {{- html_attr -}}>
+{% include head/head.liquid %}
+  <body>
+    <div class="{{- wrapper_class -}}">
+
+      {%- comment -%}l-sidebar{%- endcomment -%}
+      {%- if sidebar_data -%}
+        {%- include layout/sidebar.liquid data=sidebar_data -%}
+      {%- endif -%}
+
+      <main class="l-main">
+        {%- comment -%}l-header{%- endcomment -%}
+        {%- unless layout.hide_header or page.hide_header -%}
+          {%- include layout/header.liquid data=header_data has_sidebar=has_sidebar -%}
+        {%- endunless -%}
+
+        {%- comment -%}l-hero{%- endcomment -%}
+        {%- if hero_data -%}
+          {%- include layout/hero.liquid data=hero_data -%}
+        {%- endif -%}
+
+        {%- comment -%}l-body{%- endcomment -%}
+        <div class="l-body">
+          {{- content -}}
+
+          {%- include components/comments.liquid -%}
+        </div>
+
+        {%- comment -%}l-footer{%- endcomment -%}
+        {%- unless layout.hide_footer or page.hide_footer -%}
+          {%- include layout/footer.liquid data=footer_data -%}
+        {%- endunless -%}
+      </main>
+
+    </div>
+
+    {%- include custom/body.liquid -%}
+
+  </body>
+</html>

data/_layouts/home.liquid

@@ -0,0 +1,20 @@
+---
+layout: default
+hide_title: true
+comment: false
+toc: false
+---
+
+{%- assign content_size = content | strip | strip_newlines | size -%}
+
+{%- if page.url == "/" and content_size > 0 -%}
+  {%- include layout/page.liquid
+    type = "home"
+    content=content
+    hide_title=true
+  -%}
+{%- endif -%}
+
+{%- unless site.paginate_first_page_path -%}
+  {%- include blog/blog.liquid -%}
+{%- endunless -%}

data/_layouts/page.liquid

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{%- include layout/article.liquid
+  page = page
+  content = content
+  has_side = page.side
+-%}

data/_layouts/post.liquid

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+{%- include layout/article.liquid
+  page=page
+  content=content
+  has_side=true
+-%}

data/_layouts/system.liquid

@@ -0,0 +1,35 @@
+---
+layout: default
+comment: false
+toc: false
+---
+
+{%- assign hide_title = page.hide_title | default: layout.hide_title | default: false -%}
+
+{%- capture title -%}
+  {%- include functions/get_page_title.liquid -%}
+{%- endcapture -%}
+
+{%- capture header -%}
+{%- unless hide_title -%}
+  {%- include components/title.liquid
+    title = title
+    url = page.url
+    meta = page.subtitle
+  -%}
+{%- endunless -%}
+{%- endcapture -%}
+
+<div class="l-page">
+
+  {%- unless hide_title -%}
+  <div class="l-page__header">
+    {{- header -}}
+  </div>
+  {%- endunless -%}
+
+  <div class="l-page__content" >
+    {{- content | markdownify -}}
+  </div>
+
+</div>