Cleanup posts rendering

This commit is contained in:
Alex Shpak 2018-11-25 11:59:42 +01:00
parent a9738191b8
commit aa2b1870d0
5 changed files with 11 additions and 17 deletions

View file

@ -1 +1 @@
.markdown{line-height:1.7}.markdown>:first-child{margin-top:0;line-height:1em}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5{font-weight:400;line-height:1.25}.markdown b,.markdown optgroup,.markdown strong{font-weight:700}.markdown a{text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown code{font-family:oxygen mono,monospace}.markdown p code{padding:0 .25rem;background:#f8f9fa;border-radius:.15rem}.markdown pre{padding:1rem;background:#f8f9fa;border-radius:.15rem;font-size:.875rem;overflow-x:auto}.markdown blockquote{border-left:2px solid #dee2e6;margin:0;padding:1px 1rem}.markdown blockquote :first-child{margin-top:0}.markdown blockquote :last-child{margin-bottom:0}.markdown table tr td{padding:.5rem}.flex{display:flex}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.mx-auto{margin:0 auto}.hide{display:none}html{font-size:16px;letter-spacing:.33px}html,body{min-width:25rem;overflow:hidden auto}body{color:#343a40;background:#fff;font-family:oxygen,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body *{box-sizing:inherit}h1,h2,h3,h4,h5{font-weight:400}a{text-decoration:none;color:#004ed0}a:visited{color:#8440f1}img{vertical-align:middle}ul{padding:0;margin:0;list-style:none}ul li{margin:1em 0}ul a{display:block}ul ul{padding-left:1rem}.container{min-width:25rem;max-width:80rem;margin:0 auto}.book-brand{margin-top:0}.book-menu{flex:0 0 18rem;font-size:.875rem}.book-menu nav{width:18rem;padding:1rem;position:fixed;top:0;bottom:0;overflow:hidden auto}.book-menu a{color:#343a40}.book-menu a.active{color:#004ed0}.book-page{min-width:25rem;padding:1rem}.book-header{margin-bottom:1rem;display:none}.book-toc{flex:0 0 14rem;font-size:.75rem}.book-toc nav{width:14rem;padding:1rem;position:fixed;top:0;bottom:0;overflow:hidden auto}.book-toc nav>ul>li{margin:0}.book-posts{min-width:25rem;max-width:43rem;padding:1rem}ul.pagination{display:flex;justify-content:center}ul.pagination .page-item a{padding:1rem}aside nav,.book-page,.markdown{transition:.2s ease-in-out;transition-property:transform,margin-left,opacity;will-change:transform,margin-left}@media screen and (max-width:57rem){.book-toc{display:none}}@media screen and (max-width:43rem){.book-menu{margin-left:-18rem}.book-header{display:flex}#menu-control:checked+main .book-menu nav,#menu-control:checked+main .book-page{transform:translateX(18rem)}#menu-control:checked+main .book-header label img{transform:rotate(90deg)}#menu-control:checked+main .markdown{opacity:.25}}@media screen and (min-width:80rem){.book-page,.book-menu nav,.book-toc nav{padding:2rem 1rem}} .markdown{line-height:1.7}.markdown>:first-child{margin-top:0;line-height:1em}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5{font-weight:400;line-height:1.25}.markdown b,.markdown optgroup,.markdown strong{font-weight:700}.markdown a{text-decoration:none}.markdown a:hover{text-decoration:underline}.markdown code{font-family:oxygen mono,monospace}.markdown p code{padding:0 .25rem;background:#f8f9fa;border-radius:.15rem}.markdown pre{padding:1rem;background:#f8f9fa;border-radius:.15rem;font-size:.875rem;overflow-x:auto}.markdown blockquote{border-left:2px solid #dee2e6;margin:0;padding:1px 1rem}.markdown blockquote :first-child{margin-top:0}.markdown blockquote :last-child{margin-bottom:0}.markdown table tr td{padding:.5rem}.flex{display:flex}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.mx-auto{margin:0 auto}.hide{display:none}html{font-size:16px;letter-spacing:.33px}html,body{min-width:25rem;overflow:hidden auto}body{color:#343a40;background:#fff;font-family:oxygen,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body *{box-sizing:inherit}h1,h2,h3,h4,h5{font-weight:400}a{text-decoration:none;color:#004ed0}a:visited{color:#8440f1}img{vertical-align:middle}aside nav ul{padding:0;margin:0;list-style:none}aside nav ul li{margin:1em 0}aside nav ul a{display:block}aside nav ul ul{padding-left:1rem}ul.pagination{display:flex;justify-content:center}ul.pagination .page-item a{padding:1rem}.container{min-width:25rem;max-width:80rem;margin:0 auto}.book-brand{margin-top:0}.book-menu{flex:0 0 18rem;font-size:.875rem}.book-menu nav{width:18rem;padding:1rem;position:fixed;top:0;bottom:0;overflow:hidden auto}.book-menu a{color:#343a40}.book-menu a.active{color:#004ed0}.book-page{min-width:25rem;padding:1rem}.book-header{margin-bottom:1rem;display:none}.book-toc{flex:0 0 14rem;font-size:.75rem}.book-toc nav{width:14rem;padding:1rem;position:fixed;top:0;bottom:0;overflow:hidden auto}.book-toc nav>ul>li{margin:0}.book-posts{min-width:25rem;max-width:43rem;padding:1rem}.book-posts article{padding-bottom:1rem}aside nav,.book-page,.markdown{transition:.2s ease-in-out;transition-property:transform,margin-left,opacity;will-change:transform,margin-left}@media screen and (max-width:57rem){.book-toc{display:none}}@media screen and (max-width:43rem){.book-menu{margin-left:-18rem}.book-header{display:flex}#menu-control:checked+main .book-menu nav,#menu-control:checked+main .book-page{transform:translateX(18rem)}#menu-control:checked+main .book-header label img{transform:rotate(90deg)}#menu-control:checked+main .markdown{opacity:.25}}@media screen and (min-width:80rem){.book-page,.book-menu nav,.book-toc nav{padding:2rem 1rem}}

View file

@ -1 +1 @@
{"Target":"book.min.5372b04654469d8fddd4773714ccd477c9c78d70d7ef82f9e23c98c307e690b5.css","MediaType":"text/css","Data":{"Integrity":"sha256-U3KwRlRGnY/d1Hc3FMzUd8nHjXDX74L54jyYwwfmkLU="}} {"Target":"book.min.5e7101a48b6b4ebf1d6bac6a7f1fe9b23d3ab3d39171c1c3e9191526e1f2b5c5.css","MediaType":"text/css","Data":{"Integrity":"sha256-XnEBpItrTr8da6xqfx/psj06s9ORccHD6RkVJuHytcU="}}

View file

@ -8,10 +8,8 @@
</head> </head>
<body> <body>
<main> <main class="book-posts mx-auto">
<div class="book-posts mx-auto">
{{ template "main" . }} {{ template "main" . }}
</div>
</main> </main>
{{ partial "docs/inject/body" . }} {{ partial "docs/inject/body" . }}

View file

@ -1,5 +1,4 @@
{{ define "main" }} {{ define "main" }}
<section>
{{ $paginator := .Paginate (where .Pages "Params.hidden" "ne" true) }} {{ $paginator := .Paginate (where .Pages "Params.hidden" "ne" true) }}
{{ range sort .Paginator.Pages }} {{ range sort .Paginator.Pages }}
<article> <article>
@ -16,5 +15,4 @@
</article> </article>
{{ end }} {{ end }}
{{ template "_internal/pagination.html" . }} {{ template "_internal/pagination.html" . }}
</section>
{{ end }} {{ end }}

View file

@ -1,11 +1,9 @@
{{ define "main" }} {{ define "main" }}
<section> <header>
<header>
<h1>{{ .Title }}</h1> <h1>{{ .Title }}</h1>
<h5>{{ .Date.Format "January 2, 2006" }}</h5> <h5>{{ .Date.Format "January 2, 2006" }}</h5>
</header> </header>
<article class="markdown"> <article class="markdown">
{{- .Content -}} {{- .Content -}}
</article> </article>
</section>
{{ end }} {{ end }}