Changelog

Table of Content

• To Dos
• 2024

To Dos

To Be Update…

2024

Sat, Apr 13

• Redeployed blog to Blot.im, removed Hyvor blogs
  • Set the color tone to blue, accent color #0089A7 新橋 SHINBASHI
  • Move newsletter service to Quail, the Acumbamail is now suspended.

Sat, Apr 6

• Move Chagelog to HackMD

Fri, Apr 5

• Add Tools page

Sun, Mar 31

• Chang font style to Chiron Sung HK

Tue, Mar 19

• Color style changes
• Light theme background main color #FCFAF2 白練 SHIRONERI, secondary color #F9F5e7 tint color
• Primary color #CB4042 赤紅 AKABENI
• Secondary color #F19483 曙 AKEBONO

Sat, Mar 2

• Update the style of TOC (table of contents)

  Hyvor released the TOC in Feb 2024, that is one of my strong requests but lack of design for the templates.

• Add 文章目錄 at the top of TOC block, using ::before in css.
• Set the margin, padding and background color.
• The scroll bar of a axis is auto for a better experience on mobile devices.

References

• CSS 語法，文字換行，強迫不換行。
• div 添加滾動條

Wed, Feb 28

• Add Small Number Sign before post header Update the css ::before for the Header of each post with links.

  How?

  Add Small Number Sign Unicode Character “﹟” (U+FE5F) and set the indent.

  ​​​​h1, h2, h3, h4, h5, h6 {
  ​​​​        a[href^="#"] {
  ​​​​            text-decoration: none;
  ​​​​            box-shadow: none;
  ​​​​        }
  ​​​​        a[href^="#"]::before {
  ​​​​            content: "﹟";
  ​​​​            margin-left: -1em;
  ​​​​            color: var(--color-content-secondary);
  ​​​​        }
  ​​​​        a[href^="#"]:hover {
  ​​​​            box-shadow: none;
  ​​​​        }
  ​​​​    }
  

• Install Umami on zeabur for website analytics

Wed, Feb 21

• Set the accent color to#2C6293 and text color to #0A0C1DEE .

Thu, Feb 15

• Move Chagelog page to Craft from Gridea.
• Activate domain eyewithouts.com and retired the rest of all.

Sun, Feb 11

• Update Newsletter Service

  Why?

  I have been using Quail for weekly newsletter delivery since the brand reposition to Warm & Wise . However, the subscriber management is mush simpler on Quail than other service.

  By studying the email blasting service I had taken, I decided to move the subscription form to Acumbamail, which is one of the best email marketing tool I have used, supporting html code embedding and also the full-functioned subscriber management.

  Will keep using Quail for weekly newsletter, one annoying steps is have to add the new subscriber to Quail manually.

Thu, Feb 8

• Update the blockquote style on mobile

  Blockquote Style Update

  The old blockquote style have an ugly right margin, and now be fixed with newly updated css setting.

  font.css

  ​​​​/* 引用區塊字體變換 */
  
  ​​​​.container > .main > .entry > blockquote > p { /* 引用區塊內段落 */
  ​​​​  font-weight: 400;
  ​​​​  font-size: 0.95em;
  ​​​​  color: inherit;
  ​​​​}
  

  style.css

  ​​​​blockquote { /* 引用區塊 */
  ​​​​  border-color: {{accent_color}} !important;
  ​​​​  border-left: 0.3em solid;
  ​​​​  color: inherit;
  ​​​​  margin: 0;
  ​​​​  padding-left: 1.4em;
  ​​​​  padding-right: 1.0em;
  ​​​​  padding-top: 0.2em;
  ​​​​  padding-bottom: 0.2em;
  ​​​​  opacity: 1.0;
  ​​​​  background-color: {{accent_color}}11 !important;
  ​​​​  box-shadow: 2px 2px 2px 1px rgba(220, 220, 220, .2);
  ​​​​}
  

  Not sure what is the below style setting for, hided from now and keep monitoring is any missing in other pages.

  style.css

  ​​​​/* 查詢下面好像不具有意義，思考是否要刪除 */
  ​​​​/*
  ​​​​.margin blockquote {margin: 1em 0 !important;padding: 3px 6px;line-height:18px;}
  ​​​​.margin blockquote p {margin: 0}
  ​​​​*/
  

Sat, Feb 3

• Redesign the logo / icon

  Logo Design (Retired)

  The 1st logo is from Bing AI image creator which is echo to warmandwise, by using the symbol ampersand . However, I was not quite comfortable and would like to have a simpler one. Then I took back the spiritual name Bamor with my family name Liu as the author, and the idea for carting a new log is coming.

  With the prompt a circle icon, mainly design by letter "B" and "L", to demonstrate the simple life of a boy, in light color in Bing AI images creator, I got below 4 cute results.

  Love all, but to choose the right top one, cropping the circle and boy. It's my new icon, simple, dynamic.

Wed, Jan 31

• Umami changes: removed self-host umami, add cloud based umami service.

  Why?

  Supabase has retired the PGBouncer on Jan 26th, that I found cannot login into my self-hosted umami account which database is on Supabase and deployed on Netlify.

  Start from now, for privacy, I am using Cloudflare web analysis and Umami for website traffic tracking.

Tue, Jan 23

• Update the blockquote area style

  How?

  By referring the style from Code and Me , to update the block quote area with shadow for better experience.

  ​​​​.container > .main > .entry blockquote { /* 引用區塊背景與背影 */
  ​​​​  background-color: {{accent_color}}11 !important;
  ​​​​  box-shadow: 2px 2px 2px 1px rgba(220, 220, 220, .2);
  ​​​​}