update about

6 files changed, 40 insertions, 33 deletions

diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index 511616e..03895d6 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -1,4 +1,5 @@
 //= require jquery
 //= require jquery_ujs
+//= require twitter
 //= require twitter_widgets
 //= require_tree .
diff --git a/app/assets/stylesheets/about.css.sass b/app/assets/stylesheets/about.css.sass
new file mode 100644
index 0000000..328d38f
--- /dev/null
+++ b/app/assets/stylesheets/about.css.sass
@@ -0,0 +1,8 @@
+.index
+  h1
+    :margin 200px auto 120px
+    :font-size 120px
+  p
+    :margin 30px
+    :font-size larger
+
diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass
index 8e493d0..d206737 100644
--- a/app/assets/stylesheets/application.css.sass
+++ b/app/assets/stylesheets/application.css.sass
@@ -1,4 +1,5 @@
 @import "twitter/bootstrap"
+@import "twitter/bootstrap/responsive"
 @import "tweets"
 @import "users"
 @import "sidebar"
diff --git a/app/views/about/about.html.haml b/app/views/about/about.html.haml
index d7dc685..e9ae769 100644
--- a/app/views/about/about.html.haml
+++ b/app/views/about/about.html.haml
@@ -1,9 +1,27 @@
 %p
   Twitter API の UserStreams というものを使い、登録ユーザーのお気に入り登録・自分のツイートのお気に入り登録され・リツイート・リツイートされをリアルタイムで記録し、集計して表示することができるサービスです。
 %p
+  ツイートを非公開にしている場合は自分またはフォロワーのみがツイートが見れるようになっていますので、「Favstar.FM を使いたかったけれどもツイートを非公開にしているために使えなかった」といった方でもご利用いただけます。
+%p
+  RSS フィードも提供しております。URL の末尾に .rss をつけてご利用ください。
+  %ul
+    %li= link_to "/cn/timeline.rss", "/cn/timeline.rss"
+    %li= link_to "/cn/discoveries.rss", "/cn/discoveries.rss"
+%p
+  JSON の API も提供しています。API については
+  = link_to "こちら", about_api_path
+  を参照してください。
+%p
   = link_to "@KOBA789", "https://twitter.com/KOBA789"
   さんにサーバーを借りています。ありがとうございます...！
 %p
   The MIT License
   = link_to "GitHub", "https://github.com/rhenium/aclog"
+%hr
+%p
+  %h5
+    連絡先
+  %dl
+    %dt Twitter
+    %dd= link_to "@cn", "https://twitter.com/cn"
 
diff --git a/app/views/about/index.html.haml b/app/views/about/index.html.haml
index 5b33ee1..ae346b9 100644
--- a/app/views/about/index.html.haml
+++ b/app/views/about/index.html.haml
@@ -1,32 +1,10 @@
-%h1 aclog
-- if Rails.env.development?
-  %h1.text-error !!!DEVELOPMENT!!!
-%p
-  aclog は Twitter でのふぁぼ・RTを集めて表示するサービスです
-%p
-  鍵垢の場合は自分またはフォロワーのみがツイートが見れるようになっています。
-%p
-  JSON の API も提供しています。API については
-  = link_to "こちら", about_api_path
-  を参照してください。
-%p
-  RSS にも対応しています。例:
-  %ul
-    %li= link_to "/cn/timeline.rss", "/cn/timeline.rss"
-    %li= link_to "/cn/discoveries.rss", "/cn/discoveries.rss"
-%h4
-  今後の予定(2013/05/20)
-%ul
-  %li 通知を細かく設定できるように
-  %li ふぁぼったー・Favstar などからのデータの取り込み
-%p
-  = link_to "ツイート", "https://twitter.com/share", class: "twitter-share-button", data: {text: "ふぁぼられ収集サービス aclog", count: "none", url: "http://aclog.koba789.com"}
-%hr
-%h5
-  連絡先
-%dl
-  %dt Twitter
-  %dd= link_to "@cn", "https://twitter.com/cn"
-  %dt メール(あんまり見ていません)
-  %dd= mail_to "contact@re4k.info"
+.index.text-center
+  %h1
+    aclog
+    - if Rails.env.development?
+      %span.text-error (dev)
+  %p
+    is a clone service of Favstar.
+  %p
+    = link_to "Tweet", "https://twitter.com/share", class: "twitter-share-button", data: {text: "aclog - Twitter ふぁぼられ収集サービス", count: "none", url: "http://aclog.koba789.com/"}
 
diff --git a/app/views/layouts/_base.html.haml b/app/views/layouts/_base.html.haml
index ea416f9..e3c1988 100644
--- a/app/views/layouts/_base.html.haml
+++ b/app/views/layouts/_base.html.haml
@@ -2,9 +2,10 @@
 %html{xmlns: "http://www.w3.org/1999/xhtml"}
   %head
     %title= title
-    = stylesheet_link_tag "application"
-    = javascript_include_tag "twitter"
+    = stylesheet_link_tag "application", media: "all"
+    = stylesheet_link_tag params[:controller]
     = javascript_include_tag "application"
+    %meta{name: "viewport", content: "width=device-width, initial-scale=1.0"}
   %body
     .navbar.navbar-static-top
       .navbar-inner