feat: dark mode (#19)

* feat: 🎸 dark-mode via bulma.io v1.0.1 * chore: 🤖 update * fix: 🐛 bulma default font-family don't support Chinese
ThaddeusJiang · Jul 9, 2024 · f62f1c2 · f62f1c2
1 parent 54cf361
commit f62f1c2
Show file tree

Hide file tree

Showing 27 changed files with 134 additions and 82 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,6 @@
 .DS_Store
 output
 docs
+$__StoryList*
+$__StoryList.tid
+$__Import*.tid
diff --git a/plugins/tiddlyjam/$__AbsoluteBaseUrl.tid b/plugins/tiddlyjam/$__AbsoluteBaseUrl.tid
@@ -1,7 +1,6 @@
 created: 20210313235700661
-modified: 20210313235711907
-revision: 0
+modified: 20220313010353243
 title: $:/AbsoluteBaseUrl
 type: text/vnd.tiddlywiki
 
-https://thaddeusjiang.github.io/tiddlyjam
+https://thaddeusjiang.github.io/tiddlyjam
diff --git a/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam.json b/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam.json
diff --git a/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam.json.meta b/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam.json.meta
@@ -0,0 +1,9 @@
+created: 20210306160051062
+dependents: 
+description: A CMS and website renderer for TiddlyWiki.
+modified: 20240709015819981
+name: TiddlyJam
+plugin-type: plugin
+title: $:/plugins/adithyab/tiddlyjam
+type: application/json
+version: 0.2.10
diff --git a/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam_backendui_category_row_published.tid b/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam_backendui_category_row_published.tid
@@ -1,14 +1,13 @@
 created: 20200910145708380
-modified: 20210314011440586
+modified: 20240708133230284
 published: 20141212110330815
-revision: 1
 tags: $:/plugins/adithyab/tiddlyjam/backendui
 title: $:/plugins/adithyab/tiddlyjam/backendui/category/row/published
 type: text/vnd.tiddlywiki
 
 Published on <$view field="published" format="date" template="DDth mmm YYYY"/>.
 <$fieldmangler>
 <$button message="tm-remove-tag" param="$:/plugins/adithyab/tiddlyjam/live">
-X
+×
 </$button>
 </$fieldmangler>
diff --git a/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam_renderer_base_imports.tid b/plugins/tiddlyjam/$__plugins_adithyab_tiddlyjam_renderer_base_imports.tid
@@ -1,10 +1,15 @@
 created: 20200805054051611
-modified: 20210418020622319
-tags: $:/plugins/adithyab/tiddlyjam/internals thaddeusjiang.github.io/tiddlyjam
+modified: 20240112020522591
+tags: $:/plugins/adithyab/tiddlyjam/internals
 title: $:/plugins/adithyab/tiddlyjam/renderer/base/imports
 type: text/vnd.tiddlywiki
 
 <$list filter="[all[tiddler+shadows]tag[$:/plugins/adithyab/tiddlyjam/css]]">
 `<link rel="stylesheet" href="./css/`{{!!title}}`"/>`
 </$list>
-`<script async src="https://kit.fontawesome.com/f8d8f6a864.js" crossorigin="anonymous"></script>`
+`<script async src="https://kit.fontawesome.com/f8d8f6a864.js" crossorigin="anonymous"></script>`
+
+`<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+
+<script>hljs.highlightAll();</script>`
diff --git a/plugins/tiddlyjam/TiddlyJam Settings.tid b/plugins/tiddlyjam/TiddlyJam Settings.tid
@@ -1,10 +1,10 @@
 created: 20210324005947737
 modified: 20210324011223943
 tags: $:/plugins/adithyab/tiddlyjam/backendui
-title: Welcome to ~TiddlyJam
+title: Welcome to TiddlyJam
 type: text/vnd.tiddlywiki
 
-Before you start generating your website in ~TiddlyJam, please fill in the following details:
+Before you start generating your website in TiddlyJam, please fill in the following details:
 
 <div class="tc-control-panel">
 

diff --git a/plugins/tiddlyjam/plugin.info b/plugins/tiddlyjam/plugin.info
@@ -6,7 +6,7 @@
     "modified": "20210314160827375",
     "name": "TiddlyJam",
     "plugin-type": "plugin",
-    "version": "0.2.8",
+    "version": "0.2.10",
     "revision": "0",
     "bag": "default"
-}
+}
diff --git a/plugins/tiddlyjam/tiddlyjam.min.css b/plugins/tiddlyjam/tiddlyjam.min.css
diff --git a/plugins/tiddlyjam/tiddlyjam.min.css.meta b/plugins/tiddlyjam/tiddlyjam.min.css.meta
@@ -0,0 +1,5 @@
+created: 20210417180806861
+modified: 20240708120629547
+tags: $:/plugins/adithyab/tiddlyjam/css $:/plugins/adithyab/tiddlyjam/internals
+title: tiddlyjam.min.css
+type: text/css
diff --git a/plugins/tiddlyjam/tiddlyjam.min.css.tid b/plugins/tiddlyjam/tiddlyjam.min.css.tid
diff --git a/plugins/tiddlyjam/vanilla.css b/plugins/tiddlyjam/vanilla.css
@@ -0,0 +1,46 @@
+a {
+  word-break: break-all;
+}
+
+blockquote {
+  border-left: 5px solid #bbb;
+  quotes: "\201C""\201D""\2018""\2019";
+}
+
+blockquote > div {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+blockquote.tc-big-quote {
+  font-family: Georgia, serif;
+  position: relative;
+  background: #f5f5f5;
+  border-left: none;
+  padding: 10px;
+  border-radius: 8px;
+}
+
+blockquote.tc-big-quote cite:before {
+  content: "\2014 \2009";
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --bulma-family-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+    --bulma-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif,
+      "Apple Color Emoji", "Segoe UI Emoji";
+    --bulma-family-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif,
+      "Apple Color Emoji", "Segoe UI Emoji";
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --bulma-family-code: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+    --bulma-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif,
+      "Apple Color Emoji", "Segoe UI Emoji";
+    --bulma-family-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif,
+      "Apple Color Emoji", "Segoe UI Emoji";
+  }
+}
diff --git a/plugins/tiddlyjam/vanilla.css.meta b/plugins/tiddlyjam/vanilla.css.meta
@@ -0,0 +1,5 @@
+created: 20210430124928142
+modified: 20240709015803548
+tags: $:/plugins/adithyab/tiddlyjam/css $:/plugins/adithyab/tiddlyjam/internals
+title: vanilla.css
+type: text/css
diff --git a/plugins/tiddlyjam/vanilla.css.tid b/plugins/tiddlyjam/vanilla.css.tid
diff --git a/tiddlers/$__AbsoluteBaseUrl.tid b/tiddlers/$__AbsoluteBaseUrl.tid
diff --git a/tiddlers/$__DefaultTiddlers.tid b/tiddlers/$__DefaultTiddlers.tid
@@ -1,8 +1,8 @@
 created: 20210313205753106
-modified: 20210417202213780
+modified: 20240708125354042
 title: $:/DefaultTiddlers
 type: text/vnd.tiddlywiki
 
-[[~TiddlyJam]]
+[[TiddlyJam]]
 [[TiddlyJam Dashboard]]
 
diff --git a/tiddlers/$__StoryList.tid b/tiddlers/$__StoryList.tid
diff --git a/tiddlers/$__plugins_adithyab_tiddlyjam_renderer_base_imports.tid b/tiddlers/$__plugins_adithyab_tiddlyjam_renderer_base_imports.tid
diff --git a/tiddlers/Getting Started with TiddlyJam.tid b/tiddlers/Getting Started with TiddlyJam.tid
@@ -1,5 +1,5 @@
 created: 20210314161116928
-modified: 20210417213517665
+modified: 20240708132027356
 published: 20210417212127611
 tags: blog howto $:/plugins/adithyab/tiddlyjam/live
 title: Getting Started with TiddlyJam
@@ -20,4 +20,4 @@ TiddlyJam is designed to make it easy to export a simple blog from TW5 while pro
 *Open the command line, navigate to the local folder of your TW5 and run: `tiddlywiki --build tiddlyjam`
 * The `output` folder should contain the html files. It will be rendered using the default theme - the same one as [[https://thaddeusjiang.github.io/tiddlyjam]]
 ** This folder can be hosted on your hosting service and viola - the website is ready.
-** ''Note'': Checkout thaddeusjiang.github.io/tiddlyjam's [[build process|https://github.com/ThaddeusJiang/tiddlyjam/blob/main/build-tw]] for inspiration.
+** ''Note'': Checkout thaddeusjiang.github.io/tiddlyjam's [[build process|https://github.com/ThaddeusJiang/tiddlyjam/blob/main/build]] for inspiration.
diff --git a/tiddlers/TiddlyJam URL support 中文拼音！.tid b/tiddlers/TiddlyJam URL support 中文拼音！.tid
diff --git a/tiddlers/TiddlyJam automatically Dark mode.tid b/tiddlers/TiddlyJam automatically Dark mode.tid
@@ -0,0 +1,14 @@
+created: 20240708130559970
+modified: 20240708132046084
+published: 20240708130721109
+tags: blog $:/plugins/adithyab/tiddlyjam/live feature
+title: TiddlyJam automatically Dark mode
+type: text/vnd.tiddlywiki
+
+TiddlyJam now automatically switches between dark mode and light mode, so you no longer have to worry about sudden white screens blinding you or straining your eyes to read content on a dark screen.
+
+{{dark-mode-demo.mp4}}
+
+
+
+
diff --git a/tiddlers/TiddlyJam support 中文拼音 URL.tid b/tiddlers/TiddlyJam support 中文拼音 URL.tid
@@ -0,0 +1,9 @@
+created: 20220312130414841
+modified: 20240708134402855
+tags: blog $:/plugins/adithyab/tiddlyjam/live feature
+title: TiddlyJam support 中文拼音 URL
+type: text/vnd.tiddlywiki
+
+Hi Chinese, TiddlyJam support 中文拼音 URL.
+
+The URL of this page will be `/tiddlyjam-support-zhong-wen-pin-yin-url`
diff --git a/tiddlers/_TiddlyJam.tid → tiddlers/TiddlyJam.tid b/tiddlers/_TiddlyJam.tid → tiddlers/TiddlyJam.tid
@@ -1,7 +1,7 @@
 created: 20210417202142352
-modified: 20210417212721734
-tags:
-title: ~TiddlyJam
+modified: 20240708132018481
+tags: 
+title: TiddlyJam
 type: text/vnd.tiddlywiki
 
 <div>
@@ -37,3 +37,11 @@ Transform your TiddlyWiki into static websites and blogs. Inspired by JamStack
 <dl><<get_description>></dl>
 </$list>
 </ul>
+
+!! Features
+<ul>
+<$list filter="[tag[feature]sort[published]]">
+<li><h3><$link/></h3></li>
+<dl><<get_description>></dl>
+</$list>
+</ul>
diff --git a/tiddlers/code highlight via highlight.js.tid b/tiddlers/code highlight via highlight.js.tid
@@ -1,10 +1,10 @@
 created: 20240112020539219
 creator: ThaddeusJiang
-modified: 20240112021857045
+modified: 20240708132057022
 modifier: ThaddeusJiang
 published: 20240112020748228
-tags: blog $:/plugins/adithyab/tiddlyjam/live
-title: code highlight via highlight.js
+tags: blog $:/plugins/adithyab/tiddlyjam/live feature
+title: Code highlight via highlight.js
 type: text/vnd.tiddlywiki
 
 TiddlyJam support code highlight, thanks [[highlight.js|https://highlightjs.org/]]

diff --git a/tiddlers/dark-mode-demo.mp4 b/tiddlers/dark-mode-demo.mp4
diff --git a/tiddlers/dark-mode-demo.mp4.meta b/tiddlers/dark-mode-demo.mp4.meta
@@ -0,0 +1,2 @@
+title: dark-mode-demo.mp4
+type: video/mp4
diff --git a/tiddlers/index.tid b/tiddlers/index.tid
@@ -1,11 +1,11 @@
 created: 20200728102956586
 creator: Adithya_
 description: A static generator for TiddlyWiki. Inspired by JamStack.
-modified: 20220313023216460
+modified: 20240708125530825
 modifier: Adithya_
-name: Homepage
+name: 
 published: 20210314001527357
-tags: $:/plugins/adithyab/tiddlyjam/page $:/plugins/adithyab/tiddlyjam/internals $:/plugins/adithyab/tiddlyjam/live thaddeusjiang.github.io/tiddlyjam
+tags: $:/plugins/adithyab/tiddlyjam/page $:/plugins/adithyab/tiddlyjam/internals $:/plugins/adithyab/tiddlyjam/live
 title: index
 type: text/vnd.tiddlywiki