n07070/blogotheme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix margins disposition and size of single and home page

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/style.css
View File

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

9
layouts/_default/home.html
View File

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

17
layouts/_default/single.html
View File

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

4
layouts/partials/footer.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" . }} {{ partial "openring-out.html" . }}
</nav> </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> <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> <small>It's self-hosted, low-tech, without javascript and static, as it should be.</small>
<br> <br>

2
layouts/partials/openring-in.html
View File

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

2
layouts/partials/openring-out.html
View File

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