Add content class to main, remove all layout__full classes.

README.md

@@ -63,6 +63,7 @@ params:
   jquery: true          # Add jQuery
   languageDir: ""       # Set ltr or rtl, defaults to ltr.
   logo: false           # Turn off the logo.
+  mobileMenu: true      # Turn on a mobile menu on small screens.
   piwikSiteId:          # Piwik site id
   piwikTrackerUrl: ""   # Piwik url, schemaless and no slash on end (example.com/piwik).
   poweredby: true       # Show powered by hugo in footer
@@ -73,6 +74,13 @@ params:
 ```
 
 
+## Dates
+
+If "lastmod" is set in the frontmatter on a post that value will be used in the "submitted" section. If not "date" is used.
+
+With "lastmod" set a date section will also appear at the bottom of post telling the reader the created and modification dates.
+
+
 ## Shortcodes
 
 ### Clear

layouts/_default/baseof.html

@@ -11,7 +11,7 @@
 
 <body>
 <div class="page layout__page{{ if $.Param "sidebar" | default true }} layout__sidebar-second{{ end }}">
-<header class="header layout__header layout__full" role="banner">
+<header class="header layout__header" role="banner">
 {{ if $.Param "logo" | default true }}<a href="{{ .Site.BaseURL }}" title="Home" rel="home" class="header__logo"><img src="/images/logo.png" alt="Home" class="header__logo-image"></a>{{ end }}
 <h1 class="header__site-name">
 <a href="{{ .Site.BaseURL }}" title="Home" class="header__site-link" rel="home"><span>{{ .Site.Title }}</span></a>
@@ -25,7 +25,7 @@
 
 {{ if $.Param "sidebar" | default true }}{{ partial "sidebar.html" . -}}{{ end }}
 
-<footer class="footer layout__footer layout__full" role="contentinfo">
+<footer class="footer layout__footer" role="contentinfo">
 {{ if $.Param "feedlinks" }}{{ partial "feedlinks.html" . }}{{ end -}}
 <p>{{ with $.Param "copyright" }}{{ . | markdownify }}{{ else }}<span>© {{ .Site.Title }}</span>{{ end }}</p>
 {{ with $.Param "footer" }}<p>{{ . | markdownify }}</p>{{ end }}

layouts/_default/list.html

@@ -3,7 +3,7 @@
 {{ end }}
 
 {{ define "main" -}}
-<main class="layout__content" role="main">
+<main class="content layout__content" role="main">
 <h1 class="title">{{ .Title }}</h1>
 {{ $paginator := .Paginate (.Data.Pages) -}}
 {{ range $paginator.Pages -}}

layouts/_default/single.html

@@ -3,7 +3,7 @@
 {{ end }}
 
 {{ define "main" -}}
-<main class="layout__content" role="main">
+<main class="content layout__content" role="main">
 <h1 class="title {{ if $.Param "submitted" | default false }}title-submitted{{ end }}">{{ .Title }}</h1>
 <article class="{{ with .Section }}section-{{ . | urlize }} {{ end }}single-view">
 <header>

layouts/index.html

@@ -6,7 +6,7 @@
 {{ end }}
 
 {{ define "main" -}}
-<main class="layout__content" role="main">
+<main class="content layout__content" role="main">
 <article class="{{ with .Section }}section-{{ . | urlize }} {{ end }}single-view">
 <div class="content">
 {{ .Content }}

layouts/partials/menu.html

@@ -1,6 +1,6 @@
 {{ $currentSection := .Section }}
 {{ $currentID := .UniqueID }}
-<nav class="main-menu layout__navigation layout__full" role="navigation">
+<nav class="main-menu layout__navigation" role="navigation">
 <h2 class="visually-hidden">{{ i18n "menu_title" }}</h2>
 <ul class="navbar">
 <li><a class="{{ if .IsHome }}active{{ end }}" href="/">{{ i18n "menu_home" }}</a></li>

sass/layouts/_layouts.scss

@@ -17,7 +17,7 @@
   &__page-top,
   &__page-bottom {
     padding: 0 $zen-gutters / 2;
-    min-width: 0;  // With display grid defaults to auto making <pre> overflow.
+    min-width: 0;  // With display grid defaults to auto, making <pre> overflow.
 
     @include respond-to(s) {
       padding: 0 $zen-gutters;

static/js/script.js

@@ -19,7 +19,7 @@
 
       // Populate the mobile nav sheet.
       $('.header__region').filter(':not(:empty)').removeClass('header__region region hidden').addClass('js-region').appendTo('.mobile-nav-sheet');
-      $('.main-menu').addClass('hidden').clone().removeClass('main-menu layout__navigation layout__full hidden').addClass('js-main-menu').appendTo('.mobile-nav-sheet').find('.navbar').removeClass('navbar').addClass('js-navbar');
+      $('.main-menu').addClass('hidden').clone().removeClass('main-menu layout__navigation hidden').addClass('js-main-menu').appendTo('.mobile-nav-sheet').find('.navbar').removeClass('navbar').addClass('js-navbar');
 
       // Toggle the mobile nav sheet.
       $('.mobile-nav-cover, .mobile-nav-toggle').on('click toushstart', function (e) {