ybbond

My site. The main domain
Log | Files | Refs | README | LICENSE | CC-LICENSE

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:
Massets/content.scss | 4++--
Rcontent/posts/April Links.md -> content/posts/April 2020 Links.md | 0
Rcontent/posts/February Links.md -> content/posts/February 2020 Links.md | 0
Mcontent/posts/Inclusive Content Sharing/index.md | 2+-
Acontent/posts/June 2020 Links.md | 37+++++++++++++++++++++++++++++++++++++
Rcontent/posts/March Links.md -> content/posts/March 2020 Links.md | 0
Rcontent/posts/May Links.md -> content/posts/May 2020 Links.md | 0
Mlayouts/_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.
 
-![Image courtesy of <a rel="nofollow noreferrer" href="http://www.sarahdopp.com/blog/2010/designing-a-better-drop-down-menu-for-gender/">post from Sarah Dopp</a>](gender-selection.png)
+![Image courtesy of <a rel="nofollow noreferrer" href="http://www.sarahdopp.com/blog/2010/designing-a-better-drop-down-menu-for-gender/">post from Sarah Dopp</a>](gender-selection.png "Image of inclusive drop down choices. Referenced from SarahDopp.com")
 
 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) &nbsp;<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>