Fix margins disposition and size of single and home page

This commit is contained in:
nono 2022-08-17 17:17:26 +02:00
parent 65c654fede
commit c5bf0be174
6 changed files with 26 additions and 18 deletions

View File

@ -162,7 +162,7 @@ p {
/* padding: 2em 0; */
margin-bottom: 3rem;
margin-top: 1em;
width: 100%;
/* width: 100%; */
max-width: 50rem;
/* border-radius: 1.2rem; */
z-index: 2;
@ -298,20 +298,22 @@ p {
}
.pagination-nav {
margin: 2em 0;
width: 100%;
max-width: 47rem;
}
.pagination-text {
font-weight: bold;
color: inherit;
padding: 1rem;
text-align: center;
align-content: center;
}
.pagination-newer {
float:left;
float:right;
}
.pagination-older {
float: right;
float: left;
}
.button {
padding: 0.5em 0.6em;

View File

@ -5,8 +5,9 @@
<body class="list-body">
{{ partial "nav-bar.html" . }}
<main class="card-container side-gutter">
{{ partial "nav-bar.html" . }}
{{ if or (not (eq .Description "")) (not (eq .Title "")) -}}
{{- end }}
@ -23,13 +24,15 @@
{{- range $paginator.Pages -}}
{{ .Render "li" }}
{{- end }}
</main>
{{ if or ($paginator.HasPrev) ($paginator.HasNext) -}}
<nav class="pagination-nav side-padding">
<nav class="blog-card blog-card-feed">
{{ if $paginator.HasPrev }}<a href="{{ $paginator.Prev.URL }}" class="pagination-newer pagination-text">&lt; Newer Posts</a>{{ end }}
{{ if $paginator.HasNext }}<a href="{{ $paginator.Next.URL }}" class="pagination-older pagination-text">Older Posts &gt;</a>{{ end }}
</nav>
{{- end }}
</main>
{{ partial "scripts.html" . }}
</body>
</html>

View File

@ -7,7 +7,7 @@
{{ partial "nav-bar.html" . }}
<main class="content side-text-padding">
<main class="content side-text-padding side-gutter">
<article class="post {{ if ne .Params.dropcap false }}dropcase{{ end }}">
<header class="post-header">
<h1 class="post-title">{{ .Title }}</h1>
@ -29,13 +29,16 @@
{{- end }}
{{ .Content }}
</article>
<nav class="end-nav card-container card">
{{ with .PrevInSection }}
{{ .Render "li-next" }}
{{ end }}
</nav>
{{ partial "footer.html" . }}
</main>
<nav class="end-nav card-container card">
{{ with .PrevInSection }}
{{ .Render "li-next" }}
{{ end }}
</nav>
{{ partial "footer.html" . }}
{{ partial "scripts.html" . }}
</body>
</html>

View File

@ -1,11 +1,11 @@
<nav class="end-nav side-padding card-container card content">
<nav class="end-nav card-container card content">
{{ partial "openring-out.html" . }}
</nav>
<footer class="content card card-container side-padding" >
<footer class="content card card-container" >
<h3>The Octet Press is <a href="{{ .Site.BaseURL }}about-me/">N07070's</a> blog.</h3>
<small>It's self-hosted, low-tech, without javascript and static, as it should be.</small>
<br>

View File

@ -1,5 +1,5 @@
<!-- License-Id: CC0-1.0 -->
<section class="webring">
<section class="webring side-padding">
<h3>Articles from blogs I follow around the net</h3>
<section class="articles">
{{range .Articles}}

View File

@ -1,5 +1,5 @@
<section class="webring">
<section class="webring side-padding">
<h3>Articles from blogs I follow around the net</h3>
<section class="articles">