commit 793153d3f3dce185d21a10dbf819f507621573ed parent dce6c970e9eaa1acbfde8ca4a8878c897d817f3c Author: Yohanes Bandung Bondowoso <hi@ybbond.dev> Date: Sat, 11 Jul 2020 13:39:03 +0700 content: June Links, make image non-clickable (use figcaption) Diffstat:
| M | assets/content.scss | | | 4 | ++-- |
| R | content/posts/April Links.md -> content/posts/April 2020 Links.md | | | 0 | |
| R | content/posts/February Links.md -> content/posts/February 2020 Links.md | | | 0 | |
| M | content/posts/Inclusive Content Sharing/index.md | | | 2 | +- |
| A | content/posts/June 2020 Links.md | | | 37 | +++++++++++++++++++++++++++++++++++++ |
| R | content/posts/March Links.md -> content/posts/March 2020 Links.md | | | 0 | |
| R | content/posts/May Links.md -> content/posts/May 2020 Links.md | | | 0 | |
| M | layouts/_default/_markup/render-image.html | | | 41 | ++++++++++++++++++++++++----------------- |
8 files changed, 64 insertions(+), 20 deletions(-)
diff --git a/assets/content.scss b/assets/content.scss @@ -39,7 +39,7 @@ } } - i { + i:not(.no-sup) { font-size: 0.8rem; vertical-align: 0.4rem; } @@ -144,7 +144,7 @@ font-size: 0.8em; } - twitter-widget { + twitter-widget, .twitter-tweet { margin-left: auto; margin-right: auto; } diff --git a/content/posts/April Links.md b/content/posts/April 2020 Links.md diff --git a/content/posts/February Links.md b/content/posts/February 2020 Links.md diff --git a/content/posts/Inclusive Content Sharing/index.md b/content/posts/Inclusive Content Sharing/index.md @@ -26,7 +26,7 @@ The awareness of inclusivity had spread wider day by day. There is **Inclusive D Example of diversity: provide more gender dropdown choice knowing some people won't feel comfortable sharing their gender. Or perhaps, make the gender dropdown choice non-mandatory. Better yet, don't ask for it. - + Example of accessibility: make your website content recognizable by text-to-speech software for those having difficulties reading. Other example of accessibility: provide certain color scheme on video game's User Interface, for those having difficulties differentiating certain colors. diff --git a/content/posts/June 2020 Links.md b/content/posts/June 2020 Links.md @@ -0,0 +1,37 @@ +--- +title: Interesting Links I Found on June, 2020 +author: Yohanes Bandung Bondowoso +tags: + - bookmarks #bookmarks +date: 2020-07-10T14:12:04+0700 +ID: 20200710141204 +--- + +The June's issue is late, sorry. I've been busy at work. + +## Website + +[Increment.com](https://increment.com/) +Well designed site that contains good articles, updated per 3 month issues. They offer a printed edition that looks good too. I haven't buy their printed edition yet, because the shipping to my country tagged twice the price of the books. + +[Beginner's Guide to Abstraction](https://jesseduffield.com/beginners-guide-to-abstraction/) - **Jesse Duffield** +A complementary read to **Bret Victor**'s _Up and Down the Ladder of Abstraction_ (you can [read it here](http://worrydream.com/LadderOfAbstraction/)). + +Highlight that I like: +> Duplication is far cheaper than the wrong abstraction. +> [_The Wrong Abstraction_](https://sandimetz.com/blog/2016/1/20/the-wrong-abstraction) -**Sandi Metz** + + +## Apps + +[Boop](https://apps.apple.com/us/app/boop/id1518425043) <small>macOS App</small> +Great utility app to process many kind of text, it can pretty format HTML, XML and JSON, convert HEX color to rgb, and more trivial stuff. It is a great tool as I often open a web tool to do those things. + +[Org-roam](https://www.orgroam.com/) +I think, this is the end of my quest to search the best note taking app (on desktop, at the very least). I've written about it [on this post](/posts/2020-06-org-mode-with-org-roam/). + +[SingleFile Browser Extension](https://github.com/gildas-lormeau/SingleFile) +Rotten link is one of my fear when bookmarking a site. **SingleFile** is a good site saver that generates only an html file. It's much easier and compact than "Save Page As..." browser function. + +[historio.us](https://historio.us/) +Related to my [rant post](/posts/2020-06-on-trial-refund-support), I prefer historio.us as my site archiving service. Page caching system is better (i.e. not an `<iframe/>`), and search is easier. diff --git a/content/posts/March Links.md b/content/posts/March 2020 Links.md diff --git a/content/posts/May Links.md b/content/posts/May 2020 Links.md diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html @@ -1,6 +1,9 @@ {{ $image := (.Page.Resources.GetMatch .Destination) }} {{ $alt := .Text }} -{{ $title := .Text }} +{{ $title := "" }} +{{ if ne .Text "" }} + {{ $title = .Text }} +{{ end }} {{ if ne .Title "" }} {{ $title = .Title }} {{ end }} @@ -42,16 +45,18 @@ </style> <figure class="{{ $figure_class }}"> <center> - <a title={{ $title }} class="no-outline" href='{{ $image.RelPermalink }}'> - <img - src="{{ $src.RelPermalink }}" - style="max-width: 100%; height: auto;" - alt={{ $title }} - title={{ $title }} - /> - </a> + <img + src="{{ $src.RelPermalink }}" + style="max-width: 100%; height: auto;" + alt={{ $title }} + title={{ $title }} + /> <figcaption> - <em>{{ .Text }}</em> + <em>{{ .Text }} + <a title="{{ $title }}" href="{{ $image.RelPermalink }}"> + <i class="no-sup fab fa-font-awesome-flag"></i> + </a> + </em> </figcaption> </center> </figure> @@ -59,14 +64,16 @@ <figure class="{{ $figure_class }} lazy"> <center> - <a title={{ $title }} class="no-outline no-hover" href='{{ $image.RelPermalink }}'> - <img class="lazyload" data-sizes="auto" src="{{ $src.RelPermalink }}" - style="max-width: 100%; height: auto;" - srcset="data:image/jpeg;base64,{{ $placeholder.Content | base64Encode }}" data-src="{{ $src.RelPermalink }}" - data-srcset="{{ $src_set }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt={{ $title }} title={{ $title }} /> - </a> + <img class="lazyload" data-sizes="auto" src="{{ $src.RelPermalink }}" + style="max-width: 100%; height: auto;" + srcset="data:image/jpeg;base64,{{ $placeholder.Content | base64Encode }}" data-src="{{ $src.RelPermalink }}" + data-srcset="{{ $src_set }}" width="{{ $image.Width }}" height="{{ $image.Height }}" alt={{ $title }} title={{ $title }} /> <figcaption> - <em>{{ .Text | safeHTML }}</em> + <em>{{ .Text | safeHTML }} + <a title="{{ $title }}" href="{{ $image.RelPermalink }}"> + <i class="no-sup fab fa-font-awesome-flag"></i> + </a> + </em> </figcaption> </center> </figure>