Font! Color!

add `htmlize` for better formatting index.html: a.visited, Monaco (alynx) main.css: Source Serif collection: patch instead of inline html (inline html is a good hack, but less readable)
2024-11-30 23:30:53 +08:00 · 2022-12-18 12:59:59 +08:00 · 2022-12-18 12:59:59 +08:00 · 09541d0c5b
commit 09541d0c5b
parent 52b020d986
7 changed files with 33 additions and 12 deletions
--- a/.github/workflows/site.yml
+++ b/.github/workflows/site.yml
@ -47,6 +47,7 @@ jobs:
        run: |
          cd _site && tree
          sudo ./patches/icons.sh
+          sudo ./patches/color.sh

      - name: Upload artifact
        uses: actions/upload-pages-artifact@v1
--- a/css/main.css
+++ b/css/main.css
@ -9,10 +9,23 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua
    font-style: normal;
 }

+@font-face{ /* FROM https://tlakh.xyz */
+    font-family: Source Serif;
+    font-display: auto;
+    src: url(https://cdn.jsdelivr.net/npm/@fontsource/source-serif-4@4.5.16/files/source-serif-4-all-400-normal.woff) format('woff');
+    font-style: normal;
+}
+@font-face{
+    font-family: Source Serif;
+    font-display: auto;
+    src: url(https://cdn.jsdelivr.net/npm/@fontsource/source-serif-4@4.5.16/files/source-serif-4-all-400-italic.woff) format('woff');
+    font-style: italic;
+}
+
@media all
 {
    body {
-        font-family: "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important;
+        font-family: "Source Serif", "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important;
        font-size: 18px;
        line-height: 21px;
        color: #333;
@ -86,7 +99,6 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua
    }

    h2 {
-        font-family:Arial,sans-serif;
        font-size:1.5em;
        line-height:16px;
        padding:7px 0 0 0;
@ -98,7 +110,6 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua
    }

    h3 {
-        font-family:Arial,sans-serif;
        font-size:1.3em;
        color: #555;
        margin-left: 0.6em;
@ -109,7 +120,6 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua
    }

    h4 {
-        font-family:Arial,sans-serif;
        font-size:1.2em;
        margin-left: 1.2em;
        color: #555;
--- a/index.html
+++ b/index.html
@ -12,9 +12,9 @@
 *::-webkit-scrollbar{width:auto}
 *::-webkit-scrollbar-track{background:#404040}
 *::-webkit-scrollbar-thumb{background:gray}
- body{background-color:#3B4252;color:#dcdccc;font-family:dejavu sans mono,Lucida Console,Courier,monospace;font-size:16px;padding:5em 0 0;margin:0}
+ body{background-color:#3B4252;color:#dcdccc;font-family:Monaco,Lucida Console,monospace;font-size:16px;padding:5em 0 0;margin:0}
 a{color:#efdcbc;text-decoration:none}
- a:visited{color:#dca3a3}
+ a:visited{color:#88C0D0}/*nord-brightcyan*/
 a:hover{color:#f8f893}
 .home{position:absolute;width:100%;text-align:center}
 .home pre{max-width:80ch;padding:0 1rem;margin-left:auto;margin-right:auto;line-height:1.5em;overflow:auto;display:inline-block;text-align:left}
@ -30,8 +30,8 @@
  -->
  <div class="home p-contact contact h-card vcard">
    <pre>
-(let ((blog <strong>"<a href=https://dongdigua.github.io/posts>posts/</a>"</strong>)
-      (collections "<a href=https://dongdigua.github.io/internet_collections>Magical Index</a>")
+(<font color=#c6a0f6>let</font> ((blog <strong>"<a href=https://dongdigua.github.io/posts>posts/</a>"</strong>)
+      (collections "<a href=https://dongdigua.github.io/internet_collections>MagicalIndex</a>")
      (feed "<a href=https://dongdigua.github.io/feed.xml>feed.xml</a>")
      (mai1 "<span title="probably use gnunet for secure & anonymous chat">dongdigua{a+}outlook{d0t}com</span>")
      (github "<a href=https://github.com/dongdigua>@dongdigua</a>") <a href=https://github.com/dongdigua/dongdigua.github.io><img src=https://github.com/dongdigua/dongdigua.github.io/actions/workflows/site.yml/badge.svg alt="CI status"></a>
--- a/org/cheatsheet.org
+++ b/org/cheatsheet.org
@ -71,6 +71,7 @@ https://orgmode.org/worg/dev/org-export-reference.html
 | C-y     | paste to minibuffer |
 | M-&/!   | async/shell command |
 | C-M-\   | indent-region       |
+| M-y     | past previous       |

 ** eww/elpher (essensial)
 | key   | usage                            |
--- a/org/internet_collections.org
+++ b/org/internet_collections.org
@ -252,6 +252,7 @@ B站: 称呼我C先生
 **** [[https://sh.alynx.one/posts/Linux-Mooncake-Jokes/][Linux 用户的月饼食用手册]]                                        :fun:
 **** [[https://sh.alynx.one/posts/Do-Not-Fill-My-Email-with-Silly-Ads/][不要拿愚蠢的广告来污染我的邮箱]]
 **** [[https://sh.alynx.one/posts/Proxy-Settings/][Linux 下面常见的代理设置]]
+**** [[https://sh.alynx.one/posts/Emacs-Monaco-Box-drawing-Character/][Emacs 和 Monaco 字体和 Box-drawing Character]]
 ** ZhiHu
 *** [[https://zhuanlan.zhihu.com/p/138719668][用Go语言汇编计算fibonacci数列]]                                :lowlevel:
 *** [[https://www.zhihu.com/column/c_1313110231912726528][倔强的程序员]]
@ -274,7 +275,6 @@ linuxcn 里唯一一个让我感觉很有必要把链接放在这的文章
 use the power of tor:
  http://zlibrary24tuxziyiyfr7zd46ytefdqbqd2axkmxm4o5374ptpc52fad.onion
  http://loginzlib2vrak5zzpcocc3ouizykn6k5qecgj2tzlnab5wcbqhembyd.onion
-  http://loginzlib2vrak5zzpcocc3ouizykn6k5qecgj2tzlnab5wcbqhembyd.onion
 #+END_SRC

 ** shenjack/HWS/fri3nds
@ -327,7 +327,7 @@ how much existing C code would be broken?
 *** [[https://youtu.be/CFRhGnuXG-4][Why You Shouldn't Nest Your Code]]


-**  @@html:<a style="color:#0ee033" href=https://www.youtube.com/@Computerphile>&lt;C&gt;</a>@@
+**  [[https://www.youtube.com/@Computerphile][<C>]]
 *** [[https://youtu.be/BAo5C2qbLq8][Network Time Protocol (NTP)]]
 *** [[https://youtu.be/d7KHAVaX_Rs][Just In Time (JIT) Compilers]]
 *** [[https://youtu.be/PN7mPYcWFKg][Quantum Computing]]
@ -448,5 +448,7 @@ RTFSC – Read The F**king Source Code ☺!
 ** [[https://isopenbsdsecu.re][Is OpenBSD secure?]]
 ** [[http://litcave.rudi.ir][LITCAVE]]
 software minimalism, Neat*
-** TODO [[https://youbroketheinternet.org]]
+** [[https://youbroketheinternet.org][youbroketheinternet.org]]
+#+ATTR_HTML: :width 256px
+[[https://youbroketheinternet.org/img/youbroketheman.png]]
 ** TODO [[https://wiki.installgentoo.com/wiki/File:Inori-tan.jpg][InstallGentoo Wiki File:Inori-tan.jpg]]
--- a/org/publish_config.el
+++ b/org/publish_config.el
@ -8,7 +8,7 @@
 (package-initialize)
 (when (not package-archive-contents)
  (package-refresh-contents))
-(dolist (p '(webfeeder))
+(dolist (p '(webfeeder htmlize))
  (when (not (package-installed-p p))
    (package-install p)))

--- a/patches/color.sh
+++ b/patches/color.sh
@ -0,0 +1,7 @@
+#! /bin/sh
+
+# don't forget & is also a metachar
+sed -i \
+'s/<a href="https:\/\/www.youtube.com\/@Computerphile">\&lt;C\&gt;<\/a>/<a style="color:#0ee033" href=https:\/\/www.youtube.com\/@Computerphile>\&lt;C\&gt;<\/a>/g' \
+internet_collections.html
+