いろいろなことをテストします。自分以外にあまり存在価値なさそう。

Jekyllでスマホから長い数式を横スクロールで見れるようにする

やりかた

別にjekyllじゃなくてもいいと思うけども_scss/_highlights.scssのところに


.scroll {
  background-color: #ffffff;
  padding: 7px 7px 7px 10px;
  font-size: 12pt;
  overflow: scroll;
}

みたいにクラスを定義しておいて、該当の数式の部分を<div class="slide">とかで囲む。 スライドさせてるのはoverflow: scrollのところなので、あとは好きにいじると良いと思う。

ただ、理由は謎だけどもスマホではfont-sizeを指定しないと動かなかった。

例

下の円周率の100桁までの近似値の式はおそらくスマホで横にスクロールできるはず。

iPhoneでしか確かめてないので、Androidとかでうまく行ってなかったら教えてほしい。

$$ \pi\approx 3.1415926535 8979323846 2643383279 5028841971 6939937510 5820974944 5923078164 0628620899 8628034825 3421170679 $$

YouTubeとかのリンクを埋め込む

やり方

YouTubeの所望の動画のページを開き、共有ボタン→埋め込みを選択すると埋め込みのhtmlソースが表示される。

例

埋め込みの動画は最近聞いている曲。とてもおしゃれ。