From 969bd5ca4ed5ba8d7ff3e2c36852e6fd5c97cee4 Mon Sep 17 00:00:00 2001 From: Michael Noronha Date: Thu, 9 Nov 2017 16:22:28 -0600 Subject: [PATCH] Fix validation HTML validation errors (#62) * Make the theme compliant with W3C standards (#55) * Dropped the line because chrome tab is deprecated. * On header, "li" elements are meant to surround the "a" elements and not the other way around. * Dropped all section tags I could find at first glance, as they had no semantic meaning and were firing warnings at the W3C validator. * Change "middot" from a helper div to a helper class since putting div's inside ul's is not compliant * Fixed a problem of the previous commit. A middot would not hide if on mobile. * Fix archetypes bug with Go templates * Fix additional validation error in 404 --- layouts/404.html | 6 +- layouts/_default/section.html | 4 +- layouts/_default/single.html | 4 +- layouts/_default/taxonomy.html | 4 +- layouts/blog/single.html | 17 +- layouts/index.html | 4 +- layouts/partials/css/colors.css | 10 +- layouts/partials/css/main.css | 256 ++++++++++++++++-------------- layouts/partials/css/min600px.css | 80 +++++----- layouts/partials/css/min769px.css | 8 +- layouts/partials/footer.html | 4 +- layouts/partials/header.html | 12 +- layouts/partials/meta.html | 3 +- layouts/section/blog.html | 4 +- 14 files changed, 217 insertions(+), 199 deletions(-) diff --git a/layouts/404.html b/layouts/404.html index badeb83..780b41a 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -9,12 +9,12 @@ - +
-
+
404
-
+
The page you were looking for does not exist.
Visit the home page
diff --git a/layouts/_default/section.html b/layouts/_default/section.html index 8348150..3d5c92c 100644 --- a/layouts/_default/section.html +++ b/layouts/_default/section.html @@ -1,5 +1,5 @@ {{ partial "header.html" . }} -
+
{{ $globalTitle := .Title}} @@ -24,5 +24,5 @@
-
+ {{ partial "footer.html" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 3731fc2..3518de1 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,5 +1,5 @@ {{ partial "header.html" . }} -
+
{{ partial "page-heading.html" . }} @@ -8,5 +8,5 @@
-
+ {{ partial "footer.html" . }} diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html index 9d37cdb..c1af9c2 100644 --- a/layouts/_default/taxonomy.html +++ b/layouts/_default/taxonomy.html @@ -1,5 +1,5 @@ {{ partial "header.html" . }} -
+
@@ -12,5 +12,5 @@
-
+ {{ partial "footer.html" . }} diff --git a/layouts/blog/single.html b/layouts/blog/single.html index 3e7155f..20ed7bd 100644 --- a/layouts/blog/single.html +++ b/layouts/blog/single.html @@ -1,6 +1,6 @@ {{ partial "header.html" . }} -
+
@@ -11,27 +11,24 @@
{{ .Date.Format .Site.Params.dateform }}
{{ if not .Params.noauthor }} {{ if .Params.author }} -
{{ .Params.author }}
+
{{ .Params.author }}
{{end}} {{end}} -
{{ .ReadingTime }} minute read
+
{{ .ReadingTime }} minute read
@@ -75,6 +72,6 @@ {{ end }}
-
+ {{ partial "footer.html" . }} diff --git a/layouts/index.html b/layouts/index.html index e645c72..9aeee99 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,5 +1,5 @@ {{ partial "header.html" . }} -
+
{{ range where .Data.Pages "Title" "Home" }} @@ -44,6 +44,6 @@
-
+ {{ partial "footer.html" . }} diff --git a/layouts/partials/css/colors.css b/layouts/partials/css/colors.css index 775ddea..59f57e8 100644 --- a/layouts/partials/css/colors.css +++ b/layouts/partials/css/colors.css @@ -6,20 +6,20 @@ a:hover { color: {{ .Param "colors.identifier_dark" }}; } -section.main .content .markdown, section.header .name, section.header nav ul li:hover { +div.main .content .markdown, div.header .name, div.header nav ul a:hover { color: {{ .Param "colors.foreground" }}; } -section.header nav ul li { +div.header nav ul a { color: {{ .Param "colors.trivial" }}; } -section.main .content .markdown code { +div.main .content .markdown code { background-color: {{ .Param "colors.background" }}; color: {{ .Param "colors.identifier" }}; } -section.main .content .markdown pre, section.main .content .markdown pre code { +div.main .content .markdown pre, div.main .content .markdown pre code { background-color: {{ .Param "colors.background_dark" }}; color: {{ .Param "colors.code" }}; } @@ -62,4 +62,4 @@ section.main .content .markdown pre, section.main .content .markdown pre code { .ssk { background-color: {{ .Param "colors.trivial" }}; -} \ No newline at end of file +} diff --git a/layouts/partials/css/main.css b/layouts/partials/css/main.css index acdd024..5fe58fc 100644 --- a/layouts/partials/css/main.css +++ b/layouts/partials/css/main.css @@ -25,7 +25,7 @@ time, mark, audio, video { } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { +footer, header, hgroup, menu, nav, section, div.column { display: block; } body { @@ -107,6 +107,22 @@ section { align-items: center; width: 100%; } +div.column { + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -ms-flex; + display: flex; + -webkit-justify-content: center; + -moz-justify-content: center; + -ms-justify-content: center; + justify-content: center; + -webkit-align-items: center; + -moz-align-items: center; + -ms-align-items: center; + align-items: center; + width: 100%; +} .container { display: -webkit-flex; display: -moz-flex; @@ -115,7 +131,7 @@ section { display: flex; width: 100%; } -section.header .container { +div.header .container { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; @@ -125,7 +141,7 @@ section.header .container { -ms-justify-content: center; justify-content: center; } -section.header .content { +div.header .content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -140,11 +156,11 @@ section.header .content { -ms-align-items: center; align-items: center; } -section.header .container .logo { +div.header .container .logo { max-width: 100px; margin-left: -2em; } -section.header .name { +div.header .name { padding-top: 20px; font-size: 28px; font-family: 'Nexa Bold', 'Helvetica Neue', 'Arial', sans-serif; @@ -156,10 +172,10 @@ section.header .name { color: #333333; color: #555555; } -section.header nav { +div.header nav { margin-bottom: 16px; } -section.header nav ul { +div.header nav ul { list-style: none; text-align: center; display: -webkit-inline-flex; @@ -168,17 +184,17 @@ section.header nav ul { display: -ms-inline-flex; display: inline-flex; } -section.header nav ul a { +div.header nav ul li { margin-left: 6px; margin-right: 6px; } -section.header nav ul a:first-child { +div.header nav ul li:first-child { margin-left: 0; } -section.header nav ul a:last-child { +div.header nav ul li:last-child { margin-right: 0; } -section.header nav ul li { +div.header nav ul a { color: #555555; font-weight: 400; font-size: 14px; @@ -189,10 +205,10 @@ section.header nav ul li { -ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -o-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); } -section.header nav ul li:hover { +div.header nav ul a:hover { color: #111111; } -section.footer .container { +div.footer .container { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; @@ -205,7 +221,7 @@ section.footer .container { width: 100%; text-align: center; } -section.footer .container a { +div.footer .container a { font-size: 14px; margin-left: 6px; margin-right: 6px; @@ -215,28 +231,28 @@ section.footer .container a { -ms-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -o-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); } -section.footer .container a:first-child { +div.footer .container a:first-child { margin-left: 0; } -section.footer .container a:last-child { +div.footer .container a:last-child { margin-right: 0; } -section.footer .container a:hover { +div.footer .container a:hover { opacity: 0.8; } -section.footer .container a .icon { +div.footer .container a .icon { width: 16px; height: 16px; } -section.footer .container .copyright { +div.footer .container .copyright { flex-grow: 0.5; text-align: start; } -section.footer .container .icons { +div.footer .container .icons { flex-grow: 0.5; text-align: end; } -section.main .container { +div.main .container { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; @@ -246,11 +262,11 @@ section.main .container { -ms-justify-content: flex-start; justify-content: flex-start; } -section.main .content { +div.main .content { color: #111111; font-size: 16px; } -section.main .content .title-container { +div.main .content .title-container { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -261,10 +277,10 @@ section.main .content .title-container { -ms-justify-content: space-between; justify-content: space-between; } -section.main .content .posts { +div.main .content .posts { margin-bottom: 4em; } -section.main .content .page-heading { +div.main .content .page-heading { font-size: 20px; font-weight: 700; font-family: 'Helvetica Neue', 'Arial', sans-serif; @@ -276,10 +292,10 @@ section.main .content .page-heading { color: #333333; margin-bottom: 16px; } -section.main .content .front-matter .page-heading { +div.main .content .front-matter .page-heading { margin-bottom: 0; } -section.main .content .front-matter .meta { +div.main .content .front-matter .meta { font-size: 14px; color: #666666; display: -webkit-flex; @@ -289,23 +305,20 @@ section.main .content .front-matter .meta { display: flex; margin-bottom: 32px; } -section.main .content .front-matter .date, -section.main .content .front-matter .author, -section.main .content .front-matter .tags, -section.main .content .front-matter .word-count, -section.main .content .front-matter .reading-time .middot { +div.main .content .front-matter .date, +div.main .content .front-matter .author, +div.main .content .front-matter .tags, +div.main .content .front-matter .word-count, +div.main .content .front-matter .middot:before { display: none; } -section.main .content .front-matter .middot { +div.main .content .front-matter .middot:before { font-size: 6px; margin: 0 6px; - display: inline; vertical-align: middle; -} -section.main .content .front-matter .middot:before { content: "•"; } -section.main .content .front-matter .tags ul { +div.main .content .front-matter .tags ul { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -320,25 +333,25 @@ section.main .content .front-matter .tags ul { -ms-align-items: center; align-items: center; } -section.main .content .front-matter .tags ul li { +div.main .content .front-matter .tags ul li { -webkit-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -moz-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -ms-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); -o-transition: opacity 0.1s cubic-bezier(0.47, 0, 0.75, 0.72); } -section.main .content .front-matter .tags ul li:hover { +div.main .content .front-matter .tags ul li:hover { opacity: 0.7; } -section.main .content .front-matter .tags ul li a { +div.main .content .front-matter .tags ul li a { color: #666666; } -section.main .container.f04 { +div.main .container.f04 { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } -section.main .container.f04 .content { +div.main .container.f04 .content { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -353,20 +366,20 @@ section.main .container.f04 .content { -ms-align-items: center; align-items: center; } -section.main .container.f04 .content .num { +div.main .container.f04 .content .num { margin: 30px 0px 30px 0; font-weight: 400; font-family: 'Helvetica Neue', 'Arial', sans-serif; font-size: 50px; } -section.main .container.f04 .content .detail { +div.main .container.f04 .content .detail { margin-bottom: 40px; } -section.main .container .content .groupby { +div.main .container .content .groupby { margin-top: 1em; padding-left: 0.5em; } -section.main .container .content .post-item { +div.main .container .content .post-item { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -379,38 +392,41 @@ section.main .container .content .post-item { display: list-item; list-style: disc inside; } -section.main .container .content .post-item .meta { +div.main .container .content .post-item .meta { font-size: 14px; color: #666666; display: none; min-width: 100px; } -section.main .container .content .see-more { +div.main .container .content .see-more { font-style: italic; float: right; font-size: 0.9em; margin-top: 2em; color: #313537; } -section.main .container .content .see-more:hover { +div.main .container .content .see-more:hover { color: #666; } section { padding: 0 16px; } -section.header { +div.column { + padding: 0 16px; +} +div.header { padding-top: 10px; } -section.header-home { +div.header-home { padding-top: 36px; } -section.main { +div.main { padding-top: 32px; } -section.main .container .content .post-item .meta { +div.main .container .content .post-item .meta { display: block; } -section.main .container .content .post-item { +div.main .container .content .post-item { display: flex; list-style: none; } @@ -427,22 +443,22 @@ a:hover { img { max-width: 100%; } -section.main .content { +div.main .content { width: 100%; } -section.main .content .markdown { +div.main .content .markdown { font-size: 1.1em; line-height: 1.75em; color: #313537; font-family: serif; font-weight: 300; } -section.main .content .markdown h1, -section.main .content .markdown h2, -section.main .content .markdown h3, -section.main .content .markdown h4, -section.main .content .markdown h5, -section.main .content .markdown h6 { +div.main .content .markdown h1, +div.main .content .markdown h2, +div.main .content .markdown h3, +div.main .content .markdown h4, +div.main .content .markdown h5, +div.main .content .markdown h6 { font-size: 22px; font-family: 'Helvetica Neue', 'Arial', sans-serif; letter-spacing: -0.005rem; @@ -454,37 +470,37 @@ section.main .content .markdown h6 { text-transform: none; margin-top: 1.75rem; } -section.main .content .markdown h1 { +div.main .content .markdown h1 { font-size: 1.75rem; margin-bottom: 2rem; } -section.main .content .markdown h2 { +div.main .content .markdown h2 { font-size: 1.5rem; margin-bottom: 1.5rem; } -section.main .content .markdown h3 { +div.main .content .markdown h3 { font-size: 1em; margin-bottom: 1rem; } -section.main .content .markdown h4, -section.main .content .markdown h5, -section.main .content .markdown h6 { +div.main .content .markdown h4, +div.main .content .markdown h5, +div.main .content .markdown h6 { font-size: 1rem; margin-bottom: 1rem; letter-spacing: none; } -section.main .content .markdown code, -section.main .content .markdown pre { +div.main .content .markdown code, +div.main .content .markdown pre { font-family: 'Menlo', monospace; font-size: 0.98rem; background-color: #f7f7f7; } -section.main .content .markdown code { +div.main .content .markdown code { /* enclosed by single backtick (`) */ padding: .15em .5em; border-radius: 2px; } -section.main .content .markdown pre { +div.main .content .markdown pre { /* Hugo specific: consider using the 'highlight' shortcode */ display: block; margin-top: 1rem; @@ -495,18 +511,18 @@ section.main .content .markdown pre { word-break: break-all; word-wrap: break-word; } -section.main .content .markdown pre code { +div.main .content .markdown pre code { /* enclosed by 4 backticks (````) */ padding: 0; font-size: 0.9rem; } -section.main .content .markdown a code { +div.main .content .markdown a code { color: #428bca !important; } -section.main .content .markdown a code:hover { +div.main .content .markdown a code:hover { text-decoration: underline; } -section.main .content .markdown p { +div.main .content .markdown p { {{if .Site.Params.align_left}} text-align: left; {{else}} @@ -515,68 +531,68 @@ section.main .content .markdown p { margin-top: 0; margin-bottom: 1em; } -section.main .content .markdown ul, -section.main .content .markdown ol, -section.main .content .markdown dl { +div.main .content .markdown ul, +div.main .content .markdown ol, +div.main .content .markdown dl { margin-top: 1rem; margin-bottom: 2rem; } -section.main .content .markdown dt { +div.main .content .markdown dt { font-weight: bold; } -section.main .content .markdown dd { +div.main .content .markdown dd { margin-bottom: .5rem; } -section.main .content .markdown ul { +div.main .content .markdown ul { list-style-type: disc; list-style-position: outside; margin-bottom: 1.25rem; } -section.main .content .markdown ol { +div.main .content .markdown ol { list-style-type: decimal; margin-bottom: 1.25rem; } -section.main .content .markdown li { +div.main .content .markdown li { margin-left: 2em; } -section.main .content .markdown em { +div.main .content .markdown em { font-style: italic; } -section.main .content .markdown strong { +div.main .content .markdown strong { font-weight: 700; } -section.main .content .markdown hr { +div.main .content .markdown hr { position: relative; margin: 1.75rem 0; border: 0; border-top: 1px solid #808080; border-top: 1px solid #999999; } -section.main .content .markdown abbr { +div.main .content .markdown abbr { font-size: 0.85rem; font-weight: bold; color: #666666; text-transform: uppercase; } -section.main .content .markdown abbr[title] { +div.main .content .markdown abbr[title] { cursor: help; border-bottom: 1px dotted #808080; } -section.main .content .markdown blockquote { +div.main .content .markdown blockquote { padding: .5rem 1rem; margin: .8rem 0; color: #7a7a7a; border-left: .25rem solid #e5e5e5; } -section.main .content .markdown blockquote p:last-child { +div.main .content .markdown blockquote p:last-child { margin-bottom: 0; } -section.main .content .markdown figure { +div.main .content .markdown figure { width: 100%; background: #fff; margin-bottom: 1em; } -section.main .content .markdown figure img { +div.main .content .markdown figure img { width: 100%; height: auto; max-width: 100%; @@ -584,32 +600,32 @@ section.main .content .markdown figure img { position: static; margin: auto; } -section.main .content .markdown table { +div.main .content .markdown table { margin-bottom: 1rem; width: 100%; border: 1px solid #e5e5e5; border-collapse: collapse; } -section.main .content .markdown td, -section.main .content .markdown th { +div.main .content .markdown td, +div.main .content .markdown th { padding: .25rem .5rem; border: 1px solid #e5e5e5; } -section.main .content .markdown tbody tr:nth-child(odd) td, -section.main .content .markdown tbody tr:nth-child(odd) th { +div.main .content .markdown tbody tr:nth-child(odd) td, +div.main .content .markdown tbody tr:nth-child(odd) th { background-color: #f7f7f7; } -section.main .content .markdown .footnotes ol { +div.main .content .markdown .footnotes ol { list-style-type: decimal; margin-left: 16px; } -section.main .content .markdown .footnotes li { +div.main .content .markdown .footnotes li { list-style-type: unset; } -section.main .content .markdown .footnote-ref { +div.main .content .markdown .footnote-ref { font-size: 0.7em; } -section.main .content .navigation { +div.main .content .navigation { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -625,7 +641,7 @@ section.main .content .navigation { align-items: center; padding: 2em; } -section.main .content .navigation div { +div.main .content .navigation div { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -641,18 +657,18 @@ section.main .content .navigation div { align-items: center; margin-top: 1em; } -section.main .content .navigation .icon { +div.main .content .navigation .icon { width: 16px; height: 16px; } -section.main .content .navigation a { +div.main .content .navigation a { width: 250px; margin: 0 1em; text-align: center; font-style: italic; color: #313537; } -section.main .content .share, section.main .content .share div { +div.main .content .share, div.main .content .share div { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; @@ -668,34 +684,34 @@ section.main .content .share, section.main .content .share div { align-items: center; justify-content: center; } -section.main .content .share { +div.main .content .share { background-color: rgba(152, 152, 152, 0.07); padding: 1em 0; } -section.main .content .share a { +div.main .content .share a { margin: 0 6px; } /* Fonts */ .wf-raleway-n4-active body, -.wf-raleway-n4-active section.header nav ul li, -.wf-raleway-n7-active section.main .content .page-heading, -.wf-raleway-n2-active section.main .container.f04 .content .num, -.wf-raleway-n7-active section.main .content .markdown h1, -.wf-raleway-n7-active section.main .content .markdown h2, -.wf-raleway-n7-active section.main .content .markdown h3, -.wf-raleway-n7-active section.main .content .markdown h4, -.wf-raleway-n7-active section.main .content .markdown h5, -.wf-raleway-n7-active section.main .content .markdown h6 { +.wf-raleway-n4-active div.header nav ul a, +.wf-raleway-n7-active div.main .content .page-heading, +.wf-raleway-n2-active div.main .container.f04 .content .num, +.wf-raleway-n7-active div.main .content .markdown h1, +.wf-raleway-n7-active div.main .content .markdown h2, +.wf-raleway-n7-active div.main .content .markdown h3, +.wf-raleway-n7-active div.main .content .markdown h4, +.wf-raleway-n7-active div.main .content .markdown h5, +.wf-raleway-n7-active div.main .content .markdown h6 { font-family: 'Raleway'; } -.wf-merriweather-n3-active section.main .content .markdown { +.wf-merriweather-n3-active div.main .content .markdown { font-family: 'Merriweather'; } -.wf-ubuntu-mono-n4-active section.main .content .markdown code, -.wf-ubuntu-mono-n4-active section.main .content .markdown pre { +.wf-ubuntu-mono-n4-active div.main .content .markdown code, +.wf-ubuntu-mono-n4-active div.main .content .markdown pre { font-family: 'Ubuntu Mono'; } diff --git a/layouts/partials/css/min600px.css b/layouts/partials/css/min600px.css index 4a69a77..6ff8a9d 100644 --- a/layouts/partials/css/min600px.css +++ b/layouts/partials/css/min600px.css @@ -13,133 +13,139 @@ margin-left: 100px; margin-right: 100px; max-width: 750px; } -section.header { +div.column { +padding: 0 16px; +margin-left: 100px; +margin-right: 100px; +max-width: 750px; +} +div.header { background-color: transparent; } -section.header .container { +div.header .container { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } -section.header .container .logo { +div.header .container .logo { margin: 0; } -section.header-home .container .logo { +div.header-home .container .logo { max-width: 180px; margin-left: 20px; } -section.header-home .name-home { +div.header-home .name-home { padding-top: 30px; font-size: 40px; } -section.header-home nav ul li { +div.header-home nav ul a { font-size: 18px; } -section.header .content { +div.header .content { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } -section.header .name { +div.header .name { color: #333333; } -section.header nav { +div.header nav { font-size: 14px; margin-bottom: 0; } -section.header nav ul { +div.header nav ul { text-align: left; } -section.header nav ul li { +div.header nav ul a { color: #666666; } -section.header nav ul li:hover { +div.header nav ul a:hover { color: #333333; } -section.footer { +div.footer { background-color: transparent; } -section.footer .container { +div.footer .container { flex-direction: row; } -section.footer .container a { +div.footer .container a { margin-left: 3px; margin-right: 3px; color: #666666; } -section.footer .container a:hover { +div.footer .container a:hover { color: #333333; } -section.footer .container a .icon { +div.footer .container a .icon { font-size: 18px; } -section.footer .container a .icon.larger { +div.footer .container a .icon.larger { font-size: 20px; } -section.main .content .front-matter .date, -section.main .content .front-matter .author, -section.main .content .front-matter .tags, -section.main .content .front-matter .word-count, -section.main .content .front-matter .reading-time .middot { +div.main .content .front-matter .date, +div.main .content .front-matter .author, +div.main .content .front-matter .tags, +div.main .content .front-matter .word-count, +div.main .content .front-matter .middot:before { display: initial; } -section.main .container.f04 { +div.main .container.f04 { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } -section.main .container.f04 .content { +div.main .container.f04 .content { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } -section.main .container.f04 .content .num { +div.main .container.f04 .content .num { margin: 0 0 10px 0; font-size: 32px; } -section.main .container.f04 .content .detail { +div.main .container.f04 .content .detail { margin-bottom: 30px; } .container { padding: 0 30px; } -section.header { +div.header { padding-top: 60px; padding-bottom: 60px; } -section.footer { +div.footer { padding-top: 30px; padding-bottom: 60px; } -section.main { +div.main { padding-top: 0; } -section.main .container .content .post-item { +div.main .container .content .post-item { display: flex; list-style: none; padding-left: 1.5em; } -section.main .container .content .post-item .meta { +div.main .container .content .post-item .meta { display: block; } -section.main.post { +div.main.post { padding-top: 60px; padding-bottom: 60px; } -section.main .content .markdown blockquote { +div.main .content .markdown blockquote { padding-right: 5rem; padding-left: 1.25rem; } -section.main .content .navigation { +div.main .content .navigation { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } -section.main .content .navigation div { +div.main .content .navigation div { margin-top: 0em; -} \ No newline at end of file +} diff --git a/layouts/partials/css/min769px.css b/layouts/partials/css/min769px.css index 3016acd..eb181bd 100644 --- a/layouts/partials/css/min769px.css +++ b/layouts/partials/css/min769px.css @@ -1,13 +1,13 @@ -section.main .content .markdown figure { +div.main .content .markdown figure { width: 110%; margin-left: -4%; } -section.main .content .markdown img { +div.main .content .markdown img { max-width: 110%; width: 110%; margin-left: -4%; } -section.main .content .markdown pre { +div.main .content .markdown pre { width: 110%; margin-left: -4%; -} \ No newline at end of file +} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a06bafc..b5a7c90 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,4 +1,4 @@ -
+
{{ if .Site.Params.githubRepo }} @@ -58,7 +58,7 @@
-
+ {{ partial "footer_scripts" . }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 6b5d39f..73b8d8e 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -6,9 +6,9 @@ {{ if or (.Site.Params.small_banner_logo) (.IsPage) }} -
+
{{ else }} -
+
{{ end }}
@@ -17,22 +17,22 @@
-
+
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html index 756378a..1698be6 100644 --- a/layouts/partials/meta.html +++ b/layouts/partials/meta.html @@ -1,5 +1,4 @@ - @@ -23,4 +22,4 @@ {{ end }} - \ No newline at end of file + diff --git a/layouts/section/blog.html b/layouts/section/blog.html index f89835d..a5ed1a5 100644 --- a/layouts/section/blog.html +++ b/layouts/section/blog.html @@ -1,5 +1,5 @@ {{ partial "header.html" . }} -
+
@@ -15,5 +15,5 @@
-
+ {{ partial "footer.html" . }}