create publishers page

This commit is contained in:
Aadil Ayub 2022-12-15 14:57:57 +05:00
parent 5ed6e1cb93
commit 6705bb0bde
5 changed files with 145 additions and 43 deletions

View File

@ -0,0 +1,6 @@
---
draft: false
---
<article class="map">
{{< map geoJson="data/geojsonContributors.json">}}
</article>

View File

@ -1,5 +0,0 @@
---
draft: false
---
{{< map geoJson="data/geojsonContributors.json">}}

View File

@ -0,0 +1,26 @@
<div class='publishers card {{ .Params.feed_name }}'>
<article class="h-entry publishers">
{{ $postPermalink := .Permalink}}
<a href="{{ .Permalink }}" class="link-wrapper">
<header>
<h2 class="p-name">
{{ .Title }}
</h2>
</header>
<div class="p-summary">
<div class="summary-text">
{{ .Summary }}...
</div>
</div>
<footer class='post-footer'>
<svg width="11" height="11" viewBox="0 0 11 11" xmlns="http://www.w3.org/2000/svg">
<path d="M10.2172 3.892C9.86979 3.02585 9.33722 2.34509 8.61023 1.77874C8.23826 1.49028 7.72957 1.04191 7.21547 0.839212C7.21382 0.703503 7.14487 0.575079 6.97767 0.503871C5.42624 -0.162284 3.69503 0.311299 2.52647 1.51482C1.94635 2.11223 1.51951 2.8478 1.21108 3.62501C0.914861 4.3676 0.507572 5.32483 0.948415 6.07996C1.00646 6.17836 1.09356 6.24193 1.1908 6.27306C1.2735 7.35573 1.57765 8.46801 2.37847 9.21874C3.2325 10.0162 4.43613 10.3053 5.5673 10.1773C6.72371 10.0468 7.96432 9.57061 8.8816 8.82474C9.01086 8.71974 9.1274 8.60844 9.23337 8.49296C9.27968 8.4924 9.32805 8.4875 9.37839 8.4718C11.3643 7.82491 10.8101 5.37347 10.2172 3.892Z" />
</svg>
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">
{{ .Date.Format "Jan 02, 2006" }}
</time>
</footer>
</a>
</article>
</div>

View File

@ -1,45 +1,11 @@
{{ define "main" }}
<main>
<main class="publishers-page">
{{.Content}}
<section class='entries'>
<div class="h-feed">
{{ range where (.Paginator 13).Pages "Params.hidden" "ne" "true" }}
{{ if in .Params.categories "tv"}}
{{- partial "video_box.html" . -}}
{{ else if in .Params.categories "calendar" }}
{{- partial "calendar_card.html" . -}}
{{ else if in .Params.categories "network" }}
{{- partial "network_card.html" . -}}
{{ else if in .Params.categories "shouts" }}
{{- partial "shout_card.html" . -}}
{{ else if in .Params.categories "pen" }}
{{- partial "pen_card.html" . -}}
{{ else if in .Params.categories "book" }}
{{- partial "book.html" . -}}
{{ else if in .Params.categories "page" }}
{{- partial "blank.html" . -}}
{{ else }}
{{- partial "card.html" . -}}
{{ end }}
{{- partial "publishers_post_card.html" . -}}
{{ end }}
</div>

View File

@ -1788,3 +1788,112 @@ a.timeline-url {
padding: 0;
}
}
/*===============================================
Styles for publishers page
================================================= */
.publishers-page .map {
margin-bottom: 2em;
}
.card.publishers {
border: 2px solid var(--social-dark);
background-color: var(--social-light);
max-width: min-content;
margin-bottom: 2em;
flex: auto;
margin: 0 3em 3em 0;
align-self: start;
color: var(--social-dark);
transition: transform 0.1s ease-in-out;
}
.card.publishers .link-wrapper {
text-decoration: none;
color: inherit;
}
.card.publishers:hover {
transform: rotate(5deg);
}
.h-entry.publishers header {
display: flex;
flex-direction: column;
}
.h-entry.publishers header h2 {
padding: 0.5em 0.5em 0.2em 0.5em;
margin: 0;
border: none;
}
.h-entry.publishers header h2:hover {
cursor: pointer;
}
.h-entry.publishers header h2 a {
text-decoration: none;
color: var(--social-dark);
}
.h-entry.publishers header time {
text-align: right;
padding: 0.6em 0.8em;
font-size: 1rem;
}
.card.publishers .header-metadata {
align-items: center;
}
.card.publishers .header-metadata .dt-published {
border-bottom: 2px solid var(--social-dark);
}
.card.publishers .filler {
min-height: 1rem;
}
.card.publishers .author.p-author {
border-color: var(--social-dark);
padding: 0.5em 1.2em 0.5em 1.2em;
}
.card.publishers .p-summary {
display: flex;
}
.card.publishers .p-summary.landscape {
flex-direction: column;
}
.card.publishers .summary-image > img {
display: inherit;
}
.card.publishers .summary-text {
font-size: 18px;
}
.card.publishers .footer-filler {
border-left: 2px solid var(--social-dark);
border-top: none;
}
.card.publishers .post-footer {
border-top: 2px solid var(--social-dark);
flex-flow: row;
font-size: 0.9rem;
background-color: var(--social-light);
color: var(--social-dark);
padding: 1em;
justify-content: space-between;
align-items: center;
}
.card.publishers .post-footer svg {
fill: var(--social-dark)
}