minor changes to single pages, centering and showing metadata

This commit is contained in:
rra 2024-11-24 11:40:39 +01:00
parent e07393b97e
commit 856ff9851e
2 changed files with 32 additions and 8 deletions

View File

@ -2,13 +2,11 @@
<main class="main single"> <main class="main single">
<article class="h-entry"> <article class="h-entry">
<header> <header>
<h1 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1> <h1 class="p-name single"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1>
<p> <div class="metadata"><span class="from p-author">{{ if .Params.contributors }}By <b>{{range .Params.contributors}} <a href='{{ "/contributors/" | relLangURL }}{{ . | urlize }}/'> {{ . }},</a> {{ end }}</b>{{ end }} {{with .Params.original_link }}originally posted on <b><a href="{{ . }}">{{ end }}{{ .Params.feed_name }}</a></b> on <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time></span></div>
Published by <a class="p-author" href="/about">{{ $.Param "author" }}</a> </header>
on <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
</p>
<div class="e-content"> <div class="e-content">
{{with .Params.featured_image}}<img src="{{.}}"></img>{{end}}
{{ .Content }} {{ .Content }}
</div> </div>
</article> </article>

View File

@ -86,6 +86,7 @@ a {
.container .single { .container .single {
max-width: 65ch; max-width: 65ch;
margin: auto;
} }
.card { .card {
@ -558,8 +559,8 @@ footer.post-footer {
flex-direction: column; flex-direction: column;
} }
.shout .p-summary.landscape { .shout .p-summary.landscape
flex-direction: column; { flex-direction: column;
} }
.shout .summary-image > img { .shout .summary-image > img {
@ -1942,6 +1943,10 @@ input:checked + label + .description {
height: auto; height: auto;
} }
.single header{
margin:0;
}
.single .h-entry figure{ .single .h-entry figure{
margin: 0 0 20px; margin: 0 0 20px;
} }
@ -1950,6 +1955,27 @@ input:checked + label + .description {
margin: 0; margin: 0;
} }
.single h1 {
padding: 0.5rem;
background: #fff;
width:100%;
}
.e-content{
padding:1em;
}
.single .metadata{
border: 2px solid #333;
font-size: 14px;
padding: 0.5rem;
align-items: center;
background: #e8e8e8;
position:relative;
width:calc(100% + 2em);
right:1em;
}
/* lumbung radio player widget */ /* lumbung radio player widget */
.lumbung-radio-player { .lumbung-radio-player {
display: flex; display: flex;