feature/leaflet-map #61

Merged
aadil merged 16 commits from feature/leaflet-map into main 2022-12-19 07:49:52 +00:00
5 changed files with 145 additions and 43 deletions
Showing only changes of commit 6705bb0bde - Show all commits

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)
}