From 0d2e7540bbc0af867e2075b08744dc02c6cc7dd2 Mon Sep 17 00:00:00 2001 From: Robin Boers Date: Fri, 10 Feb 2023 12:58:26 +0100 Subject: [PATCH] Update blog design --- .prettierignore | 1 + content/nl/post/nadenken-over-privacy.md | 4 ---- src/assets/css/source.css | 15 +++++++++++++++ src/assets/js/webmention.js | 4 +++- .../picardo/layouts/_default/single.html | 1 + .../picardo/layouts/partials/reply-button.html | 17 +++++++++++++++++ .../picardo/layouts/partials/webmentions.html | 18 ++++-------------- 7 files changed, 41 insertions(+), 19 deletions(-) create mode 100644 src/themes/picardo/layouts/partials/reply-button.html diff --git a/.prettierignore b/.prettierignore index 51089be7..1b7a653d 100644 --- a/.prettierignore +++ b/.prettierignore @@ -19,5 +19,6 @@ src/themes/picardo/layouts/partials/preview.html src/themes/picardo/layouts/partials/preview-small.html src/themes/picardo/layouts/partials/views.html src/themes/picardo/layouts/partials/webmentions.html +src/themes/picardo/layouts/partials/reply-button.html src/themes/picardo/layouts/partials/latest_commit.html src/themes/picardo/layouts/shortcodes/info.html diff --git a/content/nl/post/nadenken-over-privacy.md b/content/nl/post/nadenken-over-privacy.md index 965a1173..af7c2362 100644 --- a/content/nl/post/nadenken-over-privacy.md +++ b/content/nl/post/nadenken-over-privacy.md @@ -7,8 +7,6 @@ tags: - open-source --- -*Ik heb officieel mijn elke-week-een-blogpost challenge gefailed. Oeps.* - Ik ben bezig met het lezen van [This is how they tell me the world ends](https://www.bibliotheek.nl/catalogus/titel.434364606.html/this-is-how-they-tell-me-the-world-ends/). Er staat niet heel veel nieuwe of schokkende informatie in, maar het is toch nogal een eye-opener. Het boek gaat over hoe regeringen kritieke bugs in software (ookwel zero-days) kopen en exploiteren om toegang tot data te krijgen die ze niet hadden mogen hebben. Ik heb nooit veel vertrouwen gehad in grote bedrijven en apps. Mijn informatica docente staat elke maandag voor de klas een futuritisch sprookje te vertellen over hoe apps en bedrijven ons leven zoveel makkelijker hebben gemaakt en hoe ons technologisch utopia te wachten staat in de toekomst. Ik ben zelf van mening dat dit een nogal naïef en ondoordacht standpunt is. @@ -36,5 +34,3 @@ Ik krijg van leeftijdsgenoten vaak te horen dat ze het gek vinden dat ik zo priv - Ik vind het leuk om zelf de technische problemen op te lossen en systemen te beheren waarin mijn data staat. Dus, hoe zit het met jullie (mijn lezers). Hoe denken jullie over privacy? Hebben jullie vragen of opmerkingen? Je kan een comment achterlaten :) - -*Als je wil dat ik reageer op je comment moet je deze via email versturen met de knop hieronder*. diff --git a/src/assets/css/source.css b/src/assets/css/source.css index 515b196a..2771810a 100644 --- a/src/assets/css/source.css +++ b/src/assets/css/source.css @@ -20,6 +20,10 @@ object-position: top right; } + .reply-button { + @apply block cursor-pointer bg-primary text-foreground dark:text-background hover:brightness-90 outline-none rounded-none shadow-none px-10 py-6 m-10 max-w-max mx-auto text-xl mb-4; + } + .h-entry.preview { @apply rounded-md p-6 bg-[#ebf1fa] dark:bg-slate/70 shadow-md max-w-[52rem] my-5 mx-auto; } @@ -118,6 +122,13 @@ nav ul.menu li a { @apply no-underline; } + + .post-footer { + opacity: 0.7; + } + .post-footer::before { + @apply block content-[""] bg-foreground/30 w-[400px] h-[2px] sm:ml-[10%] md:ml-[20.5%] mb-[20px]; + } } @layer base { @@ -150,3 +161,7 @@ comments are generated client-side using JS */ .comments li { list-style: none; } + +.webmentions { + display: none; +} diff --git a/src/assets/js/webmention.js b/src/assets/js/webmention.js index 03cd44d0..8efd88af 100644 --- a/src/assets/js/webmention.js +++ b/src/assets/js/webmention.js @@ -194,8 +194,10 @@ A more detailed example: } function formatComments(comments) { - let html = '

Webmentions