github style ABOUT pages

[happypeter]

github style ABOUT pages

[luckyyang]

@happypeter 我觉得主题颜色选为绿色系比较好，我查了下颜色心理学，说绿色可以让人情绪稳定，效率高。

[luckyyang]

为啥我的icon-不显示呢？

<div class="container-fluid">
  <section class="row-fluid">
    <aside class="span2" style="position:fixed;">
      <ul class="nav nav-pills nav-stacked">
        <li class="<%= request.path == "/about"? "active about":"about" %>"><a href="/about"><i class="icon-book"></i>About</a></li>
        <li class="<%= request.path == "/about/team"? "active team":"team" %>"><a href="/about/team"><i class="icon-user"></i>Team</a></li>
        <li class="<%= request.path == "/about/work"? "active work":"work" %>"><a href="/about/work"><i class="icon-map-marker"></i>Work</a></li>
      </ul>
      <h3>Contact</h3>
      <p>We'd be glad to hear from you, if you have anything to say, you can email the site admin</p>
    </aside>

  </section>
</div>  

[happypeter]

@luckyyang 绿色还是很清爽的，可以弄个“深绿，浅绿，中绿，深灰，浅灰，中灰”的试试，参照 https://vplayer.net/

其他细节，如页面布局，评论框具体样式等等，可以参考 github 网站本身啊。因为 github 是个功能极为丰富的网站，很多我们自己想实现的细节在这里都可以找到参考。

所以我们的目标：github + 我们的颜色主题

[happypeter]

@luckyyang icon 这部分我也不太熟悉。

[luckyyang]

http://mudcu.be/sphere/
左上角有个度数，我调到125,感觉还不错，之后应用到网站上看看

[happypeter]

哈哈，我正想找这个呐，太有用了。
On Sun, Jan 20, 2013 at 4:15 PM, Liujiyang [email protected] wrote:

http://mudcu.be/sphere/

Regards
Peter

happycasts. http://happypeter.github.com/index.htmlnet

[luckyyang]

三组HSL：

1. 125, 73, 42
2. 125, 66, 42
3. 125, 60, 42

[luckyyang]

我找了一些，不过还是 http://mudcu.be/sphere/ 感觉最好，因为可以快速的选出一组你要的颜色，而且看着还挺像回事的

http://jandan.net/2007/05/08/absolutely-huge-list-of-color-related-sites.html
http://paranimage.com/10-best-of-color-tools/

[happypeter]

HSL 这种颜色格式确实很人性化。

On Sun, Jan 20, 2013 at 4:28 PM, Liujiyang [email protected] wrote:

我找了一些，不过还是 http://mudcu.be/sphere/感觉最好，因为可以快速的选出一组你要的颜色，而且看着还挺像回事的

http://jandan.net/2007/05/08/absolutely-huge-list-of-color-related-sites.html
http://paranimage.com/10-best-of-color-tools/

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/48#issuecomment-12467594.

Regards
Peter

happycasts. http://happypeter.github.com/index.htmlnet

[luckyyang]

我做了一些效果出来，要是用的话可以直接选一些出来：

[luckyyang]

渐变色中添加深色，可以通过通过增加S，减少L的方法实现

[luckyyang]

less tutorial:
http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-never-type-a-vendor-prefix-again/

[perfectfoolish]

产品与使用环境的设计 引用微博上的一条评论 “另外不知老罗是否知道魅族的后盖为什么只有那几种颜色？当你的手机用久了 你就会发现只有那几种颜色才能保证其依然光洁如新，这就是工业设计上非常重要的产品与使用环境的设计，这不是一般业余选手能掌握的。“

[luckyyang]

产品与使用环境的设计...
是在骂老罗还是说我们的网站？

[luckyyang]

@happypeter 我现在建了一个分支about_page，push上来了，但是如何给自己发pull request，然后把about_page分支merge过来？

[happypeter]

@luckyyang PR 不是给某个人发的，是给项目发的。比如你发出的 PR，你和我两个人都有权去处理。

同一项目不同分支之间对比，就可以得到这里需要的 PR。和一个 fork 上的一个分支与上游 repo 的 master 分支对比出 PR，都是一个道理，本质上都是两个 branch 再做对比。

[luckyyang]

我现在有写权限，开发的流程就是这样了吧：

1. 新建一个分支work_branch，修改
2. 修改后，commit
3. git rebase origin/master
4. git checkout master; git merge work_branch;
5. git push

就不用发pull request了，因为我不用fork了。直接clone下来这个repo就行了。

[happypeter]

@luckyyang 这样是错误的，因为中间少了讨论的过程，最终少了对这个 feature 修改过程的备案，所以你的这种开发流程只适合单人项目开发。

正确的流程是这样：

1. 首先 clone 一个可读可写的 onestep repo，注意这不是一个 fork
2. 在你本地的 repo 中，新建 work_branch 分支，然后 commit
3. 在 work_branch 分支之上 git push origin work_branch, 这样 github 上的 repo，也有了一个 work_branch 分支
4. 你登陆到 github, 对比 master 和 work_branch 两个分支，发出 Pull Request
5. 我看到这个 PR，跟你略作讨论
6. 最后一步由你或我，把 work_branch merge 到 master 之上。

[luckyyang]

@asmcos
何老师，

需要你的一张大头贴，放到我们网站的about/team中。

[asmcos]

http://www.jeapedu.com/index.php?m=content&c=index&a=show&catid=7&id=7截获这张行吗？  ------------------ Original ------------------From: "Liujiyang"; Date: 2013年1月28日(星期一) 下午3:16To: "happypeter/onestep"; Cc: "asmcos"; Subject: Re: [onestep] github style ABOUT pages (#48) @asmcos
何老师，

需要你的一张大头贴，放到我们网站的about/team中。

          —
          Reply to this email directly or view it on GitHub.

[luckyyang]

好

[happypeter]

@luckyyang 咱们在具体每个 issue 中讨论的很有普适意义的内容，可以总结到 wiki 之中。比如这里可能就能总结成一个标题为 "选色技巧“ 的 wiki

wiki 我觉得大概可以分两类：

1. 一种是硬性纲领性的，例如 coding style，css guideline, URL 结构
2. 另一中是技巧总结性，例如 ”代码贡献流程“，”video player 技巧总结"

[happypeter]

一些 about 页面的改进意见：

1. http://www.hpcasts.com/about 的图标风格和全站不符，另外就是 icon 本身要起说明作用，要有一定的意义。
   该页面的分块思考是很有价值的，但是每块的背景为暗色（用 .well) 感觉和其他页面不一致
2. http://www.hpcasts.com/about/team 风格很好，可以继续保留

[happypeter]

建议这个 issue 可以关闭了，一方面 about 部分就此时此刻而言已经相对完美，作为 beta 上线我个人认为已经没问题；另一方面这个讨论也太长了，以后再有 about 相关讨论可以再开新贴。

这部分主要由 @luckyyang 负责，所以是否要关闭由他本人定夺。

[luckyyang]

恩，关闭。我现在在弄主页的tag cloud。