暇なのでnoteをbookにしてみた

はじめに

こんにちは。
みなさん、noteは使っていますか？
情報発信やコンテンツの販売場所として今や大人気のnoteですが、
記事によっては縦読みの方がいいなと思い、適当なスクリプトを書きました。
タイトルは大げさなので、お手柔らかに、、🙏笑

TL;DR

1. noteで適当な記事を開く
2. 下記のスクリプトを実行する
3. noteがbookに！！（個人差あり）

var b_props = {
  writingMode:'vertical-rl',
  width:'1000px',
  overflowY:'scroll',
  margin:'0 -200px',
  textOrientation:'upright'
}
$('.ns-note .note-body p').css('height', '680px');
$('.ns-note .note-body img').css({'cssText': 'height: 100%!important;'});
$('.body-wrapper').css(b_props);

対象

• noteを縦読みしたい方

以上

感想

CSSってすげえ〜〜