feat: remove toolong

2024-03-08 15:12:41 +07:00 · 2024-03-08 15:12:41 +07:00 · 3e8dd7b365
parent e0f82879fe
commit 3e8dd7b365
38 changed files with 273 additions and 273 deletions
--- a/docs/2022-06-08-backup.html
+++ b/docs/2022-06-08-backup.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Backup my way</h1>
      <a
        id="user-content-backup-my-way"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Backup my way"
        href="#backup-my-way"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -171,7 +171,7 @@
      <h2 class="heading-element">How to backup</h2>
      <a
        id="user-content-how-to-backup"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: How to backup"
        href="#how-to-backup"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -280,7 +280,7 @@ restic -r rclone:remote:PrivateData restore latest --target <span class="pl-k">~
      <h3 class="heading-element">Backup work related data</h3>
      <a
        id="user-content-backup-work-related-data"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Backup work related data"
        href="#backup-work-related-data"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -303,7 +303,7 @@ restic -r rclone:remote:PrivateData restore latest --target <span class="pl-k">~
      <h2 class="heading-element">Recovery strategy</h2>
      <a
        id="user-content-recovery-strategy"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Recovery strategy"
        href="#recovery-strategy"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -334,7 +334,7 @@ restic -r rclone:remote:PrivateData restore latest --target <span class="pl-k">~
      <h2 class="heading-element">Misc</h2>
      <a
        id="user-content-misc"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Misc"
        href="#misc"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -352,7 +352,7 @@ restic -r rclone:remote:PrivateData restore latest --target <span class="pl-k">~
      <h2 class="heading-element">The end</h2>
      <a
        id="user-content-the-end"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: The end"
        href="#the-end"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-06-08-dockerfile-go.html
+++ b/docs/2022-06-08-dockerfile-go.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Dockerfile for Go</h1>
      <a
        id="user-content-dockerfile-for-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Dockerfile for Go"
        href="#dockerfile-for-go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -185,7 +185,7 @@
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-07-10-bootstrap-go.html
+++ b/docs/2022-07-10-bootstrap-go.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Bootstrap Go</h1>
      <a
        id="user-content-bootstrap-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Bootstrap Go"
        href="#bootstrap-go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -64,7 +64,7 @@
      <h2 class="heading-element">Structure</h2>
      <a
        id="user-content-structure"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Structure"
        href="#structure"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -155,7 +155,7 @@ internal
      <h2 class="heading-element">Do not repeat!</h2>
      <a
        id="user-content-do-not-repeat"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Do not repeat!"
        href="#do-not-repeat"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -177,7 +177,7 @@ internal
      <h2 class="heading-element">Taste on style guide</h2>
      <a
        id="user-content-taste-on-style-guide"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Taste on style guide"
        href="#taste-on-style-guide"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -187,7 +187,7 @@ internal
      <h3 class="heading-element">Stop using global var</h3>
      <a
        id="user-content-stop-using-global-var"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Stop using global var"
        href="#stop-using-global-var"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -208,7 +208,7 @@ internal
      </h3>
      <a
        id="user-content-use-functional-options-but-dont-overuse-it"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use functional options, but don't overuse it!"
        href="#use-functional-options-but-dont-overuse-it"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -268,7 +268,7 @@ internal
      </h3>
      <a
        id="user-content-use-errgroup-as-much-as-possible"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use errgroup as much as possible"
        href="#use-errgroup-as-much-as-possible"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -315,7 +315,7 @@ internal
      </h3>
      <a
        id="user-content-use-semaphore-when-need-to-implement-workerpool"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use semaphore when need to implement WorkerPool"
        href="#use-semaphore-when-need-to-implement-workerpool"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -333,7 +333,7 @@ internal
      </h3>
      <a
        id="user-content-use-syncpool-when-need-to-reuse-object-mainly-for-bytesbuffer"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use sync.Pool when need to reuse object, mainly for bytes.Buffer"
        href="#use-syncpool-when-need-to-reuse-object-mainly-for-bytesbuffer"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -376,7 +376,7 @@ internal
      </h3>
      <a
        id="user-content-generics-with-some-tricks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Generics with some tricks"
        href="#generics-with-some-tricks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -403,7 +403,7 @@ internal
      <h2 class="heading-element">External libs</h2>
      <a
        id="user-content-external-libs"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: External libs"
        href="#external-libs"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -413,7 +413,7 @@ internal
      <h3 class="heading-element">No need <code>vendor</code></h3>
      <a
        id="user-content-no-need-vendor"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: No need vendor"
        href="#no-need-vendor"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -429,7 +429,7 @@ internal
      </h3>
      <a
        id="user-content-use-buildgo-to-include-build-tools-in-gomod"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use build.go to include build tools in go.mod"
        href="#use-buildgo-to-include-build-tools-in-gomod"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -465,7 +465,7 @@ internal
      </h3>
      <a
        id="user-content-dont-use-cli-libs-spf13cobra-urfavecli-just-for-go-service"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Don't use cli libs (spf13/cobra, urfave/cli) just for Go service"
        href="#dont-use-cli-libs-spf13cobra-urfavecli-just-for-go-service"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -491,7 +491,7 @@ internal
      </h3>
      <a
        id="user-content-dont-use-grpc-ecosystemgrpc-gateway"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Don't use grpc-ecosystem/grpc-gateway"
        href="#dont-use-grpc-ecosystemgrpc-gateway"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -516,7 +516,7 @@ internal
      </h3>
      <a
        id="user-content-dont-use-uberprototool-use-bufbuildbuf"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Don't use uber/prototool, use bufbuild/buf"
        href="#dont-use-uberprototool-use-bufbuildbuf"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -533,7 +533,7 @@ internal
      </h3>
      <a
        id="user-content-use-gin-gonicgin-for-rest"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use gin-gonic/gin for REST."
        href="#use-gin-gonicgin-for-rest"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -565,7 +565,7 @@ internal
      </h3>
      <a
        id="user-content-if-you-want-log-just-use-uber-gozap"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: If you want log, just use uber-go/zap"
        href="#if-you-want-log-just-use-uber-gozap"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -599,7 +599,7 @@ internal
      </h3>
      <a
        id="user-content-to-read-config-use-spf13viper"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: To read config, use spf13/viper"
        href="#to-read-config-use-spf13viper"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -624,7 +624,7 @@ internal
      </h3>
      <a
        id="user-content-dont-overuse-orm-libs-no-need-to-handle-another-layer-above-sql"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Don't overuse ORM libs, no need to handle another layer above SQL."
        href="#dont-overuse-orm-libs-no-need-to-handle-another-layer-above-sql"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -657,7 +657,7 @@ internal
      </h3>
      <a
        id="user-content-connect-redis-with-redisgo-redis"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Connect Redis with redis/go-redis"
        href="#connect-redis-with-redisgo-redis"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -730,7 +730,7 @@ internal
      </h3>
      <a
        id="user-content-connect-mysql-with-go-sql-drivermysql"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Connect MySQL with go-sql-driver/mysql"
        href="#connect-mysql-with-go-sql-drivermysql"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -755,7 +755,7 @@ internal
      </h3>
      <a
        id="user-content-connect-sqlite-with-moderncorgsqlite"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Connect SQLite with modernc.org/sqlite"
        href="#connect-sqlite-with-moderncorgsqlite"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -780,7 +780,7 @@ internal
      </h3>
      <a
        id="user-content-connect-kafka-with-ibmsarama"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Connect Kafka with IBM/sarama"
        href="#connect-kafka-with-ibmsarama"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -803,7 +803,7 @@ internal
      </h3>
      <a
        id="user-content-if-you-want-test-just-use-stretchrtestify"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: If you want test, just use stretchr/testify."
        href="#if-you-want-test-just-use-stretchrtestify"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -821,7 +821,7 @@ internal
      </h3>
      <a
        id="user-content-if-need-to-mock-choose-matryermoq-or-ubermock"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: If need to mock, choose matryer/moq or uber/mock"
        href="#if-need-to-mock-choose-matryermoq-or-ubermock"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -843,7 +843,7 @@ internal
      </h3>
      <a
        id="user-content-be-careful-with-spf13cast"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Be careful with spf13/cast"
        href="#be-careful-with-spf13cast"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -869,7 +869,7 @@ internal
      </h3>
      <a
        id="user-content-use-stringer-if-you-want-your-type-enum-can-be-print-as-string"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use stringer if you want your type enum can be print as string"
        href="#use-stringer-if-you-want-your-type-enum-can-be-print-as-string"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -902,7 +902,7 @@ stringer -type=Drink</pre>
      </h3>
      <a
        id="user-content-dont-waste-your-time-rewrite-rate-limiter-if-your-use-case-is-simple-use-rate-or-go-redisredis_rate"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Don't waste your time rewrite rate limiter if your use case is simple, use rate or go-redis/redis_rate"
        href="#dont-waste-your-time-rewrite-rate-limiter-if-your-use-case-is-simple-use-rate-or-go-redisredis_rate"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -920,7 +920,7 @@ stringer -type=Drink</pre>
      </h3>
      <a
        id="user-content-replace-go-fmt-goimports-with-mvdangofumpt"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Replace go fmt, goimports with mvdan/gofumpt."
        href="#replace-go-fmt-goimports-with-mvdangofumpt"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -936,7 +936,7 @@ stringer -type=Drink</pre>
      </h3>
      <a
        id="user-content-use-golangcigolangci-lint"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use golangci/golangci-lint."
        href="#use-golangcigolangci-lint"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -963,7 +963,7 @@ fieldalignment -fix ./internal/business/<span class="pl-k">*</span>.go</pre>
      <h2 class="heading-element">Snippet/script</h2>
      <a
        id="user-content-snippetscript"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Snippet/script"
        href="#snippetscript"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -981,7 +981,7 @@ fieldalignment -fix ./internal/business/<span class="pl-k">*</span>.go</pre>
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-07-12-uuid-or-else.html
+++ b/docs/2022-07-12-uuid-or-else.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">UUID or else</h1>
      <a
        id="user-content-uuid-or-else"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: UUID or else"
        href="#uuid-or-else"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -78,7 +78,7 @@
      </h2>
      <a
        id="user-content-first-use-case-is-trace-id-or-context-aware-id"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: First use case is trace ID, or context aware ID"
        href="#first-use-case-is-trace-id-or-context-aware-id"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -100,7 +100,7 @@
      </h2>
      <a
        id="user-content-second-use-case-is-primary-key-also-hard-choice"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Second use case is primary key, also hard choice"
        href="#second-use-case-is-primary-key-also-hard-choice"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -125,7 +125,7 @@
      <h2 class="heading-element">What else?</h2>
      <a
        id="user-content-what-else"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: What else?"
        href="#what-else"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -139,7 +139,7 @@
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-07-19-migrate-to-buf.html
+++ b/docs/2022-07-19-migrate-to-buf.html
@ -50,7 +50,7 @@
      </h1>
      <a
        id="user-content-migrate-to-buf-from-prototool"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Migrate to buf from prototool"
        href="#migrate-to-buf-from-prototool"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -168,7 +168,7 @@
      <h2 class="heading-element">FAQ</h2>
      <a
        id="user-content-faq"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: FAQ"
        href="#faq"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -226,7 +226,7 @@
      <h1 class="heading-element">Tips</h1>
      <a
        id="user-content-tips"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Tips"
        href="#tips"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -247,7 +247,7 @@
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-07-31-experiment-go.html
+++ b/docs/2022-07-31-experiment-go.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Experiment Go</h1>
      <a
        id="user-content-experiment-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Experiment Go"
        href="#experiment-go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -64,7 +64,7 @@
      </h2>
      <a
        id="user-content-design-api-by-trimming-down-the-interfacestruct-or-whatever"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Design API by trimming down the interface/struct or whatever"
        href="#design-api-by-trimming-down-the-interfacestruct-or-whatever"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -129,7 +129,7 @@
      </h2>
      <a
        id="user-content-find-alternative-to-grpcgrpc-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Find alternative to grpc/grpc-go"
        href="#find-alternative-to-grpcgrpc-go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -170,7 +170,7 @@
      <h1 class="heading-element">Thanks</h1>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-07-31-sql.html
+++ b/docs/2022-07-31-sql.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">SQL</h1>
      <a
        id="user-content-sql"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: SQL"
        href="#sql"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -68,7 +68,7 @@
      <h2 class="heading-element">Stay away from database unique id</h2>
      <a
        id="user-content-stay-away-from-database-unique-id"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Stay away from database unique id"
        href="#stay-away-from-database-unique-id"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -82,7 +82,7 @@
      <h2 class="heading-element">Stay away from database timestamp</h2>
      <a
        id="user-content-stay-away-from-database-timestamp"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Stay away from database timestamp"
        href="#stay-away-from-database-timestamp"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -109,7 +109,7 @@
      <h2 class="heading-element">Extra field for extra things</h2>
      <a
        id="user-content-extra-field-for-extra-things"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Extra field for extra things"
        href="#extra-field-for-extra-things"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -146,7 +146,7 @@
      <h2 class="heading-element">Use index!!!</h2>
      <a
        id="user-content-use-index"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use index!!!"
        href="#use-index"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -197,7 +197,7 @@
      <h2 class="heading-element">Be careful with UTF-8</h2>
      <a
        id="user-content-be-careful-with-utf-8"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Be careful with UTF-8"
        href="#be-careful-with-utf-8"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -216,7 +216,7 @@
      <h2 class="heading-element">Be careful with NULL</h2>
      <a
        id="user-content-be-careful-with-null"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Be careful with NULL"
        href="#be-careful-with-null"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -230,12 +230,12 @@
      <pre><span class="pl-c"><span class="pl-c">--</span> field_something can be NULL</span>
 <span class="pl-c"><span class="pl-c">--</span> Bad</span>
-SELECT <span class="pl-k">*</span>
+<span class="pl-k">SELECT</span> <span class="pl-k">*</span>
 <span class="pl-k">FROM</span> table
 <span class="pl-k">WHERE</span> field_something <span class="pl-k">!=</span> <span class="pl-c1">1</span>
 <span class="pl-c"><span class="pl-c">--</span> Good</span>
-SELECT <span class="pl-k">*</span>
+<span class="pl-k">SELECT</span> <span class="pl-k">*</span>
 <span class="pl-k">FROM</span> table
 <span class="pl-k">WHERE</span> (field_something IS <span class="pl-k">NULL</span> <span class="pl-k">OR</span> field_something <span class="pl-k">!=</span> <span class="pl-c1">1</span>)</pre>
    </div>
@ -244,7 +244,7 @@ SELECT <span class="pl-k">*</span>
      <h2 class="heading-element"><code>VARCHAR</code> or <code>TEXT</code></h2>
      <a
        id="user-content-varchar-or-text"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: VARCHAR or TEXT"
        href="#varchar-or-text"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -259,7 +259,7 @@ SELECT <span class="pl-k">*</span>
      <h2 class="heading-element"><code>LIMIT</code></h2>
      <a
        id="user-content-limit"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: LIMIT"
        href="#limit"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -276,7 +276,7 @@ SELECT <span class="pl-k">*</span>
      </h2>
      <a
        id="user-content-be-super-careful-when-migrate-update-database-on-production-and-online"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Be super careful when migrate, update database on production and online!!!"
        href="#be-super-careful-when-migrate-update-database-on-production-and-online"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -317,7 +317,7 @@ SELECT <span class="pl-k">*</span>
      <h2 class="heading-element">Heathcheck</h2>
      <a
        id="user-content-heathcheck"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Heathcheck"
        href="#heathcheck"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -328,7 +328,7 @@ SELECT <span class="pl-k">*</span>
      <h2 class="heading-element">Tools</h2>
      <a
        id="user-content-tools"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Tools"
        href="#tools"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -349,7 +349,7 @@ SELECT <span class="pl-k">*</span>
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-08-10-gitignore.html
+++ b/docs/2022-08-10-gitignore.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">gitignore</h1>
      <a
        id="user-content-gitignore"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: gitignore"
        href="#gitignore"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -59,7 +59,7 @@
      <h2 class="heading-element">Base</h2>
      <a
        id="user-content-base"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Base"
        href="#base"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -82,7 +82,7 @@
      <h2 class="heading-element">Go</h2>
      <a
        id="user-content-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Go"
        href="#go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -100,7 +100,7 @@ vendor</pre>
      <h2 class="heading-element">Python</h2>
      <a
        id="user-content-python"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Python"
        href="#python"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-10-26-reload-config.html
+++ b/docs/2022-10-26-reload-config.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Reload config</h1>
      <a
        id="user-content-reload-config"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Reload config"
        href="#reload-config"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-12-25-archlinux.html
+++ b/docs/2022-12-25-archlinux.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Install Arch Linux</h1>
      <a
        id="user-content-install-arch-linux"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Install Arch Linux"
        href="#install-arch-linux"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -72,7 +72,7 @@
      </h2>
      <a
        id="user-content-installation-guide"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Installation guide"
        href="#installation-guide"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -82,7 +82,7 @@
      <h3 class="heading-element">Pre-installation</h3>
      <a
        id="user-content-pre-installation"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Pre-installation"
        href="#pre-installation"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -101,7 +101,7 @@
      <h4 class="heading-element">Verify the boot mode</h4>
      <a
        id="user-content-verify-the-boot-mode"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Verify the boot mode"
        href="#verify-the-boot-mode"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -115,7 +115,7 @@
      <h4 class="heading-element">Connect to the internet</h4>
      <a
        id="user-content-connect-to-the-internet"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Connect to the internet"
        href="#connect-to-the-internet"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -129,7 +129,7 @@
      <h4 class="heading-element">Partition the disks</h4>
      <a
        id="user-content-partition-the-disks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Partition the disks"
        href="#partition-the-disks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -262,7 +262,7 @@ mount --mkdir /dev/extended_boot_loader_partition /mnt/boot</pre>
      <h3 class="heading-element">Installation</h3>
      <a
        id="user-content-installation"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Installation"
        href="#installation"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -290,7 +290,7 @@ pacstrap -K /mnt neovim</pre>
      <h3 class="heading-element">Configure</h3>
      <a
        id="user-content-configure"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Configure"
        href="#configure"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -304,7 +304,7 @@ pacstrap -K /mnt neovim</pre>
      </h4>
      <a
        id="user-content-fstab"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: fstab"
        href="#fstab"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -317,7 +317,7 @@ pacstrap -K /mnt neovim</pre>
      <h4 class="heading-element">Chroot</h4>
      <a
        id="user-content-chroot"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Chroot"
        href="#chroot"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -330,7 +330,7 @@ pacstrap -K /mnt neovim</pre>
      <h4 class="heading-element">Time zone</h4>
      <a
        id="user-content-time-zone"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Time zone"
        href="#time-zone"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -347,7 +347,7 @@ hwclock --systohc</pre
      <h4 class="heading-element">Localization:</h4>
      <a
        id="user-content-localization"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Localization:"
        href="#localization"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -367,7 +367,7 @@ hwclock --systohc</pre
      <h4 class="heading-element">Network configuration</h4>
      <a
        id="user-content-network-configuration"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Network configuration"
        href="#network-configuration"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -379,7 +379,7 @@ hwclock --systohc</pre
      <h4 class="heading-element">Initramfs</h4>
      <a
        id="user-content-initramfs"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Initramfs"
        href="#initramfs"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -399,7 +399,7 @@ HOOKS=(base udev ... block lvm2 filesystems)
      <h4 class="heading-element">Root password</h4>
      <a
        id="user-content-root-password"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Root password"
        href="#root-password"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -410,7 +410,7 @@ HOOKS=(base udev ... block lvm2 filesystems)
      <h4 class="heading-element">Addition</h4>
      <a
        id="user-content-addition"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Addition"
        href="#addition"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -424,7 +424,7 @@ HOOKS=(base udev ... block lvm2 filesystems)
      </h5>
      <a
        id="user-content-networkmanager-wip"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: NetworkManager (WIP)"
        href="#networkmanager-wip"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -467,7 +467,7 @@ nohook resolv.conf</pre
      <h5 class="heading-element">Bluetooth</h5>
      <a
        id="user-content-bluetooth"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Bluetooth"
        href="#bluetooth"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -481,7 +481,7 @@ systemctl <span class="pl-c1">enable</span> bluetooth.service</pre>
      <h5 class="heading-element">Clock</h5>
      <a
        id="user-content-clock"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Clock"
        href="#clock"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -494,7 +494,7 @@ systemctl <span class="pl-c1">enable</span> bluetooth.service</pre>
      <h4 class="heading-element">Boot loader</h4>
      <a
        id="user-content-boot-loader"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Boot loader"
        href="#boot-loader"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -510,7 +510,7 @@ systemctl <span class="pl-c1">enable</span> bluetooth.service</pre>
      </h5>
      <a
        id="user-content-systemd-boot"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: systemd-boot"
        href="#systemd-boot"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -572,7 +572,7 @@ options root="LABEL=ROOT" rw</pre>
      </h2>
      <a
        id="user-content-general-recommendations"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: General recommendations"
        href="#general-recommendations"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -586,7 +586,7 @@ options root="LABEL=ROOT" rw</pre>
      <h3 class="heading-element">System administration</h3>
      <a
        id="user-content-system-administration"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: System administration"
        href="#system-administration"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -634,7 +634,7 @@ homectl update joker --shell=/usr/bin/zsh</pre>
      <h3 class="heading-element">Desktop Environment</h3>
      <a
        id="user-content-desktop-environment"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Desktop Environment"
        href="#desktop-environment"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -656,7 +656,7 @@ homectl update joker --shell=/usr/bin/zsh</pre>
      </h4>
      <a
        id="user-content-gnome"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: GNOME"
        href="#gnome"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -693,7 +693,7 @@ systemctl <span class="pl-c1">enable</span> gdm.service</pre>
      </h2>
      <a
        id="user-content-list-of-applications"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: List of applications"
        href="#list-of-applications"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -707,7 +707,7 @@ systemctl <span class="pl-c1">enable</span> gdm.service</pre>
      </h3>
      <a
        id="user-content-pacman"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: pacman"
        href="#pacman"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -727,7 +727,7 @@ ParallelDownloads</pre>
      </h3>
      <a
        id="user-content-pipewire-wip"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Pipewire (WIP)"
        href="#pipewire-wip"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -759,7 +759,7 @@ pacman -Syu pipewire wireplumber \
      </h3>
      <a
        id="user-content-flatpak-wip"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Flatpak (WIP)"
        href="#flatpak-wip"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -778,7 +778,7 @@ pacman -Syu pipewire wireplumber \
      </h2>
      <a
        id="user-content-improving-performance"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Improving performance"
        href="#improving-performance"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -849,7 +849,7 @@ kernel.split_lock_mitigate = 0</pre>
      <h2 class="heading-element">Hardware dependent</h2>
      <a
        id="user-content-hardware-dependent"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Hardware dependent"
        href="#hardware-dependent"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -876,7 +876,7 @@ kernel.split_lock_mitigate = 0</pre>
      <h2 class="heading-element">Experiment</h2>
      <a
        id="user-content-experiment"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Experiment"
        href="#experiment"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -906,7 +906,7 @@ kernel.split_lock_mitigate = 0</pre>
      <h2 class="heading-element">In the end</h2>
      <a
        id="user-content-in-the-end"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: In the end"
        href="#in-the-end"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2022-12-25-go-test-asap.html
+++ b/docs/2022-12-25-go-test-asap.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Speed up writing Go test ASAP</h1>
      <a
        id="user-content-speed-up-writing-go-test-asap"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Speed up writing Go test ASAP"
        href="#speed-up-writing-go-test-asap"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -79,7 +79,7 @@
      </h2>
      <a
        id="user-content-first-rewrite-the-impossible-to-test-out"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: First, rewrite the impossible (to test) out"
        href="#first-rewrite-the-impossible-to-test-out"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -111,7 +111,7 @@
      <h2 class="heading-element">Let the fun (writing test) begin</h2>
      <a
        id="user-content-let-the-fun-writing-test-begin"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Let the fun (writing test) begin"
        href="#let-the-fun-writing-test-begin"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-03-05-incident.html
+++ b/docs/2023-03-05-incident.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Incident come and go</h1>
      <a
        id="user-content-incident-come-and-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Incident come and go"
        href="#incident-come-and-go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -59,7 +59,7 @@
      <h2 class="heading-element">Service starts with empty port</h2>
      <a
        id="user-content-service-starts-with-empty-port"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Service starts with empty port"
        href="#service-starts-with-empty-port"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -78,7 +78,7 @@
      <h2 class="heading-element">Race condition of series of APIs</h2>
      <a
        id="user-content-race-condition-of-series-of-apis"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Race condition of series of APIs"
        href="#race-condition-of-series-of-apis"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-03-08-ekyc.html
+++ b/docs/2023-03-08-ekyc.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">EKYC - The battle never ends</h1>
      <a
        id="user-content-ekyc---the-battle-never-ends"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: EKYC - The battle never ends"
        href="#ekyc---the-battle-never-ends"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-03-30-fonts.html
+++ b/docs/2023-03-30-fonts.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Fonts</h1>
      <a
        id="user-content-fonts"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Fonts"
        href="#fonts"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -86,7 +86,7 @@
      </h2>
      <a
        id="user-content-jetbrains-mono"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: JetBrains Mono"
        href="#jetbrains-mono"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -110,7 +110,7 @@
      </h2>
      <a
        id="user-content-iosevka"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Iosevka"
        href="#iosevka"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -134,7 +134,7 @@
      </h2>
      <a
        id="user-content-recursive"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Recursive"
        href="#recursive"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -163,7 +163,7 @@
      </h2>
      <a
        id="user-content-agave"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: agave"
        href="#agave"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -186,7 +186,7 @@
      </h2>
      <a
        id="user-content-sudo"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Sudo"
        href="#sudo"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -212,7 +212,7 @@
      </h2>
      <a
        id="user-content-fantasque-sans-mono"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Fantasque Sans Mono"
        href="#fantasque-sans-mono"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -231,7 +231,7 @@
      </h2>
      <a
        id="user-content-apl-385-and-apl386"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: APL-385 and APL386"
        href="#apl-385-and-apl386"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -250,7 +250,7 @@
      </h2>
      <a
        id="user-content-ibm-plex"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: IBM Plex"
        href="#ibm-plex"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -274,7 +274,7 @@
      </h2>
      <a
        id="user-content-hermit"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Hermit"
        href="#hermit"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -292,7 +292,7 @@
      </h2>
      <a
        id="user-content-nerd-fonts"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Nerd Fonts"
        href="#nerd-fonts"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -306,7 +306,7 @@
      </h2>
      <a
        id="user-content-murr-fonts-but-i-dont-use-much-now-some-fonts-i-already-try-in-the-past"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Murr fonts, but I don't use much now (some fonts I already try in the past)"
        href="#murr-fonts-but-i-dont-use-much-now-some-fonts-i-already-try-in-the-past"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -373,7 +373,7 @@
      <h3 class="heading-element">Bitmap/Oldschool</h3>
      <a
        id="user-content-bitmapoldschool"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Bitmap/Oldschool"
        href="#bitmapoldschool"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -424,7 +424,7 @@
      <h3 class="heading-element">Only display</h3>
      <a
        id="user-content-only-display"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Only display"
        href="#only-display"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-04-01-games.html
+++ b/docs/2023-04-01-games.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Games 4 fun</h1>
      <a
        id="user-content-games-4-fun"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Games 4 fun"
        href="#games-4-fun"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -67,7 +67,7 @@
      <h2 class="heading-element">PS2 emulator</h2>
      <a
        id="user-content-ps2-emulator"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: PS2 emulator"
        href="#ps2-emulator"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -134,7 +134,7 @@
      </h3>
      <a
        id="user-content-resident-evil-4"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Resident Evil 4"
        href="#resident-evil-4"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -225,7 +225,7 @@ patch=1,EE,2012009C,extended,00000000</pre
      <h3 class="heading-element">Mega Man X Collection</h3>
      <a
        id="user-content-mega-man-x-collection"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Mega Man X Collection"
        href="#mega-man-x-collection"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -252,7 +252,7 @@ patch=1,EE,2012009C,extended,00000000</pre
      <h3 class="heading-element">Mega Man X8</h3>
      <a
        id="user-content-mega-man-x8"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Mega Man X8"
        href="#mega-man-x8"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -277,7 +277,7 @@ patch=1,EE,2012009C,extended,00000000</pre
      <h3 class="heading-element">God of War</h3>
      <a
        id="user-content-god-of-war"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: God of War"
        href="#god-of-war"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -327,7 +327,7 @@ patch=1,EE,2012009C,extended,00000000</pre
      <h3 class="heading-element">God of War II</h3>
      <a
        id="user-content-god-of-war-ii"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: God of War II"
        href="#god-of-war-ii"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -379,7 +379,7 @@ patch=1,EE,2012009C,extended,00000000</pre
      <h3 class="heading-element">Shadow of the Colossus</h3>
      <a
        id="user-content-shadow-of-the-colossus"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Shadow of the Colossus"
        href="#shadow-of-the-colossus"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -406,7 +406,7 @@ patch=1,EE,2012009C,extended,00000000</pre
      <h2 class="heading-element">PS3 emulator</h2>
      <a
        id="user-content-ps3-emulator"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: PS3 emulator"
        href="#ps3-emulator"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -439,7 +439,7 @@ patch=1,EE,2012009C,extended,00000000</pre
      <h2 class="heading-element">Windows games</h2>
      <a
        id="user-content-windows-games"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Windows games"
        href="#windows-games"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-04-17-keeb.html
+++ b/docs/2023-04-17-keeb.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Keeb</h1>
      <a
        id="user-content-keeb"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Keeb"
        href="#keeb"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -59,7 +59,7 @@
      <h2 class="heading-element">Keyboard</h2>
      <a
        id="user-content-keyboard"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Keyboard"
        href="#keyboard"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -73,7 +73,7 @@
      <h3 class="heading-element">iKBC CD87 Cherry MX Blue</h3>
      <a
        id="user-content-ikbc-cd87-cherry-mx-blue"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: iKBC CD87 Cherry MX Blue"
        href="#ikbc-cd87-cherry-mx-blue"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -85,7 +85,7 @@
      <h3 class="heading-element">KBDfans X Lazurite D60Lite</h3>
      <a
        id="user-content-kbdfans-x-lazurite-d60lite"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: KBDfans X Lazurite D60Lite"
        href="#kbdfans-x-lazurite-d60lite"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -309,7 +309,7 @@
      <h3 class="heading-element">Sofle V2</h3>
      <a
        id="user-content-sofle-v2"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Sofle V2"
        href="#sofle-v2"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -334,7 +334,7 @@
      <h3 class="heading-element">Guide</h3>
      <a
        id="user-content-guide"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Guide"
        href="#guide"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -358,7 +358,7 @@
      <h2 class="heading-element">Switch</h2>
      <a
        id="user-content-switch"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Switch"
        href="#switch"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -368,7 +368,7 @@
      <h3 class="heading-element">KTT Strawberry</h3>
      <a
        id="user-content-ktt-strawberry"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: KTT Strawberry"
        href="#ktt-strawberry"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -428,7 +428,7 @@
      <h3 class="heading-element">SKYLOONG Glacier Silent Red Switch</h3>
      <a
        id="user-content-skyloong-glacier-silent-red-switch"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: SKYLOONG Glacier Silent Red Switch"
        href="#skyloong-glacier-silent-red-switch"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -472,7 +472,7 @@
      <h3 class="heading-element">JWICK Yellow Linear Switch</h3>
      <a
        id="user-content-jwick-yellow-linear-switch"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: JWICK Yellow Linear Switch"
        href="#jwick-yellow-linear-switch"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -512,7 +512,7 @@
      <h3 class="heading-element">C3 Equalz Tangerine V2</h3>
      <a
        id="user-content-c3-equalz-tangerine-v2"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: C3 Equalz Tangerine V2"
        href="#c3-equalz-tangerine-v2"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -575,7 +575,7 @@
      <h3 class="heading-element">CHERRY MX2A Black</h3>
      <a
        id="user-content-cherry-mx2a-black"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: CHERRY MX2A Black"
        href="#cherry-mx2a-black"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -630,7 +630,7 @@
      <h2 class="heading-element">Keycap</h2>
      <a
        id="user-content-keycap"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Keycap"
        href="#keycap"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -653,7 +653,7 @@
      <h3 class="heading-element">EnjoyPBT 9009</h3>
      <a
        id="user-content-enjoypbt-9009"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: EnjoyPBT 9009"
        href="#enjoypbt-9009"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -703,7 +703,7 @@
      <h3 class="heading-element">PBTfans BOW</h3>
      <a
        id="user-content-pbtfans-bow"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: PBTfans BOW"
        href="#pbtfans-bow"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -735,7 +735,7 @@
      <h3 class="heading-element">JTK iKey</h3>
      <a
        id="user-content-jtk-ikey"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: JTK iKey"
        href="#jtk-ikey"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -778,7 +778,7 @@
      <h3 class="heading-element">GMK Mecha-01</h3>
      <a
        id="user-content-gmk-mecha-01"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: GMK Mecha-01"
        href="#gmk-mecha-01"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -810,7 +810,7 @@
      <h3 class="heading-element">Color I love</h3>
      <a
        id="user-content-color-i-love"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Color I love"
        href="#color-i-love"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -897,7 +897,7 @@
      <h2 class="heading-element">Tools</h2>
      <a
        id="user-content-tools"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Tools"
        href="#tools"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -921,7 +921,7 @@
      <h2 class="heading-element">Buy history</h2>
      <a
        id="user-content-buy-history"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Buy history"
        href="#buy-history"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -1056,7 +1056,7 @@
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-04-17-naming.html
+++ b/docs/2023-04-17-naming.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Naming things</h1>
      <a
        id="user-content-naming-things"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Naming things"
        href="#naming-things"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -58,7 +58,7 @@
      <h2 class="heading-element">Filename in storage (S3, ...)</h2>
      <a
        id="user-content-filename-in-storage-s3-"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Filename in storage (S3, ...)"
        href="#filename-in-storage-s3-"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -87,7 +87,7 @@
      <h2 class="heading-element">Time variable</h2>
      <a
        id="user-content-time-variable"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Time variable"
        href="#time-variable"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-05-03-neovim.html
+++ b/docs/2023-05-03-neovim.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">My neovim workflow</h1>
      <a
        id="user-content-my-neovim-workflow"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: My neovim workflow"
        href="#my-neovim-workflow"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -73,7 +73,7 @@
      <h2 class="heading-element">Trick or treat</h2>
      <a
        id="user-content-trick-or-treat"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Trick or treat"
        href="#trick-or-treat"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -118,7 +118,7 @@
      <h2 class="heading-element">Jumpo</h2>
      <a
        id="user-content-jumpo"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Jumpo"
        href="#jumpo"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -166,7 +166,7 @@
      <h2 class="heading-element">Fold</h2>
      <a
        id="user-content-fold"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Fold"
        href="#fold"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -180,7 +180,7 @@
      <h2 class="heading-element">Keymap</h2>
      <a
        id="user-content-keymap"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Keymap"
        href="#keymap"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -344,7 +344,7 @@ vim.<span class="pl-smi">keymap</span>.<span class="pl-c1">set</span>(<span clas
      <h2 class="heading-element">References / Thanks</h2>
      <a
        id="user-content-references--thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: References / Thanks"
        href="#references--thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-05-08-things-i-like.html
+++ b/docs/2023-05-08-things-i-like.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Things I like</h1>
      <a
        id="user-content-things-i-like"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Things I like"
        href="#things-i-like"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -58,7 +58,7 @@
      <h2 class="heading-element">Discord (old) naming</h2>
      <a
        id="user-content-discord-old-naming"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Discord (old) naming"
        href="#discord-old-naming"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -78,7 +78,7 @@
      <h2 class="heading-element">Interesting website</h2>
      <a
        id="user-content-interesting-website"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Interesting website"
        href="#interesting-website"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-05-23-swagger.html
+++ b/docs/2023-05-23-swagger.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Swagger or OpenAPI</h1>
      <a
        id="user-content-swagger-or-openapi"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Swagger or OpenAPI"
        href="#swagger-or-openapi"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -85,7 +85,7 @@ bunx @redocly/cli preview-docs ./docs/swagger.json</pre>
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-06-06-terminal-workflow.html
+++ b/docs/2023-06-06-terminal-workflow.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">My terminal workflow</h1>
      <a
        id="user-content-my-terminal-workflow"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: My terminal workflow"
        href="#my-terminal-workflow"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -64,7 +64,7 @@
      </h2>
      <a
        id="user-content-use-junegunnfzf"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use junegunn/fzf"
        href="#use-junegunnfzf"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -82,7 +82,7 @@
      </h2>
      <a
        id="user-content-use-zellij-orgzellij-as-guide-keybinding"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Use zellij-org/zellij as guide keybinding"
        href="#use-zellij-orgzellij-as-guide-keybinding"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-06-10-incident-context.html
+++ b/docs/2023-06-10-incident-context.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Another day another incident #02</h1>
      <a
        id="user-content-another-day-another-incident-02"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Another day another incident #02"
        href="#another-day-another-incident-02"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -60,7 +60,7 @@
      <h2 class="heading-element">The problem</h2>
      <a
        id="user-content-the-problem"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: The problem"
        href="#the-problem"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -143,7 +143,7 @@ doB context deadline exceeded</pre
      <h2 class="heading-element">The (temporary) solution</h2>
      <a
        id="user-content-the-temporary-solution"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: The (temporary) solution"
        href="#the-temporary-solution"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -266,7 +266,7 @@ doB</pre
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-06-24-khoan-cat-be-tong.html
+++ b/docs/2023-06-24-khoan-cat-be-tong.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Khoan cắt bê tông 101</h1>
      <a
        id="user-content-khoan-cắt-bê-tông-101"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Khoan cắt bê tông 101"
        href="#khoan-cắt-bê-tông-101"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-06-25-useful-tools.html
+++ b/docs/2023-06-25-useful-tools.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Userful tools</h1>
      <a
        id="user-content-userful-tools"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Userful tools"
        href="#userful-tools"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -59,7 +59,7 @@
      <h2 class="heading-element">Tools</h2>
      <a
        id="user-content-tools"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Tools"
        href="#tools"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -69,7 +69,7 @@
      <h3 class="heading-element">Terminal</h3>
      <a
        id="user-content-terminal"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Terminal"
        href="#terminal"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -426,7 +426,7 @@
      <h4 class="heading-element">Windows</h4>
      <a
        id="user-content-windows"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Windows"
        href="#windows"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -453,7 +453,7 @@
      <h3 class="heading-element">UI</h3>
      <a
        id="user-content-ui"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: UI"
        href="#ui"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -511,7 +511,7 @@
      <h4 class="heading-element">macOS</h4>
      <a
        id="user-content-macos"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: macOS"
        href="#macos"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -619,7 +619,7 @@
      <h2 class="heading-element">Developement</h2>
      <a
        id="user-content-developement"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Developement"
        href="#developement"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -629,7 +629,7 @@
      <h3 class="heading-element">Terminal</h3>
      <a
        id="user-content-terminal-1"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Terminal"
        href="#terminal-1"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -724,11 +724,6 @@
      <li>
        <a href="https://github.com/cli/cli">https://github.com/cli/cli</a>
      </li>
      <li>
        <a href="https://github.com/Textualize/toolong"
          >https://github.com/Textualize/toolong</a
        >
      </li>
    </ul>
    <p>Memory</p>
    <ul>
@ -805,12 +800,17 @@
          >https://github.com/plantuml/plantuml</a
        >
      </li>
      <li>
        <a href="https://github.com/Textualize/toolong"
          >https://github.com/Textualize/toolong</a
        >
      </li>
    </ul>
    <div class="markdown-heading">
      <h4 class="heading-element">Go</h4>
      <a
        id="user-content-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Go"
        href="#go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -886,7 +886,7 @@
      <h3 class="heading-element">UI</h3>
      <a
        id="user-content-ui-1"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: UI"
        href="#ui-1"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -953,7 +953,7 @@
      <h4 class="heading-element">macOS</h4>
      <a
        id="user-content-macos-1"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: macOS"
        href="#macos-1"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -981,7 +981,7 @@
      <h2 class="heading-element">Notes</h2>
      <a
        id="user-content-notes"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Notes"
        href="#notes"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -1015,7 +1015,7 @@
      <h2 class="heading-element">Misc</h2>
      <a
        id="user-content-misc"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Misc"
        href="#misc"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -1026,7 +1026,7 @@
      <h3 class="heading-element">macOS</h3>
      <a
        id="user-content-macos-2"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: macOS"
        href="#macos-2"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -1096,7 +1096,7 @@ defaults -currentHost write -globalDomain NSStatusItemSpacing -int 6</pre
      <h3 class="heading-element">Firefox</h3>
      <a
        id="user-content-firefox"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Firefox"
        href="#firefox"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -1142,7 +1142,7 @@ defaults -currentHost write -globalDomain NSStatusItemSpacing -int 6</pre
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-07-01-pastebin.html
+++ b/docs/2023-07-01-pastebin.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Throw away pastebin</h1>
      <a
        id="user-content-throw-away-pastebin"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Throw away pastebin"
        href="#throw-away-pastebin"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -59,7 +59,7 @@
      <h2 class="heading-element"><code>.gitignore</code></h2>
      <a
        id="user-content-gitignore"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: .gitignore"
        href="#gitignore"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -89,7 +89,7 @@ dist</pre>
      <h2 class="heading-element">GitHub Actions</h2>
      <a
        id="user-content-github-actions"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: GitHub Actions"
        href="#github-actions"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -172,7 +172,7 @@ dist</pre>
      <h2 class="heading-element">Go</h2>
      <a
        id="user-content-go"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Go"
        href="#go"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -302,7 +302,7 @@ dist</pre>
      <h2 class="heading-element">Git clean up</h2>
      <a
        id="user-content-git-clean-up"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Git clean up"
        href="#git-clean-up"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -318,7 +318,7 @@ git gc</pre>
      <h2 class="heading-element">Delete <code>.DS_Store</code></h2>
      <a
        id="user-content-delete-ds_store"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Delete .DS_Store"
        href="#delete-ds_store"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -341,7 +341,7 @@ git gc</pre>
      </h2>
      <a
        id="user-content-sd"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: sd"
        href="#sd"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -359,7 +359,7 @@ sd -f s <span class="pl-s"><span class="pl-pds">'</span>\s\[.*?];<span class="pl
      </h2>
      <a
        id="user-content-fdupes"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: fdupes"
        href="#fdupes"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -375,7 +375,7 @@ sd -f s <span class="pl-s"><span class="pl-pds">'</span>\s\[.*?];<span class="pl
      </h2>
      <a
        id="user-content-rsync"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: rsync"
        href="#rsync"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -415,7 +415,7 @@ rsync -avzP src/ dst</pre>
      </h2>
      <a
        id="user-content-atuin"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: atuin"
        href="#atuin"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -435,7 +435,7 @@ rsync -avzP src/ dst</pre>
      </h2>
      <a
        id="user-content-f2"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: F2"
        href="#f2"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -452,7 +452,7 @@ f2 -r <span class="pl-s"><span class="pl-pds">"</span>{mtime.YYYY}{mtime.MM}{mti
      </h2>
      <a
        id="user-content-instaloader"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Instaloader"
        href="#instaloader"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -488,7 +488,7 @@ f2 -r <span class="pl-s"><span class="pl-pds">"</span>{mtime.YYYY}{mtime.MM}{mti
      </h2>
      <a
        id="user-content-grpcurl"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: gRPCurl"
        href="#grpcurl"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -506,7 +506,7 @@ f2 -r <span class="pl-s"><span class="pl-pds">"</span>{mtime.YYYY}{mtime.MM}{mti
      </h2>
      <a
        id="user-content-zed"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Zed"
        href="#zed"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-07-02-fandroid.html
+++ b/docs/2023-07-02-fandroid.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">F(an) android</h1>
      <a
        id="user-content-fan-android"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: F(an) android"
        href="#fan-android"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -61,7 +61,7 @@
      <h2 class="heading-element">Apps</h2>
      <a
        id="user-content-apps"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Apps"
        href="#apps"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-07-06-redis.html
+++ b/docs/2023-07-06-redis.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Redis</h1>
      <a
        id="user-content-redis"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Redis"
        href="#redis"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -61,7 +61,7 @@
      </h2>
      <a
        id="user-content-redis-does-not-store-creation-time-of-keys"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Redis does not store creation time of keys"
        href="#redis-does-not-store-creation-time-of-keys"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-07-30-cache-shenanigan.html
+++ b/docs/2023-07-30-cache-shenanigan.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Cache shenanigan</h1>
      <a
        id="user-content-cache-shenanigan"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Cache shenanigan"
        href="#cache-shenanigan"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -76,15 +76,15 @@
    <span class="pl-k">activate</span> <span class="pl-ent">service</span>
    <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">cache</span><span class="pl-k">:</span> <span class="pl-s">get data</span>
    <span class="pl-k">alt</span> <span class="pl-s">exist in cache</span>
-        <span class="pl-s">service --&gt;&gt; other: return data</span>
+        <span class="pl-ent">service </span><span class="pl-k">--&gt;&gt;</span> <span class="pl-ent">other</span><span class="pl-k">:</span> <span class="pl-s">return data</span>
-    else not exist in cache
+    <span class="pl-k">else</span> <span class="pl-s">not exist in cache</span>
-        <span class="pl-s">service -&gt;&gt; db: get data</span>
+        <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">db</span><span class="pl-k">:</span> <span class="pl-s">get data</span>
-        <span class="pl-s">alt exist data in db</span>
+        <span class="pl-k">alt</span> <span class="pl-s">exist data in db</span>
-            <span class="pl-s">service --&gt;&gt; other: return data</span>
+            <span class="pl-ent">service </span><span class="pl-k">--&gt;&gt;</span> <span class="pl-ent">other</span><span class="pl-k">:</span> <span class="pl-s">return data</span>
-        else not exist data in db
+        <span class="pl-k">else</span> <span class="pl-s">not exist data in db</span>
-            <span class="pl-s">service --&gt;&gt; other: return error not found</span>
+            <span class="pl-ent">service </span><span class="pl-k">--&gt;&gt;</span> <span class="pl-ent">other</span><span class="pl-k">:</span> <span class="pl-s">return error not found</span>
        <span class="pl-k">end</span>
-    <span class="pl-ent">end</span>
+    <span class="pl-k">end</span>
    <span class="pl-k">deactivate</span> <span class="pl-ent">service</span>
    <span class="pl-ent">other </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">service</span><span class="pl-k">:</span> <span class="pl-s">set data</span>
@ -104,7 +104,7 @@
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-08-09-vscode.html
+++ b/docs/2023-08-09-vscode.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">VSCode</h1>
      <a
        id="user-content-vscode"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: VSCode"
        href="#vscode"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-08-20-hardware.html
+++ b/docs/2023-08-20-hardware.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Hardware 101</h1>
      <a
        id="user-content-hardware-101"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Hardware 101"
        href="#hardware-101"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-08-23-real-world-crypto.html
+++ b/docs/2023-08-23-real-world-crypto.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Real World Crypto 101</h1>
      <a
        id="user-content-real-world-crypto-101"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Real World Crypto 101"
        href="#real-world-crypto-101"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -68,7 +68,7 @@
      </h2>
      <a
        id="user-content-hash-function-convert-from-input-to-digest"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Hash function convert from input to digest"
        href="#hash-function-convert-from-input-to-digest"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -89,7 +89,7 @@
      </h2>
      <a
        id="user-content-mac-aka-message-authentication-code-produce-from-key-message-to-authentication-tag"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: MAC aka Message Authentication Code produce from key, message to authentication tag."
        href="#mac-aka-message-authentication-code-produce-from-key-message-to-authentication-tag"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -163,7 +163,7 @@
      <h2 class="heading-element">AES (Advanced Encryption Standard)</h2>
      <a
        id="user-content-aes-advanced-encryption-standard"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: AES (Advanced Encryption Standard)"
        href="#aes-advanced-encryption-standard"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -187,7 +187,7 @@
      <h2 class="heading-element">AES-CBC (Cipher Block Chaining)</h2>
      <a
        id="user-content-aes-cbc-cipher-block-chaining"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: AES-CBC (Cipher Block Chaining)"
        href="#aes-cbc-cipher-block-chaining"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -244,7 +244,7 @@
      </h2>
      <a
        id="user-content-aead-authenticated-encryption-with-associated-data"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: AEAD (Authenticated Encryption with Associated Data)"
        href="#aead-authenticated-encryption-with-associated-data"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -259,7 +259,7 @@
      <h2 class="heading-element">AES-GCM (Galois/Counter Mode) AEAD</h2>
      <a
        id="user-content-aes-gcm-galoiscounter-mode-aead"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: AES-GCM (Galois/Counter Mode) AEAD"
        href="#aes-gcm-galoiscounter-mode-aead"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -290,7 +290,7 @@
      <h2 class="heading-element">ChaCha20-Poly1305 AED</h2>
      <a
        id="user-content-chacha20-poly1305-aed"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: ChaCha20-Poly1305 AED"
        href="#chacha20-poly1305-aed"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-09-14-vietnam-survivor.html
+++ b/docs/2023-09-14-vietnam-survivor.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Vietnam survivor</h1>
      <a
        id="user-content-vietnam-survivor"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Vietnam survivor"
        href="#vietnam-survivor"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -58,7 +58,7 @@
      <h2 class="heading-element">Giấy tờ</h2>
      <a
        id="user-content-giấy-tờ"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Giấy tờ"
        href="#giấy-tờ"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -76,7 +76,7 @@
      <h2 class="heading-element">CMND/CCCD</h2>
      <a
        id="user-content-cmndcccd"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: CMND/CCCD"
        href="#cmndcccd"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -104,7 +104,7 @@
      <h2 class="heading-element">Passport</h2>
      <a
        id="user-content-passport"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Passport"
        href="#passport"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -114,7 +114,7 @@
      <h2 class="heading-element">BHXH</h2>
      <a
        id="user-content-bhxh"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: BHXH"
        href="#bhxh"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -170,7 +170,7 @@
      <h2 class="heading-element">GPLX</h2>
      <a
        id="user-content-gplx"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: GPLX"
        href="#gplx"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-09-23-bloguru.html
+++ b/docs/2023-09-23-bloguru.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Bloguru</h1>
      <a
        id="user-content-bloguru"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Bloguru"
        href="#bloguru"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-10-02-unrelated.html
+++ b/docs/2023-10-02-unrelated.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Unrelated engineer</h1>
      <a
        id="user-content-unrelated-engineer"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Unrelated engineer"
        href="#unrelated-engineer"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -68,7 +68,7 @@
      </h2>
      <a
        id="user-content-give-it-five-minutes"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Give it five minutes"
        href="#give-it-five-minutes"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -102,7 +102,7 @@
      </h2>
      <a
        id="user-content-never-say-no-but-rarely-say-yes"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Never say “no,” but rarely say “yes.”"
        href="#never-say-no-but-rarely-say-yes"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2023-12-16-debounce.html
+++ b/docs/2023-12-16-debounce.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Debounce</h1>
      <a
        id="user-content-debounce"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Debounce"
        href="#debounce"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -59,7 +59,7 @@
      <h2 class="heading-element">Thanks</h2>
      <a
        id="user-content-thanks"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Thanks"
        href="#thanks"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/2024-01-20-backend-thinking.html
+++ b/docs/2024-01-20-backend-thinking.html
@ -48,7 +48,7 @@
      <h1 class="heading-element">Backend Thinking</h1>
      <a
        id="user-content-backend-thinking"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Backend Thinking"
        href="#backend-thinking"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -58,7 +58,7 @@
      <h2 class="heading-element">Backend Role</h2>
      <a
        id="user-content-backend-role"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Backend Role"
        href="#backend-role"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -146,7 +146,7 @@
      <h2 class="heading-element">Technical side</h2>
      <a
        id="user-content-technical-side"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Technical side"
        href="#technical-side"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -158,7 +158,7 @@
      <h3 class="heading-element">API</h3>
      <a
        id="user-content-api"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: API"
        href="#api"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -220,7 +220,7 @@
      <h3 class="heading-element">Message Broker</h3>
      <a
        id="user-content-message-broker"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Message Broker"
        href="#message-broker"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -284,7 +284,7 @@
      <h3 class="heading-element">Tip</h3>
      <a
        id="user-content-tip"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Tip"
        href="#tip"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -316,7 +316,7 @@
      <h3 class="heading-element">References</h3>
      <a
        id="user-content-references"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: References"
        href="#references"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -353,7 +353,7 @@
      <h2 class="heading-element">Coding principle</h2>
      <a
        id="user-content-coding-principle"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Coding principle"
        href="#coding-principle"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -369,7 +369,7 @@
      <h3 class="heading-element">Write code that is easy delete</h3>
      <a
        id="user-content-write-code-that-is-easy-delete"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Write code that is easy delete"
        href="#write-code-that-is-easy-delete"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -428,7 +428,7 @@
      <h3 class="heading-element">Write code that is easy to test</h3>
      <a
        id="user-content-write-code-that-is-easy-to-test"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Write code that is easy to test"
        href="#write-code-that-is-easy-to-test"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -495,7 +495,7 @@
      <h3 class="heading-element">References</h3>
      <a
        id="user-content-references-1"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: References"
        href="#references-1"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -528,7 +528,7 @@
      <h2 class="heading-element">System Design Concept</h2>
      <a
        id="user-content-system-design-concept"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: System Design Concept"
        href="#system-design-concept"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -551,7 +551,7 @@
    <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">cache</span><span class="pl-k">:</span> <span class="pl-s">get (5ms)</span>
    <span class="pl-k">alt</span> <span class="pl-s">not exist in cache</span>
-        <span class="pl-s">service -&gt;&gt; database: get (100ms)</span>
+        <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">database</span><span class="pl-k">:</span> <span class="pl-s">get (100ms)</span>
    <span class="pl-k">end</span></pre>
    </div>
    <p>
@ -567,14 +567,14 @@
    <span class="pl-k">participant</span> <span class="pl-ent">cache</span>
    <span class="pl-k">participant</span> <span class="pl-ent">database</span>
-    <span class="pl-k">note over </span><span class="pl-ent">service</span><span class="pl-sg">,</span><span class="pl-ent">database</span>: <span class="pl-ent">Read Through</span>
+    <span class="pl-k">note over </span><span class="pl-ent">service</span><span class="pl-sg">,</span><span class="pl-ent">database</span><span class="pl-k">:</span> <span class="pl-s">Read Through</span>
    <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">cache</span><span class="pl-k">:</span> <span class="pl-s">get</span>
    <span class="pl-k">alt</span> <span class="pl-s">not exist in cache</span>
-        <span class="pl-s">service -&gt;&gt; database: get</span>
+        <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">database</span><span class="pl-k">:</span> <span class="pl-s">get</span>
-        <span class="pl-s">service -&gt;&gt; cache: set</span>
+        <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">cache</span><span class="pl-k">:</span> <span class="pl-s">set</span>
    <span class="pl-k">end</span>
-    <span class="pl-k">note over </span><span class="pl-ent">service</span><span class="pl-sg">,</span><span class="pl-ent">database</span>: <span class="pl-ent">Write Through</span>
+    <span class="pl-k">note over </span><span class="pl-ent">service</span><span class="pl-sg">,</span><span class="pl-ent">database</span><span class="pl-k">:</span> <span class="pl-s">Write Through</span>
    <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">database</span><span class="pl-k">:</span> <span class="pl-s">set</span>
    <span class="pl-ent">service </span><span class="pl-k">-&gt;&gt;</span> <span class="pl-ent">cache</span><span class="pl-k">:</span> <span class="pl-s">set</span></pre>
    </div>
@ -582,7 +582,7 @@
      <h3 class="heading-element">References</h3>
      <a
        id="user-content-references-2"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: References"
        href="#references-2"
        ><span aria-hidden="true" class="octicon octicon-link"></span
@ -623,7 +623,7 @@
      <h2 class="heading-element">Bonus</h2>
      <a
        id="user-content-bonus"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Bonus"
        href="#bonus"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/docs/index.html
+++ b/docs/index.html
@ -45,7 +45,7 @@
      <h1 class="heading-element">Index</h1>
      <a
        id="user-content-index"
-        class="anchor-element"
+        class="anchor"
        aria-label="Permalink: Index"
        href="#index"
        ><span aria-hidden="true" class="octicon octicon-link"></span
--- a/posts/2023-06-25-useful-tools.md
+++ b/posts/2023-06-25-useful-tools.md
@ -153,7 +153,6 @@ Misc
 - https://github.com/itchyny/gojq
 - https://github.com/ankitpokhrel/jira-cli
 - https://github.com/cli/cli
 - https://github.com/Textualize/toolong
 Memory
@ -172,6 +171,7 @@ Memory
 - https://github.com/sdkman/sdkman-cli
 - https://github.com/antonmedv/fx
 - https://github.com/plantuml/plantuml
 - https://github.com/Textualize/toolong
 #### Go