三張相片並排的問題勉強算找到解決方法了. 結果還是得靠javascript幫手. 方法大概是這樣:
首先以後三張3:2放在一起時會特別設為200px高, 其餘照用216px. 相片間的margin縮減到4~5px.
然後利用javascript計算viewport和記事column的闊度, 然後全部相片按比例縮小.
由於要遷就舊記事所以記事column還是有最低闊度, 沿用現在的780px.

邏輯上只是把一列相片當成一條很長的panorama方塊來看, 取得每個相片個別闊度再整合成一個闊度值.
之後只要計算這個方塊的長闊比和取得記事column的當前闊度就可以得出最後的縮放比例.

如果所有相片都在同個高度的話就可以用純css的方法解決, 在我的情況這就不可能了. 除非我不再拍portrait比例...


同一時間雖然依舊完全沒點子, 但試著弄了一個網站header用的parallax效果.
網站方面其實早幾天我在紙上把所有內容列出來, 並把不再需要的都劃掉. 粗略估算大概七成的內容都會砍掉.
現階段我傾向把整個相片區砍掉, 只留一條往flickr的連結. 但也保留日後再嚴選舊照重新擺放的可能性.

之後會把小姐們的一些記錄類的二線資料砍掉吧. 但設定類的我仍然想保留, 倒是有必要進一步簡化.
最後是ABOUT區幾乎整個只砍剩兩段文字, 而且會簡化重寫.

反正我改版原意就是縮小更新規模, 這程度的簡化我覺得剛剛好.
這程序有助我估算網站成品的資訊量, 便於我決定要用何種content-flow...
好吧one page web, fullpage, horizontal scroll, vertical split 我都想試, 該用哪個好 囧