diff --git a/app/views/tokens/show.html.haml b/app/views/tokens/show.html.haml index c3070fae6..7add09dca 100644 --- a/app/views/tokens/show.html.haml +++ b/app/views/tokens/show.html.haml @@ -13,55 +13,33 @@ %hr -.span-24{:style => "text-align:center;"} - = image_tag '/images/cubbies_screenshot.png', :width => 600, :height => 452 +.cubbies_infographic.span-24{:style => "text-align:left;position:relative;"} + = image_tag '/images/cubbies_screenshot2.png', :height => 452, :class => "cubbies_screenshot" + = image_tag '/images/cubbies_collage.png', :class => "cubbies_collage" -.span-18.prepend-3.append-3.last{:style => "text-align:center;"} +.span-24.last{:style => "text-align:right;"} %p.subtle != t('.screenshot_explanation', :link1 => link_to(t('.typical_userpage'), "http://cubbi.es/daniel"), :link2 => link_to(t('.daniels_account'), "https://joindiaspora.com/people/29")) + %br %hr -/%p.subtle -/ Cubbi.es allows you to collect images from all across the internet and keep them in one place (your cubby) in a simple and intuative way. Hooking up your Diaspora account with Cubbi.es means the images you collect will automatically be shared on Diaspora.* - %br .span-24.last %h2 = t('.making_the_connection') %br - %br -.span-20.append-2.prepend-2.last - .span-8 - = image_tag '/images/cubbies_settings.png', :width => 238, :height => 248, :class => "cubbies-settings-image" +.span-24.last + .span-10 + = image_tag '/images/connect_services.png', :class => "cubbies-settings-image" %div.subtle != t('.via', :link => link_to('http://cubbi.es/users/edit', 'http://cubbi.es/users/edit')) + .span-12.last %h3 - = t('.connecting_is_simple') + != t('.connecting_is_simple', :diaspora_id => current_user.diaspora_handle, :href_link => 'http://cubbi.es/users/edit') %p.subtle - = t('.were_working_hard') - - %br - - .span-11.cubbies-credentials - .span-4 - %h5 - = t('.your_diaspora_handle') - .span-6 - %h2 - = current_user.diaspora_handle - .span-4 - %h5 - = t('.your_diaspora_token') - - .span-6 - - if current_user.authentication_token - %h2 - = current_user.authentication_token - - else - = form_tag(token_path) do - = submit_tag t('.generate_a_token') + = t('.log_in_with_diaspora_is_comming') diff --git a/config/locales/diaspora/en.yml b/config/locales/diaspora/en.yml index dc7dd9b5d..57586a2df 100644 --- a/config/locales/diaspora/en.yml +++ b/config/locales/diaspora/en.yml @@ -704,11 +704,8 @@ en: typical_userpage: "A typical cubbi.es userpage" daniels_account: "Daniel's Diaspora account" making_the_connection: "Making the Connection" - connecting_is_simple: "Connecting your Diaspora account is as simple as filling out two fields on your Cubbi.es account page." - were_working_hard: "We're working hard on delivering easy connectivity between Diaspora pods and applications. In the meantime, connecting you Diaspora account with Cubbi.es means copying and pasting two fields." - your_diaspora_handle: "Your Diaspora ID:" - your_diaspora_token: "Your Diaspora Token:" - generate_a_token: "Generate a token" + connecting_is_simple: "Connecting your Diaspora account is simple! Just enter your Diaspora ID (%{diaspora_id}) from your cubbies settings page and hit connect." + log_in_with_diaspora_is_comming: "Pretty soon, you'll be able to connect to a new application without creating an account separate from your one on Diaspora." via: "(via %{link})" authorizations: diff --git a/public/images/connect_services.png b/public/images/connect_services.png new file mode 100644 index 000000000..4f0cb84a8 Binary files /dev/null and b/public/images/connect_services.png differ diff --git a/public/images/cubbies_collage.png b/public/images/cubbies_collage.png new file mode 100644 index 000000000..67d36caeb Binary files /dev/null and b/public/images/cubbies_collage.png differ diff --git a/public/images/cubbies_screenshot2.png b/public/images/cubbies_screenshot2.png new file mode 100644 index 000000000..d8347fc6c Binary files /dev/null and b/public/images/cubbies_screenshot2.png differ diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index aec2a7f69..0182bf439 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -2710,11 +2710,6 @@ h1.tag :bottom 12px :vertical-align top -.cubbies-credentials - :background - :color #eee - :padding 15px - .cubbies-settings-image @include box-shadow(3px, 3px, 15px, #333) :margin @@ -3047,3 +3042,19 @@ ul.left_nav :left 0px :padding :bottom 10px + +.cubbies_collage + :position absolute + :right 50px + :top -50px + :z-index -1 + +.cubbies_screenshot + :position absolute + :right -20px + :z-index 1 + +.cubbies_infographic + :height 450px + :margin + :top 30px