Files
HugoBlox-kit/layouts/partials/docs_layout.html
T
George Cushen c37cf33fc6 Add featured image system with focal points and responsive XL split
- featured image: Enable focal point to be set by user in front matter
- pages: Featured image responsively transforms to split view on XL monitors
- pages: Refactor page title, metadata, and image into one reusable module
- archetypes: Migrate to folder approach and update image options
- post widget: Refactor detailed layout to use featured image
- accessibility: Add alt tag to header and featured image
- accessibility: Improve text contrast based on Lighthouse audit
- publication: Entirely deprecate old `image` front matter option
- docs: Remove header image option (was never a documented feature)
- project widget: Add `noopener` to external links

See #708
Fix #728
Fix #704
Fix #705
See #718
2018-10-13 21:58:51 +01:00

56 lines
1.4 KiB
HTML

{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
{{ $current_page := . }}
<div class="container-fluid docs">
<div class="row flex-xl-nowrap">
<div class="col-12 col-md-3 col-xl-2 docs-sidebar">
{{ partial "docs_sidebar.html" . }}
</div>
{{ if .Params.toc }}
<div class="d-none d-xl-block col-xl-2 docs-toc">
{{ with (i18n "on_this_page") }}
<p class="docs-toc-title">{{.}}</p>
{{ end }}
{{ .TableOfContents }}
<ul class="nav toc-top">
<li><a href="#">{{ i18n "back_to_top" | default "Back to top" }}</a></li>
</ul>
{{ partial "docs_toc_foot.html" . }}
</div>
{{ end }}
<main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 docs-content" role="main">
<div id="search-hits">
<!-- Search results will appear here -->
</div>
<article class="article" itemscope itemtype="http://schema.org/Article">
<div class="docs-article-container">
<h1 itemprop="name">{{ .Title }}</h1>
<div class="article-style" itemprop="articleBody">
{{ .Content }}
</div>
{{ partial "tags.html" . }}
</div>
<div class="body-footer">
{{ i18n "last_updated" }} {{ $.Lastmod.Format $.Site.Params.date_format }}
</div>
</article>
{{ partial "footer_section.html" . }}
</main>
</div>
</div>
{{ partial "footer.html" . }}