Fix pulsing on dark backgrounds

content/aside/3.html

@@ -1,5 +1,6 @@
 ---
 type: single
+pulse_light: true
 ---
 
 <style>

content/from-within/2.md

@@ -4,6 +4,7 @@ weight: 14
 background: '#333a18'
 color: '#cdc'
 quote: '#efe'
+pulse_light: true
 ---
 
 Somewhere around 2018, a friend of mine went mad.

content/from-within/3.md

@@ -4,6 +4,7 @@ weight: 17
 background: "#283a26"
 color: '#cdc'
 quote: '#efe'
+pulse_light: true
 ---
 
 On two occasions, the world has slid away from me.

content/from-within/4.md

@@ -4,6 +4,7 @@ weight: 18
 background: "#082a16"
 color: '#bcb'
 quote: '#ded'
+pulse_light: true
 ---
 
 <div class="cw">Self-harm</div>

content/from-within/5.md

@@ -4,6 +4,7 @@ weight: 19
 background: "#082010"
 color: '#aba'
 quote: '#cdc'
+pulse_light: true
 ---
 
 > And?

content/from-within/_index.md

@@ -5,6 +5,7 @@ background: '#333a18'
 color: '#cdc'
 quote: '#efe'
 type: single
+pulse_light: true
 ---
 
 Somewhere around 2014, a friend of mine went mad.

content/from-within/i-guess...md

@@ -4,6 +4,7 @@ weight: 20
 background: "#001a06"
 color: '#aba'
 quote: '#cdc'
+pulse_light: true
 ---
 
 I'm hypomanic now.

content/koan/_index.md

@@ -3,5 +3,6 @@ type: serial
 background: '#1f183a'
 color: '#ccd'
 quote: '#eef'
+pulse_light: true
 back: /16
 ---

content/mania/_index.md

@@ -3,5 +3,6 @@ type: serial
 background: '#000'
 color: '#ddd'
 quote: '#ddd'
+pulse_light: true
 back: /8
 ---

content/poet-and-mystic/007.html

@@ -6,7 +6,7 @@ weight: 45
 <div class="cw">Cognitive hazard, audio autoplay, color changes</div>
 
 <pre>
-                    ( <a class="pulse huh" href="/aside/3">...</a> )
+                    ( <a class="pulse huh" href="/aside/3">2, 3, 5, 7, 13</a> )
                   O
                 o
               .

content/poet-and-mystic/_index.md

@@ -3,5 +3,6 @@ type: serial
 background: '#2f082a'
 color: '#ccd'
 quote: '#eef'
+pulse_light: true
 back: /38
 ---

themes/ally/layouts/partials/head.html

@@ -21,6 +21,17 @@
     blockquote {
         color: {{.Params.quote}};
     }
+    {{ if (isset .Params "pulse_light")}}
+    @keyframes flash {
+        from {
+            background-color: rgba(255, 255, 255, 0);
+        }
+
+        to {
+            background-color: rgba(255, 255, 255, 0.2);
+        }
+    }
+    {{ end }}
     </style>
     {{end}}
 </head>

themes/ally/static/css/main.css

@@ -157,11 +157,13 @@ code {
         background-color: rgba(128, 128, 128, 0.2);
     }
 }
-.pulse {
+.pulse, .pulse span {
     animation-name: flash;
     animation-duration: 1s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
+}
+.pulse {
     padding: 0 3px;
 }