use water.css

Author: zuzhi

README.md

@@ -13,3 +13,7 @@ and is deployed using [cloudflare workers](https://developers.cloudflare.com/wor
 ## github actions
 
 through [github actions](https://github.com/zuzhi/my-blog/blob/main/.github/workflows/main.yml)
+
+## run dev
+
+with `lein serve`

content/md/pages/til.md

@@ -1,5 +1,19 @@
 {:title "Today I Learned"
  :page-index 0}
+ 
+## 2025-01-15
+
+`SPC t w`: Soft line wrapping
+
+`sql mode` -> sql postgres -> literate programming
+ 
+## 2024-10-08
+
+`SPC t c`: Fill Column Indicator 
+ 
+## 2024-10-06
+
+query-replace
 
 ## 2024-07-25
 

themes/pico/css/blog.css

@@ -1,21 +1,20 @@
 main {
-  width: 400px;
+  width: 600px;
 }
 
-/* Styles for mobile screens */
 @media (max-width: 600px) {
   main {
     width: 100%;
   }
 }
 
-.footnotes li,
-.footnotes p {
-  font-size: .8em;
-}
+/* .footnotes li, */
+/* .footnotes p { */
+  /* font-size: .8em; */
+/* } */
 
-.footnotes p {
-  margin-bottom: 0;
-  margin-right: .5em;
-  display: inline-block;
-}
+/* .footnotes p { */
+  /* margin-bottom: 0; */
+  /* margin-right: .5em; */
+  /* display: inline-block; */
+/* } */

themes/pico/html/archives.html

@@ -15,6 +15,10 @@ <h4>{{group.group}}</h4>
         {% endfor %}
         </ul>
     {% endfor %}
+        <h4>til</h4>
+        <ul>
+            <li><a href="/til.html">til</a></li>
+        </ul>
 
 </div>
 {% endblock %}

themes/pico/html/base.html

@@ -11,6 +11,8 @@
 
         <link rel="shortcut icon" href="{{blog-prefix}}/img/z.png">
 
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
+
         {% style "css/blog.css" %}
         {% if post.js %}
         <link rel=stylesheet"
@@ -26,11 +28,9 @@
             <h4>
                 <a href="/" id="home">zuzhi</a>
                 <a href="/archives.html">archives</a>
-                <a href="/til.html">til</a>
-                <a href="https://progress.huzuzhi.com">progress</a>
-                <a href="https://chaptify.vercel.app" target="_blank">chaptify</a>
-                <a href="https://github.com/zuzhi">github</a>
-                <a href="https://x.com/huzuzhi">x</a>
+                <a href="https://amply.huzuzhi.com" target="_blank">↗amply</a>
+                <a href="https://github.com/zuzhi" target="_blank">↗github</a>
+                <a href="https://x.com/huzuzhi" target="_blank">↗x</a>
             </h4>
         </header>
 

themes/pico/html/post-content.html

@@ -1,9 +1,9 @@
 <h1>
     {{post.title}}
-    {% if post.draft %}
-    <small>(Draft)</small>
-    {% endif %}
 </h1>
+{% if post.draft %}
+<small>(still a draft)</small>
+{% endif %}
 {% if post.toc %}{{post.toc|safe}}{% endif %}
 {{post.content|safe}}
 <br/>