特定の外部project linkのproject nameを削るUserCSS
project nameが長ったらしくてうざいときに使う
注：事前に決めたprojectしか消せない
例：/takker/特定の外部project linkのproject nameを削るUserCSSの
/takker/ を消すtakker.css.line:not(.cursor-line) a.page-link[href^="/takker/"]:not([href="/takker/"]):not([rel="route"]) {
.char-index {
display: none;
}
.char-index:nth-child(8) ~ .char-index {
display: inherit;
}
}他のprojectで使いたい場合は、
takker を消したいproject nameに、 8 をproject nameの文字数+2に変える作成動機
/takker/2024-03-05 振り返りのこの辺をご覧ください
2 hop linkを無効にするために外部Project Linkを使っている
テンプレート中に入れてあるリンク
これらを普通のリンクにすると、すべての振り返りページがつながってしまい、使い勝手がよろしくなくなる
代償として
/takker/ が毎回ついてやや長い自分のプロジェクトだったら朝に見るページに横長のアイコン画像を入れることでも対応可能かもしれない
アイコン記法を片方向リンクとして使うデメリットがあんまり好きじゃない(ページ先cons参照)
把握
/takker/ 程度であればまだいいが、 /secret-villagepump/ なんてprojectになると長ったらしくてしょうがない具体的な事例を挙げると、/tus-alpine-privateでコピペ用山行チェックリストを作ろうと思った
チェック項目の説明をリンク先に逃がしたいが、普通にリンクするとつながってしまう
一方で外部project linkにすると、
/tus-alpine-private/ という情報量のない文字列が大量に並んで使いづらくなってしまうということで、見た目をスッキリさせた
拡張してみよう！(読者の課題)
例：下線を入れて、外部project linkだとわかるようにする