diff options
author | Karl Hallsby <karl@hallsby.com> | 2020-09-27 14:31:36 -0500 |
---|---|---|
committer | Karl Hallsby <karl@hallsby.com> | 2020-09-27 14:32:00 -0500 |
commit | 61b34a5f260db45575d448d766ea29c0fb273ed3 (patch) | |
tree | 4ac84fa917df0c69fb0fc6d587750514e7d0d813 /_layouts/page.html | |
parent | c3cafe3c3817f52d4c588b5b0d6e71e07e06145e (diff) |
Add jekyll-text-theme YAML files
Diffstat (limited to '_layouts/page.html')
-rw-r--r-- | _layouts/page.html | 270 |
1 files changed, 270 insertions, 0 deletions
diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..de6b7b2 --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,270 @@ +--- +layout: base +--- +{%- assign _page_mode = page.mode | default: layout.mode | default: site.data.variables.default.page.mode -%} +{%- assign _page_type = page.type | default: layout.type | default: site.data.variables.default.page.type -%} +{%- assign _article_header_type = page.article_header.type | default: layout.article_header.type -%} + +{%- include snippets/assign.html + target=layout.header source0=page.header -%} +{%- assign _header = __return -%} + +{%- include snippets/assign.html + target=layout.footer source0=page.footer -%} +{%- assign _footer = __return -%} + +{%- include snippets/assign.html + target=layout.lightbox source0=page.lightbox -%} +{%- assign _lightbox = __return -%} + +{%- include snippets/assign.html + target = site.data.variables.default.page.full_width + source0=layout.full_width source1=page.full_width -%} +{%- assign _full_width = __return -%} + +{%- include snippets/assign.html + target = site.data.variables.default.page.comment + source0=layout.comment source1=page.comment -%} +{%- assign _comment = __return -%} + + +{%- assign _article_header_excerpt_truncate = include.excerpt_truncate | default: 200 -%} + +{%- if page.sidebar -%} +<div class="layout--page layout--page--sidebar clearfix js-page-root"> + <div class="page__mask d-print-none js-page-mask js-sidebar-hide"></div> + <div class="page__viewport"> + <div class="page__actions d-print-none"> + <div class="button button--circle button--lg box-shadow-2 sidebar-button js-sidebar-show"> + <i class="fas fa-bars icon--show"></i> + </div> + </div> + + <div class="grid page__grid"> + + <div class="page__sidebar d-print-none"> + {%- include sidebar/toc.html -%} + </div> + +{%- else -%} +<div class="layout--page js-page-root"> +{%- endif -%} + + {%- assign _page_main_class = 'page__main js-page-main' -%} + {%- if _page_mode == 'immersive' -%} + {%- assign _page_main_class = _page_main_class | append: ' page__main--immersive' -%} + {%- endif -%} + {%- unless page.sidebar -%} + {%- assign _page_main_class = _page_main_class | append: ' page__viewport' -%} + {%- endunless -%} + {%- if _footer == false -%} + {%- assign _page_main_class = _page_main_class | append: ' hide-footer' -%} + {%- endif -%} + {%- if page.aside -%} + {%- assign _page_main_class = _page_main_class | append: ' has-aside' -%} + {%- elsif _full_width -%} + {%- assign _page_main_class = _page_main_class | append: ' full-width' -%} + {%- endif -%} + <div class="{{ _page_main_class }} cell cell--auto"> + + <div class="page__main-inner"> + {%- if _header != false -%} + <div class="page__header d-print-none"> + {%- assign _header_theme = page.header.theme | default: layout.header.theme -%} + {%- if _header_theme == 'dark'-%} + {%- include header.html theme='dark' background=page.header.background -%} + {%- elsif _header_theme == 'light' -%} + {%- include header.html theme='light' background=page.header.background -%} + {%- else -%} + {%- include header.html -%} + {%- endif -%} + </div> + {%- endif -%} + + + <div class="page__content"> + {%- if _article_header_type == 'overlay' or _article_header_type == 'cover' -%} + + {%- if _article_header_type == 'overlay' -%} + + {%- assign _article_header_height = page.article_header.height | default: layout.article_header.height -%} + {%- assign _article_header_align = page.article_header.align | default: layout.article_header.align | default: site.data.variables.default.page.article_header.align -%} + {%- assign _article_header_theme = page.article_header.theme | default: layout.article_header.theme | default: site.data.variables.default.page.article_header.theme -%} + + {%- if page.article_header.background_image.src -%} + {%- assign _header_background_image_src = page.article_header.background_image.src -%} + {%- elsif page.article_header.background_image != false and page.cover -%} + {%- assign _header_background_image_src = page.cover -%} + {%- endif -%} + + {%- if page.article_header.background_image.gradient -%} + {%- assign _header_background_image = page.article_header.background_image.gradient -%} + {%- if _header_background_image_src -%} + {%- assign _header_background_image = _header_background_image | append: ',' -%} + {%- endif -%} + {%- endif -%} + + {%- if _header_background_image_src -%} + {%- include snippets/get-nav-url.html path=_header_background_image_src -%} + {%- assign _header_background_image_src = __return -%} + {%- assign _header_background_image = _header_background_image + | append: 'url(' | append: _header_background_image_src | append: ')'-%} + {%- endif -%} + + {%- assign _header_style = 'background-image:' | append: _header_background_image | append: ';' -%} + + {%- if page.article_header.background_color -%} + {%- assign _header_style = _header_style | append: 'background-color:' | append: page.article_header.background_color | append: ';' -%} + {%- endif -%} + + {%- if _article_header_height -%} + {%- assign _header_style = _header_style | append: 'min-height:' | append: _article_header_height | append: ';' -%} + {%- endif -%} + + <div class="article__header--overlay"> + + {%- if _article_header_theme == 'light' -%} + {%- if _article_header_align == 'center' -%} + <div class="hero hero--center hero--light overlay" style="{{ _header_style }}"> + {%- else -%} + <div class="hero hero--light overlay" style="{{ _header_style }}"> + {%- endif -%} + {%- elsif _article_header_theme == 'dark' -%} + {%- if _article_header_align == 'center' -%} + <div class="hero hero--center hero--dark overlay" style="{{ _header_style }}"> + {%- else -%} + <div class="hero hero--dark overlay" style="{{ _header_style }}"> + {%- endif -%} + {%- else -%} + {%- if _article_header_align == 'center' -%} + <div class="hero hero--center overlay" style="{{ _header_style }}"> + {%- else -%} + <div class="hero overlay" style="{{ _header_style }}"> + {%- endif -%} + {%- endif -%} + <div class="hero__content"> + {%- if _full_width == false -%} + <div class ="main"> + {%- endif -%} + {%- include article-info.html article=page semantic=false -%} + {%- include article-header.html article=page semantic=false -%} + {%- if page.excerpt -%} + <p class="overlay__excerpt">{{ page.excerpt | strip_html | strip_newlines | strip | truncate: _article_header_excerpt_truncate }}</p> + {%- endif -%} + {%- if page.article_header.actions -%} + <ul class="menu"> + {%- for _action in page.article_header.actions -%} + {%- include snippets/get-nav-url.html path=_action.url -%} + {%- assign _url = __return -%} + {%- assign _type = _action.type | default: 'info' -%} + <li><a class="button button--{{ _type }} button--rounded button--xl" href="{{ _url }}">{{ _action.text }}</a></li> + {%- endfor -%} + </ul> + {%- endif -%} + {%- if _full_width == false -%} + </div> + {%- endif -%} + </div> + </div> + </div> + {%- elsif _article_header_type == 'cover' -%} + {%- if page.article_header.image.src -%} + {%- include snippets/get-nav-url.html path=page.article_header.image.src -%} + {%- assign _header_image_src = __return -%} + <img class="article__header--cover" src="{{ _header_image_src }}"></img> + {%- endif -%} + {%- endif -%} + + {%- endif -%} + + + {%- if _full_width == false -%} + <div class ="main"> + {%- endif -%} + <div class="grid grid--reverse"> + + <div class="col-aside d-print-none js-col-aside"> + {%- if page.aside -%} + <aside class="page__aside js-page-aside"> + {%- include aside/toc.html -%} + </aside> + {%- endif -%} + </div> + + <div class="col-main cell cell--auto"> + {%- include main/top/custom.html -%} + {%- if _page_type == 'article' -%} + <article itemscope itemtype="http://schema.org/Article"> + {%- elsif _page_type == 'webpage' -%} + <article itemscope itemtype="http://schema.org/WebPage"> + {%- else -%} + <article> + {%- endif -%} + + {%- if _article_header_type == 'overlay' or page.article_header == false -%} + {%- include article-header.html article=page html=false -%} + {%- include article-info.html article=page html=false -%} + {%- else -%} + {%- include article-header.html article=page -%} + {%- include article-info.html article=page -%} + {%- endif -%} + + <div class="js-article-content">{{ content }}</div> + {%- if _comment != false -%} + <section class="page__comments d-print-none">{%- include comments.html -%}</section> + {%- endif -%} + </article> + {%- include main/bottom/custom.html -%} + </div> + </div> + + {%- if _full_width == false -%} + </div> + {%- endif -%} + </div> + + {%- if _footer != false -%} + <div class="page__footer d-print-none">{%- include footer.html -%}</div> + {%- endif -%} + </div> + </div> {%- comment -%} end page__main {%- endcomment -%} +{%- if page.sidebar -%} + </div> {%- comment -%} end grid {%- endcomment -%} + </div> {%- comment -%} end page__viewport {%- endcomment -%} +{%- endif -%} + +<script>{%- include scripts/lib/modal.js -%}</script> +{%- if _lightbox == true -%} + <div class="modal d-print-none js-page-gallery-modal"><div class="gallery"></div></div> +{%- endif -%} +{%- if _header != false -%} + <div class="modal modal--overflow page__search-modal d-print-none js-page-search-modal">{%- include search.html -%}</div> +{%- endif -%} +</div> + + +<script> + {%- include scripts/lib/scroll-to.js -%} + {%- include scripts/lib/affix.js -%} + {%- include scripts/lib/toc.js -%} + {%- if _lightbox == true -%} + {%- include scripts/lib/gallery.js -%} + {%- include scripts/components/lightbox.js -%} + {%- endif -%} + {%- include scripts/page.js -%} +</script> + +{%- if page.sidebar -%} +<script>{%- include scripts/components/sidebar.js -%}</script> +{%- endif -%} + +{%- if page.aside -%} +<script> + /* toc must before affix, since affix need to konw toc' height. */ + {%- if page.aside.toc -%}{%- include scripts/aside/toc.js -%}{%- endif -%} + {%- include scripts/aside/affix.js -%} +</script> +{%- endif -%} + +{%- include markdown-enhancements.html -%} +{%- include pageview.html -%} |