トップページを作成

[SatooRu65536]

ヘッダー

デスクトップ

MacOSのデスクトップ風にする
左側にはロゴと"シス研"と各ページへのリンクを、
右側には充電残量と時間をリアルタイムで表示する

スマホ

左側にはロゴと"シス研"を表示、
右側にはハンバーガーメニューを表示する
ハンバーガーメニューを押すと各ページへ飛べるリンクがあるドロワーを表示する

フッター

各ページへ飛べるリンクとcopyrightを表示する

セクション

• トップ画面
  • 画像を大きく表示
• シス研について
  • シス研の説明
  • SNSのリンク
• 最近の受賞
• 最近の投稿

/public/md/top から内容を取得するようにする。
ただしmdをそのままhtmlにせず、
フォーマットを決めておき、mdをパースしてテキストを取り出して表示する。