個人網頁 revamp

到 Y 社也一年了，漸漸看不下去六年前做的個人網頁，只好犧牲空閒時間來個全面 revamp！

這次改版，為了讓 mobile device 也能方便瀏覽，用了一點 responsive design 的技巧，以 central rail 為主體，left rail 放一些方便的連結，right rail 還想不到要放什麼就先放廣告，如果畫面太小就依序把比較不重要的 right rail 和 left rail 拿掉。

UX 方面，這次也有多花一些心思去抄別人好的 practice。UI 上採用最近很熱門的卡式 UI，什麼都弄成卡片的樣子就對了。關於 search bar，如果是 chrome 的話就可以用語音輸入，其他 browser 要怎麼做到語音輸入要再研究。文章的留言，也只留下內容和名字兩個欄位，盡可能讓留言不會太麻煩。另外就是為了讓畫面簡潔，太長的部分就縮起來，想看再點開來看。

除此之外，blog 也加入 tag 的功能，不過因為太多歷史文章沒有 tag，可能還得花點時間一篇篇的補上。

再來就是分頁只留下訪客可能會有興趣的部分：blog、portfolio、about，其餘像是無聊的首頁、相簿、個人連結、以及年輕人聽都沒聽過的留言板，一概拿掉。

還有很多小細節想補強的，不過實在忍不住想先 release 出來，還請各位看官不吝多多批評指教！