About
付箋ベタ貼りをテーマにしたデザインです。
<main>の中に<div> </div>を追加すると紙が増えます。
画面幅に応じて左右の列が増えますが、行ごとに上下の幅は共通なので、似たような文字数の内容を並べる記述向けです。
紙の色を変更するには、紙のdivに<div class="red" >というように色の指定を追加してください。デフォルトは白です。
- 白（指定なし）
- 赤（red）
- 青（blue）
- 黄色（yellow）
- 緑（green）
- 灰（gray）
紙のdiv内に<div class="single-tape" > </div >を一行追加すると、紙の上部にぺたっとテープが付きます。
紙のdiv内に<div class="double-tape" > </div >を一行追加すると、紙の右上・左下の２か所にテープが付きます。
もう一行追加すると、紙の角４か所にテープが付きます。４つ以上は増えません。
テープ見出し
見出しにclass="tape-h"を追加すると、見出し自体がテープ装飾になります。
一つの紙内に複数のテープ装飾を付けることはできません。
ノート的な紙
ノート的な紙です。紙の追加時に<div class="ruled-paper" > </div >と指定するとこれになります。
短文よりも、文字数の多い内容のがそれっぽい雰囲気になります。
見出し３
見出し・本文も通常通りに使えます（多分）。
見出しの連続や多用でずれます。
- リスト１
- リスト２
画像の表示
画僧はこんな感じ。
大きい画像は最大縦300pxで縮小表示されます。
画像の表示２
imgにclass="trim"を付けると、最大縦300pxでトリミングし、応じた横幅で表示します。横長すぎるなどの画像向け。