2020.11c (#128)

Author: jaandrle

_config.yml

@@ -4,7 +4,7 @@
 #   - code version (name) / repository
 #   - name convention based on https://en.wikipedia.org/wiki/Ubuntu_version_history#Release_history
 code:
-  version: 2020.11b
+  version: 2020.11c
   name: Dapper Drake LTS
   hosted: "https://github.com/"
   repository: "jaandrle/jaandrle.github.io"
@@ -33,8 +33,6 @@ welcome_text: Vítejte na osobních stránkách Jana Andrle.
 author:
   name: Jan Andrle
   email: [email protected]
-  twitter: jaandrle
-  twitter_id: 272926176
 avatar: https://avatars0.githubusercontent.com/u/8017233?s=460&v=4
 
 # Posts
@@ -56,4 +54,4 @@ exclude:
   - Gemfile.lock
   - LICENSE
   - README.md
-  - CNAME
+  - CNAME

_data/social/account_mastodon.yml

@@ -1,4 +1,5 @@
 name: "Mastodon"
 title: "My mastodon account"
 account: "@jaandrle"
-href: "https://fosstodon.org/"
+instance: "@fosstodon.org"
+href: "https://fosstodon.org/"

_includes/i/atom_comments.html

@@ -1,15 +1,15 @@
-{%      assign user_twitter= site.author.twitter
+{%      assign user_mastodon= site.data.social.account_mastodon
 %}{%    assign post_url= page.url | prepend: site.url | url_encode
 %}{%    assign link_params= ' target="_blank" rel="nofolow"'
-%}{%    assign id_post= page.date | date: "%-Y%-m%-d%-H%-M%-S"
-%}{%    assign id= "jablog_" | append: id_post 
 %}{{_S}}<div class="C__asideInfo">
 {{_S}} {% include i/atom_asideHeadline.html headline="Komentáře" icon=":speech_balloon:" %}
-{{_S}} <a href="https://twitter.com/search?q=(%23{{id}})(%40{{user_twitter}})&src=typed_query" {% comment %}{% endcomment
-        %}title="Tweety s tagem {{id}} (identifikující tento příspěvek) a se zmínkou @{{user_twitter}} (můj účet)"{% comment %}{% endcomment
-        %}{{link_params}}>Reakce na Twitteru</a>
+{%- if page.toot %}
+{{_S}} <a href="{{user_mastodon.href}}{{user_mastodon.account}}/{{page.toot}}" {% comment %}{% endcomment
+        %}title="Diskutovat lze na Mastodonu"{% comment %}{% endcomment
+        %}{{link_params}}>viz Mastodon</a>
 {{_S}} <br>
-{{_S}} <a href="https://twitter.com/intent/tweet?hashtags={{id}}&url={{post_url}}&screen_name={{user_twitter}}" {% comment %}{% endcomment
-        %}title="Vytvořit tweet s tagem {{id}} (identifikující tento příspěvek) a se zmínkou @{{user_twitter}} (můj účet)"{% comment %}{% endcomment
-        %}{{link_params}}>Twítnout postřeh</a>
-{{_S}}</div>
+{%- endif %}
+{{_S}} <a href="https://discu.eu/?q={{post_url}}&submit_title={{page.title}}" {% comment %}{% endcomment
+        %}title="Diskuze nalezené pomocí discu.eu"{% comment %}{% endcomment
+        %}{{link_params}}>discu.eu</a>
+{{_S}}</div>

_includes/i/atom_share.html

@@ -1,12 +1,17 @@
 {%      assign user_twitter= site.author.twitter
+%}{%    assign _um= site.data.social.account_mastodon
+%}{%    capture user_mastodon %}{{_um.account}}{{_um.instance}}{% endcapture
 %}{%    assign post_url= page.url | prepend: site.url | url_encode
 %}{%    assign post_title= page.title | url_encode
 %}{%    assign link_params= 'target="_blank" rel="nofolow" '
 %}{{_S}}<div class="C__asideInfo">
 {{_S}} {% include i/atom_asideHeadline.html headline="Sdílet" icon=":link:" %}
+{{_S}} <a onclick="mastodonShare(event)" href="" data-href="/share?text={{post_title}}%0A[{{user_mastodon}}]&url={{post_url}}" {% comment %}{% endcomment
+        %}{{link_params}}title="Sdílet na Mastodonu">Mastodon</a>
+{{_S}} <br>
 {{_S}} <a href="https://twitter.com/intent/tweet?text={{post_title}}&url={{post_url}}&via={{user_twitter}}&related={{user_twitter}}" {% comment %}{% endcomment
         %}{{link_params}}title="Sdílet na Twitteru">Twitter</a>
 {{_S}} <br>
 {{_S}} <a href="https://facebook.com/sharer.php?u={{post_url}}" {% comment %}{% endcomment
         %}{{link_params}}title="Sdílet na Facebooku">Facebook</a>
-{{_S}}</div>
+{{_S}}</div>

_includes/i/molecule_meta.html

@@ -11,8 +11,30 @@
 {%- if page.noindex %}
 {{_S}}<meta name="robots" content="noindex">{%
 endif %}
+{{_S}}<!-- 💬 -->
+{{_S}}<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.author.name }} (osobní stránky/blog)</title>
+{{_S}}<!-- 🏃 -->
+{{_S}}{% include i/atom_criticalCSS.html %}
+{{_S}}<!--[if lt IE 9]>
+{{_S}} <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+{{_S}}<![endif]-->
+{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-Regular.woff2" type="font/woff2" crossorigin="anonymous">
+{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-Italic.woff2" type="font/woff2" crossorigin="anonymous">
+{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-Bold.woff2" type="font/woff2" crossorigin="anonymous">
+{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-BoldItalic.woff2" type="font/woff2" crossorigin="anonymous">
+{{_S}}<link rel="stylesheet" type="text/css" media="all" href="{{ '/files/internal/fonts/fonts.css' | relative_url | append: files_version }}" />
+{{_S}}<link rel="stylesheet" type="text/css" media="all" href="{{ '/main.css' | relative_url | append: files_version }}" />
+{{_S}}<link rel="stylesheet" type="text/css" media="print" href="{{ '/print.css' | relative_url | append: files_version }}" />
+{%- for feed in site.pages %}{% if feed.layout=='feed' %}
+{{_S}}<link rel="alternate" type="application/rss+xml" title="{{ feed.subtitle }}" href="{{ feed.url }}" />{% endif %}{%
+endfor %}
+{{_S}}<link rel="sitemap" type="application/xml" title="Sitemap" href="{{ full_baseurl }}{{ '/sitemap.xml' }}" />
+{{_S}}<link rel="webmention" href="https://webmention.io/jaandrle.github.io/webmention" />
+{{_S}}<link rel="pingback" href="https://webmention.io/jaandrle.github.io/xmlrpc" />
+{{_S}}<script src="/main.js" type="module"></script>
 {{_S}}<!-- © (Jekyll & GitHub Pages) -->
 {{_S}}<meta name="author" content="{{ site.author.name }}" />
+{{_S}}<link type="text/plain" rel="author" href="{{ full_baseurl }}{{ '/humans.txt' }}" />
 {{_S}}<meta name="generator" content="Jekyll" />
 {{_S}}<!-- ℹ 🔗 📜 -->
 {{_S}}<meta name="description" content="{{ description }}" />
@@ -25,9 +47,6 @@
 {{_S}}<meta name="twitter:card" content="summary">
 {{_S}}<meta name="twitter:site" content="@{{ site.author.twitter }}">
 {{_S}}<meta name="twitter:creator" content="@{{ site.author.twitter }}">
-{{_S}}<!--[if lt IE 9]>
-{{_S}} <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-{{_S}}<![endif]-->
 {{_S}}<!-- 🎨 🔗 -->
 {{_S}}<link rel="apple-touch-icon" sizes="180x180" href="{{ assets }}apple-touch-icon.png">
 {{_S}}<link rel="icon" type="image/png" sizes="32x32" href="{{ assets }}favicon-32x32.png">
@@ -37,19 +56,3 @@
 {{_S}}<meta name="msapplication-config" content="{{ assets }}browserconfig.xml">
 {{_S}}<meta name="msapplication-TileColor" content="#A03232">
 {{_S}}<meta name="theme-color" content="#A03232">
-{{_S}}{% include i/atom_criticalCSS.html %}
-{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-Regular.woff2" type="font/woff2" crossorigin="anonymous">
-{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-Italic.woff2" type="font/woff2" crossorigin="anonymous">
-{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-Bold.woff2" type="font/woff2" crossorigin="anonymous">
-{{_S}}<link rel="preload" as="font" href="/files/internal/fonts/iAWriterDuospace-BoldItalic.woff2" type="font/woff2" crossorigin="anonymous">
-{{_S}}<link rel="stylesheet" type="text/css" media="all" href="{{ '/files/internal/fonts/fonts.css' | relative_url | append: files_version }}" />
-{{_S}}<link rel="stylesheet" type="text/css" media="all" href="{{ '/main.css' | relative_url | append: files_version }}" />
-{{_S}}<link rel="stylesheet" type="text/css" media="print" href="{{ '/print.css' | relative_url | append: files_version }}" />
-{%- for feed in site.pages %}{% if feed.layout=='feed' %}
-{{_S}}<link rel="alternate" type="application/rss+xml" title="{{ feed.subtitle }}" href="{{ feed.url }}" />{% endif %}{%
-endfor %}
-{{_S}}<link rel="sitemap" type="application/xml" title="Sitemap" href="{{ full_baseurl }}{{ '/sitemap.xml' }}" />
-{{_S}}<link rel="webmention" href="https://webmention.io/jaandrle.github.io/webmention" />
-{{_S}}<link rel="pingback" href="https://webmention.io/jaandrle.github.io/xmlrpc" />
-{{_S}}<!-- 💬 -->
-{{_S}}<title>{% if page.title %}{{ page.title }} – {% endif %}{{ site.author.name }} (osobní stránky/blog)</title>

_includes/i/molecule_postList.html

@@ -9,7 +9,7 @@
 %}{%      break
 %}{%    endif 
 %}
-      <article class="post">
+      <article class="post" role="article">
         <h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
         {% include i/molecule_articleInfo.html content=post.content date=post.date tags=post.tags %}
         <div class="entry">
@@ -32,4 +32,4 @@ <h2><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
 %}{{ separator }}<a href="{{ page.url }}" title="{{ page.description | strip_html }}">{{ page.title }}</a>
 {%-   endfor
 %}{%  endcapture
-%}<p class="C__textHighlited">Další příspěvky jsou v {{ categories_pages | strip | replace: separator, " nebo " }}.</p>
+%}<p class="C__textHighlited">Další příspěvky jsou v {{ categories_pages | strip | replace: separator, " nebo " }}.</p>

_layouts/default.html

@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
+<html class="nojs" lang="{{ page.lang | default: site.lang | default: 'en' }}">
  <head>{% assign _S= "  " %}{%
   include i/molecule_meta.html %}
  </head>
  <body class="C__contentFirst display__f">
   <a href="#main" class="C__skipLink" role="button" aria-label="Scroll to main content begining">Scroll to content</a>
   <header class="C__header display__f minW__bar flex__1 textA__c margin__0_auto padding__1 m_padding__0 clearfix">
    <a href="{{ site.baseurl }}/" class="C__sidebarAvatar float__l margin__0_auto"><img alt="User avatar photo" src="{{ site.avatar }}"/></a>
-   <nav class="C__sidebarNav display__f float__l" aria-labelledby="nav-heading">
+   <nav class="C__sidebarNav display__f float__l" aria-labelledby="nav-heading" role="navigation">
      <h2 id="nav-heading" class="C__visuallyHide">Hlavní navigace</h2> {%
      assign pages= site.pages | sort: "in_menu"
       %}{% for page_i in pages %}{% if page_i.in_menu %}
@@ -29,7 +29,7 @@ <h2 id="nav-heading" class="C__visuallyHide">Hlavní navigace</h2> {%
   </header>
 
   <div class="container flex__4">
-   <main id="main" aria-label="Hlavní obsah">
+   <main id="main" aria-label="Hlavní obsah" role="main">
 {{ content }}
    </main>
 

_layouts/page.html

@@ -2,12 +2,12 @@
 layout: default
 ---
 {% assign _S= "    " %}{{
-  _S}}<article class="page maxW__article margin__0_auto">
+  _S}}<article class="page maxW__article margin__0_auto" role="article">
 {{_S}} <h1 class="C__textHighlited">{{ page.title }}</h1>
 {{_S}} {% include show_toc.html show_toc=page.show_toc html=content %}
 {{_S}} <div class="entry">
 <!-- 🏁 📝 (raw spacing!) -->
 {{ content }}
 <!-- 🔚 📝 (raw spacing!) -->
 {{_S}} </div>
-{{_S}}</article>
+{{_S}}</article>

_layouts/post.html

@@ -2,7 +2,7 @@
 layout: default
 ---
 {% assign _S= "    " %}{{
-  _S}}<article class="post maxW__article margin__0_auto">
+  _S}}<article class="post maxW__article margin__0_auto" role="article">
 {{_S}} <h1 class="C__textHighlited">{{ page.title }}</h1>
 {{_S}} {% include i/molecule_articleInfo.html content=content date=page.date updated=page.updated tags=page.tags %}
 {{_S}} <div class="entry">
@@ -20,4 +20,4 @@
 {% include i/atom_share.html %}
 {% include i/atom_comments.html %}
 {% include i/atom_navigationSource.html %}
-{{_S}}</aside>
+{{_S}}</aside>

_posts/2022/2022-08-12-hpamr.md

@@ -1,6 +1,7 @@
 ---
 issue: 125
 title: "Eliezer Yudkowsky: Harry Potter a metody racionality"
+category: nondev
 tags: [eknihy, ke čtení, tipy]
 show_toc: 3
 ---