diff options
author | Chip Senkbeil <chip.senkbeil@gmail.com> | 2015-08-23 09:44:18 +0300 |
---|---|---|
committer | Chip Senkbeil <chip.senkbeil@gmail.com> | 2015-08-23 09:44:18 +0300 |
commit | 898c26736b912c78bf49449b5b03cf237bd12c9b (patch) | |
tree | e160e9de248d3612551c18ca4ad5225b189a9f44 | |
parent | cd8eba66a4a66bb42b91e8a4606e873844877ad8 (diff) |
Added initial single layout (need to warn that images should be widescreen)
-rw-r--r-- | layouts/_default/list.html | 2 | ||||
-rw-r--r-- | layouts/_default/single.html | 40 | ||||
-rw-r--r-- | layouts/partials/main-menu.html | 2 | ||||
-rw-r--r-- | static/css/main.css | 34 |
4 files changed, 63 insertions, 15 deletions
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index fdaa63c..65cc0cc 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -4,8 +4,6 @@ <body> {{ partial "main-menu.html" . }} - {{ partial "search-lightbox.html" . }} - <section class="main-content"> <div class="flex-container"> {{ range .Paginator.Pages }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 22a1e35..ea4418f 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -3,19 +3,33 @@ {{ partial "head.html" . }} <body> - <article> - <header> - <h2>{{ .Title }}</h2> - </header> - - <section> - {{ .Content }} - </section> - - <footer> - {{ .Date.Format "Mon Jan 2, 2006" }} - </footer> - </article> + {{ partial "main-menu.html" . }} + + <div class="main-content"> + {{ with .Params.image }} + <img src="{{ . }}" style="width: 100%; height: auto;"></img> + {{ end }} + + <div class="center-space"> + <article> + <header> + <h2>{{ .Title }}</h2> + </header> + + <hr> + + <section> + {{ .Content }} + </section> + + <footer> + {{ .Date.Format "Mon Jan 2, 2006" }} + </footer> + </article> + </div> + </div> + + {{ partial "js.html" . }} </body> {{ partial "html-end.html" . }} diff --git a/layouts/partials/main-menu.html b/layouts/partials/main-menu.html index d18ff7f..83d8eed 100644 --- a/layouts/partials/main-menu.html +++ b/layouts/partials/main-menu.html @@ -54,3 +54,5 @@ </ul> </nav> +{{ partial "search-lightbox.html" . }} + diff --git a/static/css/main.css b/static/css/main.css index ba07a7c..4749392 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -82,6 +82,11 @@ ul.menu li { width: 100%; } +.main-content article { + padding-left: 30px; + padding-right: 30px; +} + .fill-container { width: 100%; height: 100%; @@ -123,6 +128,31 @@ ul.menu li { } /* IE < 8 */ /* ========================================================================= */ +/* = SPACING */ +/* ========================================================================= */ + +/* Materialize small */ +@media only screen and (max-width: 600px) { + .center-space { + padding: 0%; + } +} + +/* Materialize medium */ +@media only screen and (min-width: 601px) { + .center-space { + padding: 0% 5%; + } +} + +/* Materialize large */ +@media only screen and (min-width: 993px) { + .center-space { + padding: 0% 10%; + } +} + +/* ========================================================================= */ /* = HIGHLIGHT BLOCK */ /* ========================================================================= */ @@ -173,6 +203,10 @@ ul.no-list-float li { padding: -35px -50px; } +.no-padding { + padding: 0px; +} + /* ========================================================================= */ /* = FORMS */ /* ========================================================================= */ |