CIST IT COMMUNITYのWebページを新たに立てる
現在の問題点
要件
作らないもの
サークルの近況
自己紹介
必要なもの
/icons/hr.icon
https://scrapbox.io/files/647b5aaa200f9f001c8b4685.png
これ以上の情報は書いてもいいが、書かなくてよいと思う
Scrapboxを上にやってもいいかもしれない
ウィジェットが無いからバランスが悪いか？
リポジトリは制作物なので、あってよいと思う
メンバーのGitHubへの接続点だ
https://scrapbox.io/files/647b712f8885f5001c291a8b.png
自分を褒めてあげる
情報が入ってこない
色がいくつもあるのがうざったい
https://scrapbox.io/files/647b73b7ea7833001b0bd902.png
TwitterとGitHubがずれている
https://scrapbox.io/files/647b74245db58c001cc64cb9.png
Scrapboxの文字色がちょっと補色に近くて痛い
スマホで見たら深刻
文字色を揃えるバージョンを試してみて
サイト名は少し太くて良い
四角形も斜めカット入れていいと思う
付箋スタイルでもいいかも
文字サイズ大きくて良い
ボックスに影を入れて
画像主体が良くない？
ボックスははみ出して画面幅全体を使う
背景
白に青線を引いて方眼紙風
ボックスの背景
白っぽくしなくてよい
白線引こう
見出しを分離
Twitterの字間が広すぎる
構造の検討
一回紙で考えてみて
Scrapbox
3つのページを紹介する
技術ページ
写真のページ
趣味ページ
ページはカードで
タイトル
サムネイル
アイコン画像を並べるやつを使う
人の手がかかっていることを示す
コミュニティらしく見せたい
カードは20°、45°、70°と傾けて配置
この数値は極端だが、とにかく何か傾ける
空白のプロポーションを考えて欲しい
Twitter
ウィジェット
GitHub
リポジトリ用のコンポーネントをつくる
https://scrapbox.io/files/647c38a4be5cc3001be84708.png
Twitterのウィジェットは説明なくそのまま置いた
GitHubをどうするかは未定
https://scrapbox.io/files/647c3f8cd88d29001ce98a6b.png
https://scrapbox.io/files/647c423f341bcd001c0663c1.png
カードはユーザーがホバーしたら白くすることにした
GitHubのテキストが不揃いなのが違和感
https://scrapbox.io/files/647c44a4924be9001b2fd46e.png
https://scrapbox.io/files/647c574ff18659001c0dffb3.png
マーカーを入れた、Scrapboxへのリンクを入れた
未来の自分が満足するかは分からない
https://scrapbox.io/files/647c5bc17f44d8001c337d28.png
外部リンクのアイコンを追加
概観する余裕がなくなったのを自覚したので、これ以上手を付けてはならない
本当に、必要なのか？
https://scrapbox.io/files/647c78abc8c9e3001c741989.png
Scrapboxの文字を立体にした
ボックスの回転をなくした
読みやすいな、これ
さっきまでのハイパーぐにゃぐにゃした画像を見ていたから
一番下のボックスずらそうか
https://scrapbox.io/files/647c7c78790bad001b6221c6.png