2023-02-09 12:54:35 +01:00
{{ ! <
default}}
{{ ! - -
The
tag
above
means:
insert
everything
in
this
file
into
the
{ body}
of
the
default.hbs
template
--}}
<header
class="site-header"
>
2022-01-06 19:23:20 +01:00
{{ > site-header }}
2023-02-09 12:54:35 +01:00
</header>
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
{{!-- Everything inside the #post tags pulls data from the post --}}
{{ # post }}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<main
id="site-main"
class="site-main outer"
>
<div class="inner">
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<article class="post-full {{ post_class }} {{ # unless feature_image }} no-image {{ / unless }} ">
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<header class="post-full-header">
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
{{ # if primary_tag }}
2022-01-06 19:49:04 +01:00
<section class="post-full-tags">
{{ # if tags }}
2023-02-09 12:54:35 +01:00
{{ # foreach tags }}
<a
href=" {{ url }} "
title=" {{ name }} "
class="tag {{ slug }} "
> {{ name }} </a>
{{ / foreach }}
2022-01-06 19:49:04 +01:00
{{ / if }}
</section>
2023-02-09 12:54:35 +01:00
{{ / if }}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<h1 class="post-full-title"> {{ title }} </h1>
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
{{ # if custom_excerpt }}
<p class="post-full-custom-excerpt"> {{ custom_excerpt }} </p>
{{ / if }}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<div class="post-full-byline">
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<section class="post-full-byline-content">
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<ul class="author-list">
{{ # foreach authors }}
<li class="author-list-item">
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
<div class="author-card">
{{ # if profile_image }}
<img
class="author-profile-image"
src=" {{ img_url profile_image size = "
xs"}}"
alt=" {{ name }} "
/>
2022-01-06 19:23:20 +01:00
{{ else }}
2023-02-09 12:54:35 +01:00
<div class="author-profile-image"> {{ > "icons/avatar" }} </div>
2022-01-06 19:23:20 +01:00
{{ / if }}
2023-02-09 12:54:35 +01:00
<div
class="author-info"
aria-hidden="true"
>
{{ # if bio }}
<div class="bio">
<h2> {{ name }} </h2>
<p> {{ bio }} </p>
<p><a href=" {{ url }} ">Więcej postów</a> - {{ name }} .</p>
</div>
{{ else }}
<h2> {{ name }} </h2>
<p>Zobacz <a href=" {{ url }} ">więcej postów</a> tego autora.</p>
{{ / if }}
</div>
2022-01-06 19:23:20 +01:00
</div>
2023-02-09 12:54:35 +01:00
{{ # if profile_image }}
<a
href=" {{ url }} "
class="author-avatar"
>
<img
class="author-profile-image"
src=" {{ img_url profile_image size = "
xs"}}"
alt=" {{ name }} "
/>
</a>
{{ else }}
<a
href=" {{ url }} "
class="author-avatar author-profile-image"
> {{ > "icons/avatar" }} </a>
{{ / if }}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
</li>
{{ / foreach }}
</ul>
<section class="post-full-byline-meta">
<h4 class="author-name"> {{ authors }} </h4>
<div class="byline-meta-content">
<time
class="byline-meta-date"
datetime=" {{ date format = "
YYYY-MM-DD"}}"
> {{ date format = "D MMM YYYY" }} </time>
<span class="byline-reading-time"><span class="bull">•</span>
{{ reading_time }} </span>
</div>
</section>
2022-01-06 19:23:20 +01:00
</section>
2023-02-09 12:54:35 +01:00
</div>
</header>
{{ # if feature_image }}
<figure class="post-full-image">
{{ ! - - This is a responsive image , it loads different sizes depending on device
https://medium.freecodecamp.org/a-guide-to-responsive-images-with-ready-to-use-templates-c400bd65c433
--}}
<img
srcset=" {{ img_url feature_image size = "
s"}}
300w,
{{ img_url
feature_image
size="m"
}}
600w,
{{ img_url
feature_image
size="l"
}}
1000w,
{{ img_url
feature_image
size="xl"
}}
2000w"
sizes="(max-width: 800px) 400px,
2022-01-06 19:23:20 +01:00
(max-width: 1170px) 1170px,
2000px"
2023-02-09 12:54:35 +01:00
src=" {{ img_url feature_image size = "
xl"}}"
alt=" {{ title }} "
/>
</figure>
{{ / if }}
<section class="post-full-content">
<div class="post-content">
{{ content }}
</div>
</section>
{{!-- Email subscribe form at the bottom of the page --}}
{{ # if @ labs .members }}
2022-01-06 19:23:20 +01:00
{{ > subscribe-form }}
2023-02-09 12:54:35 +01:00
{{ / if }}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
{{ ! - -
<section class="post-full-comments">
If you want to embed comments, this is a good place to do it!
</section>
--}}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
</article>
<script
data-isso="https://www.internet-czas-dzialac.pl/isso"
2022-01-06 19:23:20 +01:00
data-isso-lang="pl"
2022-04-14 10:49:00 +02:00
data-isso-default-lang="pl"
2022-01-06 19:23:20 +01:00
data-isso-feed="false"
2023-02-09 12:59:10 +01:00
data-isso-vote="false"
2022-04-14 10:49:00 +02:00
data-isso-max-comments-top="inf"
data-isso-max-comments-nested="inf"
2023-02-09 12:30:20 +01:00
data-isso-gravatar="false"
data-isso-avatar="true"
2023-02-09 12:54:35 +01:00
src="https://www.internet-czas-dzialac.pl/isso/js/embed.min.js"
async
></script>
<section id="isso-thread"></section>
<script>
(async function () {
function addCheckbox() {
const original_submit = document.querySelector(".post-action input[type='submit']");
original_submit.style.setProperty("display", "none")
const faux_submit = document.createElement("input")
faux_submit.value = "Wyślij"
faux_submit.type = "submit"
const comment_checkbox_id = "comment-checkbox"
const checkbox = document.createElement("input")
checkbox.type = "checkbox"
checkbox.id = comment_checkbox_id
checkbox.required = true
const label = document.createElement("label")
label.style.setProperty("line-height", 1);
label.style.setProperty("margin", "1em 0");
label.for = comment_checkbox_id;
label.appendChild(checkbox)
label.id = comment_checkbox_id + "__label"
const label_text = document.createElement("span")
label_text.innerHTML = `Zapoznałam/em się z <a href="/regulamin-komentarzy">Regulaminem publikowania komentarzy</a> i akceptuję jego treść.`
label.appendChild(label_text)
document.querySelector("#isso-thread .auth-section").insertBefore(label, document.querySelector(".auth-section .post-action"))
const legal = document.createElement("p");
legal.classList.add("legal");
legal.textContent = `Współadministratorami danych osobowych są Arkadiusz Wieczorek oraz Jan Orlik. Dane osobowe podane w formularzu są przetwarzane w celu realizacji usługi publikowania komentarzy na stronie internetowej współadministratorów, jak również w celu ustalenia, dochodzenia lub obrony roszczeń. Masz w szczególności prawo dostępu do swoich danych osobowych, ich usunięcia oraz wniesienia sprzeciwu wobec przetwarzania danych. Szczegóły dotyczące przetwarzania danych osobowych i przysługujących Ci praw znajdują się w Polityce prywatności.`
legal.style.setProperty("hyphens", "auto")
legal.style.setProperty("text-align", "justify")
legal.style.setProperty("font-style", "italic")
legal.style.setProperty("font-size", "1.333rem")
legal.style.setProperty("line-height", "150%")
document.querySelector("#isso-thread .auth-section").insertBefore(legal, document.querySelector(".auth-section .post-action"))
faux_submit.addEventListener("click", () => {
if (!checkbox.checked) {
checkbox.reportValidity()
} else {
original_submit.click()
2023-02-03 14:48:06 +01:00
}
2023-02-09 12:54:35 +01:00
})
original_submit.parentElement.appendChild(faux_submit)
}
for (let i = 0; i <= 20; i++) {
if (document.querySelector(".post-action input[type='submit']")) {
continue
}
await new Promise((resolve) => setTimeout(resolve, 200));
}
addCheckbox();
})()
</script>
</div>
</main>
{{!-- Links to Previous/Next posts --}}
<aside class="read-next outer">
<div class="inner">
<div class="read-next-feed">
{{ # if primary_tag }}
{{ # get "posts" filter = "tags:{{primary_tag.slug}}+id:-{{id}}" limit = "3" as | related_posts | }}
2022-01-06 19:23:20 +01:00
{{ # if related_posts }}
<article class="read-next-card">
<header class="read-next-card-header">
{{ # ../primary_tag }}
<h3><span>More in</span> <a href=" {{ url }} "> {{ name }} </a></h3>
{{ / ../primary_tag }}
</header>
<div class="read-next-card-content">
<ul>
{{ # foreach related_posts }}
<li>
<h4><a href=" {{ url }} "> {{ title }} </a></h4>
<div class="read-next-card-meta">
2023-02-09 12:54:35 +01:00
<p><time
datetime=" {{ date format = "
YYYY-MM-DD"}}"
> {{ date format = "D MMM YYYY" }} </time> –
2022-01-06 19:23:20 +01:00
{{ reading_time }} </p>
</div>
</li>
{{ / foreach }}
</ul>
</div>
<footer class="read-next-card-footer">
2023-02-09 12:54:35 +01:00
<a href=" {{ # ../primary_tag }} {{ url }} {{ / ../primary_tag }} "> {{ plural meta .pagination .total empty = ' No
posts' singular='% post' plural='See all % posts'}}
2022-01-06 19:23:20 +01:00
→</a>
</footer>
</article>
{{ / if }}
2023-02-09 12:54:35 +01:00
{{ / get }}
{{ / if }}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
{{ ! - - If there ' s a next post , display it using the same markup in cluded from - partials / post-card .hbs
--}}
{{ # next_post }}
2022-01-06 19:23:20 +01:00
{{ > "post-card" }}
2023-02-09 12:54:35 +01:00
{{ / next_post }}
2022-01-06 19:23:20 +01:00
2023-02-09 12:54:35 +01:00
{{ ! - - If there ' s a previous post , display it using the same markup in cluded from -
partials/post-card.hbs --}}
{{ # prev_post }}
2022-01-06 19:23:20 +01:00
{{ > "post-card" }}
2023-02-09 12:54:35 +01:00
{{ / prev_post }}
</div>
2022-01-06 19:23:20 +01:00
</div>
2023-02-09 12:54:35 +01:00
</aside>
{{ / post }}
{{ ! - - The # contentFor helper here will send everything in side it up to the matching # block helper found in
default.hbs --}}
{{ # contentFor "scripts" }}
<script>
$(document).ready(function () {
// FitVids - start
var $postContent = $(".post-full-content");
$postContent.fitVids();
// FitVids - end
// Replace nav with title on scroll - start
Casper.stickyNavTitle( {
navSelector: '.site-nav-main',
titleSelector: '.post-full-title',
activeClass: 'nav-post-title-active'
});
// Replace nav with title on scroll - end
// Hover on avatar
var hoverTimeout;
$('.author-list-item').hover(function () {
var $this = $(this);
clearTimeout(hoverTimeout);
$('.author-card').removeClass('hovered');
$(this).children('.author-card').addClass('hovered');
}, function () {
var $this = $(this);
hoverTimeout = setTimeout(function () {
$this.children('.author-card').removeClass('hovered');
}, 800);
});
2022-01-06 19:23:20 +01:00
});
2023-02-09 12:54:35 +01:00
</script>
{{ / contentFor }}