Cosenseでネタバレに配慮したい
Cosense.icon/help-jp/文字装飾記法を拡張して、隠したい文字を黒塗りにするUserCSSを作った。
サンプル: settings#604dbf2552dbd70000371d5b
ここに書かれた文字は黒塗りになり、カーソルが重なったときと行の編集中以外は見えなくなります。
[# ここに書かれた文字は黒塗りになり]、[# カーソルが重なったときと行の編集中以外は見えなくなります]。
code:style.css
.deco-\#{ /* 記法のキーとして#を使ったけど何でもいいと思う */
background-color: var(--page-text-color); /* 背景色をテキスト色と同じにする */
}
.line.cursor-line .deco-\#, .deco-\#:hover { /* カーソルがある行とマウスホバー時だけ背景を戻す */
background-color: inherit;
}
Cosenseに本や映画の感想を載せたいが、ぱっと見てネタバレにあたる文章を隠したいときに使う。
書きっぱなしにして、意図せず目に入ってしまう可能性を回避する。
長文になるなら他のサービスでネタバレ感想ページを作ってリンクを貼った方がよさそう。
Notionでやってみようとした。書くのが結構めんどくさい。もっと雑にやりたい。
SCP財団の記事みたい。
吾輩は猫である。名前はまだ無い。
黒塗りの部分にリンクを張ると普通に文字が出てくる。
ページ一覧のカードでは装飾が働かないので、ページの冒頭を黒塗りした場合バレバレ。
/villagepump/Settings#5f8b9999ec4fce0000a747d7 #villagepump
ここに似たようなのが既にあった。