Sample Site

About

これは、個人サイト「ななめ67°」内のコンテンツ「11tyで個人サイトを作ってみようの会」にて、解説用に静的サイトジェネレーターの11ty open_in_new で作成したサイトです。

その他使用したもの:
写真…大昔に筆者がスマホで撮影
モーダルウィンドウ表示用スクリプト…fuwaimg open_in_new
ダミー文章生成…Lorem JPsum open_in_new
アイコンフォント…Google Fonts open_in_new

こんな感じでここにサイトの説明とか注意書きとか書いておくといいですね

Gallery 1/個別ページの例

作品展示用の個別ページを作る例
個別ページを作れば以下の目次は自動で生成されます。

Gallery 2/モーダルを使用した例

モーダルウィンドウで原寸画像を表示させるタイプのギャラリーの例
1つのファイルで表示させる画像やキャプションのデータを管理するようにしています。

onsen