Hackfoldr 2.0

最後編輯:2016-10-05 建立:2014-07-28 歷史紀錄

 

ET B緣由

想 fork 一個內建 moztw 常用連結的 hackfoldr 用來整理 mozilla 台灣社群的文件,結果一開始動手就忍不住想改介面,又因為看不懂村長的 livescript,只好放棄 fork,開一個新的 repo 全部重寫 www

 

可能的用途

  • 整理網路上的資料
  • 和朋友或工作夥伴分享書籤
  • 改造動線難用但內容優質的網站
  • fork 後改放成靜態資料,變成個人網站

 

目前成果

 

    ET Bfeedback

ET B可寫在這,也可直接上 github 開 issue https://github.com/hackfoldr/hackfoldr-2.0/issues

 

  • PETER C(mobile) Hackpad 頭上有東西,而螢幕寬度的時候會擠到搜尋框 (好像無解?) http://i.imgur.com/kns8hJu.png
    • ET B發現好像是 RWD 沒寫好 XD 設了 viewport 以後似乎有改善
  • CARL S.travis.yml 裡面的 env->global->secure 需要改嗎?這邊看不太懂,只知道是加密後的字串。
    • ET B啊,那個應該要改,可上 irc 問 Lee1092,感謝回報,說明文件要補強一下 >"< 那是把 master 自動 deploy 到 gh-pages 用的,如果你沒有要用 master 改東西,也可以直接全部都在 gh-pages 上操作,這樣就不用管 travis 幹嘛了 XD
    • CARL S我需要從 master 自動 deploy 到 gh-pages XD 我上 IRC 問一下好了,有機會的話我再看是否幫忙更新文件。
    • 請問是在 g0v 的 channel 嗎?
    • ET Byes, freenode 的 #g0v.tw,剛改了一下文件結構,架站的部分在這 XD http://hack.etblue.tw/welcome-to-hackfoldr/G7idRJqbG3I 歡迎補完 lol

 

    ET Bto-dos

 

ET Bmoztw version

repo at https://github.com/moztw/hackfoldr-moztw

  • CNAME
  • shortcuts menu for moztw
  • add new pad to mopad or moztw.hackpad.com by default (instead of g0v)

 

 

emergent

 

 

bug fix

  • hackpad url - problem
  • fixed by smart collapse
    • chrome 底下 sidebar collapse 後再 expand 回來時 icon 會歪掉
    • sidebar 出現垂直捲軸時,collapse 後鉛筆 icon 會偏左

 

hackfoldr 1.0 feature

    ui

  • responsive design
  • when a menu link is selected, apply active class
  • when a level 2 menu link is selected, expand parent folder
  • while kktix, facebook, github... etc., auto target: _blank
  • display different icons depending to link url type (not favicon, though)
  • open shortcut menu links in iframe

    content

  • support google spreadsheets
  • dynamic html head title
  • make edit button link to correct ethercalc sheet by tkalu++
  • setup default folder
    • add about.html or welcome page -> using hackpad
    • redirect homepage to about.html or welcome page or sandbox

 

hackfoldr 2.0 feature

    ui

  • 明顯且夠大好按的的展開 / 收合按鈕
  • 可直接在 iframe 內編輯 ethercalc,不用另開分頁
  • 放大鏡:單獨縮放 iframe 的內容,但導覽列不會跟著放大
  • save zoom in preference in local storage
  • while kktix, facebook, github... etc., auto new window icon
  • history jumping feature via html5 local storage
  • auto new tab icon while target: _blank
  • go back to foldr home url via clicking on foldr title
  • customize icons, icons, icons!
  • flickr 網址預設 blank
  • 收集:不允許內嵌 iframe 的大站列表

    content

  • enable /edit path
  • complete nav bar menu
    • g0v version
    • moztw version

    performance

  • while foldr jumping, reload etherclac data instead of reload the whole page

 

advanced (hard to implement) features

  • manually create and add new hackpad
    • https://hackpad.com/Legacy-API-Documentation-AWDGdlYpQto#:h=Create-a-Pad
    • https://hackpad.com/Hackpad-API-v1.0-k9bpcEeOo2Q#:h=Create-a-New-Pad
    • ui design
    • js
  • drag and drop to reorder
  • easy white label setup for ngo / other communities