これは、個人サイト「ななめ67°」内のコンテンツ「11tyで個人サイトを作ってみようの会」にて、解説用に静的サイトジェネレーターの11ty open_in_new で作成したサイトです。
その他使用したもの:
写真…大昔に筆者がスマホで撮影
モーダルウィンドウ表示用スクリプト…fuwaimg
open_in_new
ダミー文章生成…Lorem JPsum
open_in_new
アイコンフォント…Google Fonts
open_in_new
こんな感じでここにサイトの説明とか注意書きとか書いておくといいですね
作品展示用の個別ページを作る例
個別ページを作れば以下の目次は自動で生成されます。
モーダルウィンドウで原寸画像を表示させるタイプのギャラリーの例
1つのファイルで表示させる画像やキャプションのデータを管理するようにしています。