日付計算SVG
from オンライン日付計算
https:// idy.herokuapp.com/dcs/
これをsvgにできると良さそう
できた
deadlinetimer.com みたいなのをScrapboxに埋め込みたかった
完成して嬉しい
期日が近いと色が変わる実装があっても良さそう
当日は黄色にした
10/10 ではレイアウトが崩れるようです
ちょっと小さくしてみました
あと、西暦10000年問題に対応していないようです。これは仕様ですか？
[https://idy.vercel.app/dcs/10000/1/1#.svg] げ！そうかも
datetime.MAXYEARが9999と決まってますね
なるほど
日付計算SVG を UserScriptのPageMenuのアイコンにしてみました
横幅に合わせて画像が縮小されるので、表示が非常に小さくなった
特に上の年月日が読みづらい
下の日数は普通に読むことができる
なので、画像を正方形に近くして、レイアウトを工夫して文字を大きくすれば実用的に使えそうです
ちょっと調整してみます！
うちの環境では「年」の字のところが改行されています
日付の文字が大きすぎるように思います
一番大事な情報である「あと何日」という所を一番目立つようにしたらよいと思います
配色、何がいいですかね
別に不要か
どういうスパンで色分けしたら良さそうか
(10年、5年、3年、1年、6ヶ月、3ヶ月、1ヶ月、2週間、1週間、3〜1日)とか？
色指定がある場合のみ色分けを無視、とか
script.jsscrapbox.PageMenu.addMenu({
title: '日付カウントダウン',
/* 日付計算SVG の画像を貼る */
image: 'https://idy.herokuapp.com/dcs/2021/6/10#.svg'
})
/* 下位のメニューには ToDo とか */
scrapbox.PageMenu('日付カウントダウン').addItem({
title: () => "Todo",
onClick: () =>
location=`https://scrapbox.io/villagepump/ToDo`
})
/* とりあえず書くページとか */
scrapbox.PageMenu('日付カウントダウン').addItem({
title: () => "inbox",
onClick: () =>
location=`https://scrapbox.io/villagepump/inbox`
})
/* 懸案事項 とかを入れる */
scrapbox.PageMenu('日付カウントダウン').addItem({
title: () => "pending",
onClick: () =>
location=`https://scrapbox.io/villagepump/pending`
})2021/7/1 ダークモードに対応
記念日をSVGにするだけの奴を作ってた
WEBアプリ作るのが楽しくなってよくわからないこういうのを作った
ルンバの誕生日
記念日のほうに干支はいらない気がするｗ
とある芸人の誕生日
年齢は変わっていくから、井戸端の干支比とると面白そう