Dev 2020.11a (#87)

Author: jaandrle

404.html

@@ -0,0 +1,14 @@
+---
+layout: page
+title: 404 – Stránka nenalezena
+permalink: /404.html
+noindex: true
+scripts:
+    - /files/internal/404.js
+---
+
+<p class="textA__c">Je mi líto, ale požadovanou stránku jsem nenalezl.</p>
+<img class="maxW__50 margin__1_auto" src="{{ site.baseurl }}/files/internal/404.jpg" alt="Constructocat by https://github.com/jasoncostello"/>
+<p>Ujistěte se, že jste neudělali chybu v URL adrese. Je možné, že byla stránka přemístěna nebo odstraněna.</p>
+<p>Také můžete zkusit <a href="{{ site.baseurl }}" title="Přejít na úvodní stránku">přejít na domovskou stránku</a>, nebo vyhledávání:</p>
+{% include i/atom_formSearch.html %}

404.md

@@ -35,17 +35,24 @@ My partials/data for simplify creating posts.
 
 #### Include
 In general `{% include file ...options %}` with standarized options
+- `code`, `img` and similar tags supproted by Markdown (the idea is to extend these, but still at least particually be able see that in `.md`). So, example: `{% include image.html img='![alt](src)'`.
 - `href`, `src` for links/images/…
 - `title`, `alt` for links/images/…
 - `caption` for description (eg. `<figcaption>`)
 - `file`s
     - [`{% include code.html …`](./_includes/code.html)
-    - [`{% include icon.html …`](./_includes/icon.html)
     - [`{% include image.html …`](./_includes/image.html)
+    - [`{% include textBox.html …`](./_includes/textBox.html)
     - [`{% include reference.html …`](./_includes/reference.html)
     - [`{% include references_list.html …`](./_includes/references_list.html)
     - [`{% include kbd.html …`](./_includes/kbd.html)
+    - [`{% include blockquote.html …`](./_includes/blockquote.html)
+    - [`{% include q.html …`](./_includes/q.html)
+    - [`{% include icon.html …`](./_includes/icon.html)
     - ([`{% include show_toc.html …`](./_includes/show_toc.html))
+- **Important note:** It isn't supported to neste `include` components
+    - Instead of: `{% include textBox.html text="{% include kbd.html keys='Ctrl A' %}" %}`
+    - Use workaround: `{% capture tmp_kbd %}{% include kbd.html keys='Ctrl A' %}{% endcapture %}{% include textBox.html text=tmp_kbd %}`
 
 #### Data/Snippets
 - [`{{ site.data.abbr.* }}`](./_data/abbr.yml) for using abbreviation

README.md

@@ -4,8 +4,8 @@
 #   - code version (name) / repository
 #   - name convention based on https://en.wikipedia.org/wiki/Ubuntu_version_history#Release_history
 code:
-  version: 2020.10b
-  name: Breezy Badger
+  version: 2020.11a
+  name: Dapper Drake LTS
   hosted: "https://github.com/"
   repository: "jaandrle/jaandrle.github.io"
   branch: "master"
@@ -34,6 +34,7 @@ author:
   name: Jan Andrle
   email: [email protected]
   twitter: jaandrle
+  twitter_id: 272926176
 avatar: https://avatars0.githubusercontent.com/u/8017233?s=460&v=4
 
 # Posts
@@ -49,6 +50,7 @@ kramdown:
 # Plugins & Exclude from production (_site)
 plugins:
   - jekyll-redirect-from
+  - jemoji
 exclude:
   - Gemfile
   - Gemfile.lock

_config.yml

@@ -1,4 +1,4 @@
 name: "RSS (nondev)"
-title: "My atom/rss feed — Regular posts"
+title: "My atom/rss feed – Regular posts"
 account: "nondev.xml"
 href: "/feeds/"

_data/social/rss.yml

@@ -1,4 +1,4 @@
 name: "RSS (dev)"
-title: "My atom/rss feed — Dev posts"
+title: "My atom/rss feed – Dev posts"
 account: "dev.xml"
 href: "/feeds/"

_data/social/rss_dev.yml

@@ -0,0 +1,12 @@
+{% comment %}
+    Pouziti: `include blockquote.html blockquote={markdown} caption={markdown}`
+        - `blockquote`: Markdown zápis pomocí `> …`
+        - `caption`: popisek (jeden paragraf!), případně obsahující `<cite>` (doporučeno vč. linku viz *)
+    *!:
+        `<cite>` ve tvaru: `<cite>[kniha/…](link)</cite> od autora`
+{% endcomment
+%}{%    assign new_line= "
+"
+%}{%    assign caption= include.caption | markdownify | replace: "<p>", "<p>— " | prepend: "<figcaption>" | append: "</figcaption>"
+%}{%    assign blockquote= include.blockquote | markdownify
+%}<figure class="C__figureText">{{ blockquote }}{{ caption }}{{ new_line }}</figure>

_includes/blockquote.html

@@ -4,28 +4,34 @@
         - `code`: GitHub code started and ended with new line
         - `caption`: popisek (jeden paragraf)
 {% endcomment
-%}{% assign pre_code= include.code | split: "
-" %}{% assign lines= pre_code | size %}{% capture code %}{% for line in pre_code %}{% if forloop.index > 2 and forloop.index < lines %}{{line}}
-{% endif %}{% endfor %}{% endcapture %}{%
-capture post_code %}{%
-    assign type= pre_code[1] | replace: "```", "" | replace: "JavaScript", "js" | replace: "JS", "js" | replace: "bash", "console" %}{%
-    if type == "js" %}{%
-        highlight js linenos %}{{code}}{% endhighlight %}{%
-    else if type == "JSON" %}{%
-        highlight json linenos %}{{code}}{% endhighlight %}{%
-    else if type == "CSS" %}{%
-        highlight css linenos %}{{code}}{% endhighlight %}{%
-    else if type == "HTML" %}{%
-        highlight html linenos %}{{code}}{% endhighlight %}{%
-    else if type == "PHP" %}{%
-        highlight php linenos %}{{code}}{% endhighlight %}{%
-    else if type == "console" %}{%
-        highlight console %}{{code}}{% endhighlight %}{%
-    else  %}{%
-        highlight text %}{{code}}{% endhighlight %}{%
-    endif %}{%
-endcapture %}{%
-assign caption= "" %}{% if include.caption %}{% capture caption %}
-<figcaption class="info">{{ include.caption | markdownify }}</figcaption>{%
-endcapture %}{% endif %}
+%}{%    assign new_line= "
+"
+%}{%    assign pre_code= include.code | split: new_line
+%}{%    assign lines= pre_code | size
+%}{%    comment %}V nasledujicim cyklus preskoci "```" casti{% endcomment
+%}{%    capture code %}{% for line in pre_code %}{% if forloop.index > 2 and forloop.index < lines %}{{ line | append: new_line }}{% endif %}{% endfor %}{% endcapture
+%}{%    capture post_code
+%}{%        assign type= pre_code[1] | replace: "```", "" | replace: "JavaScript", "JS" | replace: "js", "JS" | replace: "bash", "console"
+%}{%        if type == "JS"
+%}{%            highlight js linenos %}{{code}}{% endhighlight
+%}{%        elsif type == "PHP"
+%}{%            highlight php linenos %}{{code}}{% endhighlight
+%}{%        elsif type == "JSON"
+%}{%            highlight json linenos %}{{code}}{% endhighlight
+%}{%        elsif type == "CSS"
+%}{%            highlight css linenos %}{{code}}{% endhighlight
+%}{%        elsif type == "HTML"
+%}{%            highlight html linenos %}{{code}}{% endhighlight
+%}{%        elsif type == "console"
+%}{%            highlight console %}{{code}}{% endhighlight
+%}{%        else
+%}{%            highlight text %}{{code}}{% endhighlight
+%}{%        endif
+%}{%    endcapture
+%}{%    assign caption= ""
+%}{%    if include.caption
+%}{%        capture caption %}<figcaption class="info">{{ include.caption | markdownify }}</figcaption>{% endcapture
+%}{%        assign caption= caption | prepend: new_line
+%}{%    endif
+%}
 {{ post_code | replace: "</figure>", caption | append: "</figure>" }}

_includes/code.html

@@ -0,0 +1 @@
+<h2 class="margin__0"><span class="C__visuallyHide">{{include.headline}} </span>{{include.icon}}</h2>

_includes/i/atom_asideHeadline.html

@@ -1,15 +1,15 @@
-{%  assign user_twitter= site.author.twitter %}{%
-    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 -%}
-<div class="info">
-    <h5>Komentáře:</h5>
+{%      assign user_twitter= site.author.twitter
+%}{%    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 -%}
+<div class="C__asideInfo">
+    {% include i/atom_asideHeadline.html headline="Komentáře" icon=":speech_balloon:" %}
     <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>
     <br>
     <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 vlastní</a>
+        %}{{link_params}}>Twítnout postřeh</a>
 </div>