diff --git a/src/css/minimalist.css b/src/css/minimalist.css index 38db000..b7c83d6 100644 --- a/src/css/minimalist.css +++ b/src/css/minimalist.css @@ -112,9 +112,11 @@ blockquote { padding-left: 2ch; overflow: hidden; } +.notes *:first-child, blockquote *:first-child { margin-top: 0; } +.notes *:last-child, blockquote *:last-child { margin-bottom: 0; } @@ -229,7 +231,15 @@ navigation > a { .footdef > sup::after { content: ": "; } - +.notes { + padding: 5px 10px; +} +.notes::before { + content: "☞"; + float: left; + display: inline-block; + width: 1em; +} /* colors theme */ :root { @@ -256,8 +266,8 @@ navigation > a { --main-background: var(--base03); /* 0.5 darker than #002b36; */ --main-foreground: var(--base1); --second-foreground: var(--base0); + --reveal-background: var(--base02); --soft-foreground: var(--base01); - --reveal-background: var(--base03); --border-color: var(--base02); --todo-txt: #000; } @@ -268,8 +278,8 @@ navigation > a { --main-background: #fefaf0; /* 0.5 lighter than #fdf6e3 */ --main-foreground: var(--base01); --second-foreground: var(--base00); + --reveal-background: var(--base2); --soft-foreground: var(--base1); - --reveal-background: var(--base3); --border-color: var(--base2); --todo-txt: #FFF; } @@ -367,3 +377,7 @@ blockquote:after { .CANCELED { background-color: var(--magenta); } +.notes { + background-color: var(--reveal-background); + color: var(--second-fg); +} diff --git a/src/index.org b/src/index.org index 8e196c8..3703a6c 100644 --- a/src/index.org +++ b/src/index.org @@ -8,8 +8,11 @@ #+OPTIONS: H:5 #+STARTUP: showeverything -Welcome to my personal blog. -This is the 4th time I change the underlying technology behind my blog. +Welcome! -- [[./archive.html][posts]] -- [[./about-me.html][about me]] +#+begin_notes +This website is dark by default, but it support user preferred theme. +For example in Mac if you have a light theme, the website will be light. +#+end_notes + +- [[./archive.html][articles]]