styling newsletter section list
This commit is contained in:
Reorx
parent
b816797316
commit
ce0c027304
|
|
@ -59,6 +59,7 @@ body.type-newsletter.kind-section {
|
|||
border: var(--main-border);
|
||||
background-color: var(--theme);
|
||||
margin-top: var(--content-gap);
|
||||
padding-bottom: var(--icon-length);
|
||||
min-height: calc(100vh - var(--header-height) - var(--footer-height) - var(--content-gap));
|
||||
max-width: calc(var(--nav-width));
|
||||
}
|
||||
|
|
@ -82,13 +83,63 @@ body.type-newsletter.kind-section {
|
|||
max-width: calc(var(--post-width));
|
||||
margin: 0 auto;
|
||||
}
|
||||
.entry-header h1 {
|
||||
text-align: center;
|
||||
|
||||
.first-entry {
|
||||
margin-bottom: 0;
|
||||
|
||||
.entry-header h1 {
|
||||
text-align: center;
|
||||
}
|
||||
// .entry-content {
|
||||
// font-size: 16px;
|
||||
// }
|
||||
}
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-bottom: var(--content-gap);
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
border-bottom: 1px solid var(--tertiary-bg);
|
||||
padding: 8px 0;
|
||||
|
||||
.date, .issueno {
|
||||
font-size: .9em;
|
||||
color: var(--secondary);
|
||||
}
|
||||
.date {
|
||||
width: 150px;
|
||||
}
|
||||
.title {
|
||||
flex-grow: 1;
|
||||
font-weight: 500;
|
||||
a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
a:hover, a:active {
|
||||
color: var(--signature);
|
||||
}
|
||||
em {
|
||||
color: var(--secondary);
|
||||
font-style: normal;
|
||||
font-size: .8em;
|
||||
margin-inline-start: 1em;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
.issueno {
|
||||
width: 50px;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* egular page layout */
|
||||
/* regular page layout */
|
||||
body.type-newsletter.kind-page {
|
||||
.newsletter-brand {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@
|
|||
<div class="first-entry">
|
||||
<header class="entry-header">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ with .Param "subtitle" }}<div class="subtitle">{{ . }}</div>{{ end }}
|
||||
</header>
|
||||
<section class="entry-content">{{ .Description | markdownify }}</section>
|
||||
{{- partial "newsletter_sub_form.html"}}
|
||||
|
|
@ -14,60 +15,34 @@
|
|||
|
||||
{{- $pages := where .Pages "Params.hidden" "!=" true }}
|
||||
|
||||
{{/* related issue: https://github.com/gohugoio/hugo/issues/9003 */}}
|
||||
{{ $paginator := "" }}
|
||||
{{ if (.Param "paginate") }}
|
||||
{{- $paginator = .Paginate $pages (.Param "paginate") }}
|
||||
{{ else }}
|
||||
{{- $paginator = .Paginate $pages }}
|
||||
{{ end }}
|
||||
|
||||
|
||||
{{- range $index, $page := $paginator.Pages }}
|
||||
<article class="post-entry">
|
||||
<header class="entry-header">
|
||||
<h2>
|
||||
{{- .Title }}
|
||||
{{- if .Draft }}<sup><span class="entry-isdraft"> [Draft]</span></sup>{{- end }}
|
||||
{{- if .Weight }}<sup><span class="entry-isdraft"> [Pinned]</span></sup>{{- end }}
|
||||
</h2>
|
||||
</header>
|
||||
{{- if (ne (.Param "hideSummary") true) }}
|
||||
<section class="entry-content">
|
||||
{{ if .Description }}
|
||||
<p>{{ .Description | plainify | htmlUnescape }}</p>
|
||||
{{ else }}
|
||||
<p>{{ .Summary | plainify | htmlUnescape }}{{ if .Truncated }}...{{ end }}</p>
|
||||
{{ end }}
|
||||
</section>
|
||||
{{- end }}
|
||||
{{- if not (.Param "hideMeta") }}
|
||||
<footer class="entry-footer">
|
||||
{{- partial "post_meta.html" . -}}
|
||||
</footer>
|
||||
{{- end }}
|
||||
<a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
|
||||
</article>
|
||||
<div class="list">
|
||||
{{- range first 5 $pages }}
|
||||
<div class="item">
|
||||
<div class="date">
|
||||
{{- if not .Date.IsZero -}}
|
||||
{{ .Date | time.Format (default "January 2, 2006" site.Params.DateFormat) }}
|
||||
{{- end }}
|
||||
</div>
|
||||
<div class="title">
|
||||
<a href="{{ .Permalink }}">{{- .Title }}
|
||||
{{- if .Draft }}<em>[Draft]</em>{{- end }}
|
||||
{{- if .Weight }}<em>[Pinned]</em>{{- end }}
|
||||
</a>
|
||||
</div>
|
||||
<div class="issueno">{{ with .Param "issueno" }}#{{ . }}{{ end }}</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
{{- if gt $paginator.TotalPages 1 }}
|
||||
<footer class="page-footer">
|
||||
<nav class="pagination">
|
||||
{{- if $paginator.HasPrev }}
|
||||
<a class="prev" href="{{ $paginator.Prev.URL | absURL }}">« {{ i18n "prev_page" }}</a>
|
||||
{{- end }}
|
||||
{{- if $paginator.HasNext }}
|
||||
<a class="next" href="{{ $paginator.Next.URL | absURL }}">{{ i18n "next_page" }} »</a>
|
||||
{{- end }}
|
||||
</nav>
|
||||
</footer>
|
||||
{{- end }}
|
||||
|
||||
{{- with .Param "archivesSlug" }}
|
||||
<div>
|
||||
<a href="{{ $.RelPermalink }}{{ . }}/">Archives</a>
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
<div>
|
||||
{{- with .Param "archivesSlug" }}
|
||||
<a href="{{ $.RelPermalink }}{{ . }}/">Archives</a>
|
||||
{{- end }}
|
||||
{{- with .Param "rssUrl" }}
|
||||
<a href="{{ site.BaseURL }}{{ . }}">RSS</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Reference in New Issue