diff --git a/Gemfile b/Gemfile index b98554cae..77cd667d9 100644 --- a/Gemfile +++ b/Gemfile @@ -5,6 +5,8 @@ gem 'rails', '3.0.1' gem 'bundler', '>= 1.0.0' gem "chef", :require => false +gem "nokogiri", "1.4.3.1" + #Security gem 'devise', '1.1.3' gem 'devise-mongo_mapper', :git => 'git://github.com/collectiveidea/devise-mongo_mapper' diff --git a/Gemfile.lock b/Gemfile.lock index b64c58475..99c54a70b 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -219,7 +219,7 @@ GEM multi_json (0.0.5) multipart-post (1.0.1) net-ldap (0.1.1) - nokogiri (1.4.4) + nokogiri (1.4.3.1) oa-basic (0.1.6) multi_json (~> 0.0.2) nokogiri (~> 1.4.2) @@ -298,7 +298,7 @@ GEM rspec-core (2.1.0) rspec-expectations (2.1.0) diff-lcs (~> 1.1.2) - rspec-instafail (0.1.3) + rspec-instafail (0.1.4) rspec-mocks (2.1.0) rspec-rails (2.1.0) rspec (~> 2.1.0) @@ -375,6 +375,7 @@ DEPENDENCIES mocha mongo_mapper! mongrel + nokogiri (= 1.4.3.1) omniauth pubsubhubbub rails (= 3.0.1) diff --git a/app/views/devise/sessions/new.html.haml b/app/views/devise/sessions/new.html.haml index 3a6a47cdc..732521ff9 100644 --- a/app/views/devise/sessions/new.html.haml +++ b/app/views/devise/sessions/new.html.haml @@ -1,34 +1,26 @@ -.span-10.append-1.last - .floating - %h3 - = t('.login') - = form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| - #user - %p.username - = f.label :username , t('username') - = f.text_field :username - %p.user_network - ="@#{APP_CONFIG[:terse_pod_url]}" +/%h1 This is a technology preview, do not provide any private information. +/%h3 your account may be deleted until we move into a more stable development period. +/%h3 USE AT YOUR OWN RISK!! - %p - = f.label :password , t('password') - = f.password_field :password - /%p - /- if devise_mapping.rememberable? - / = f.check_box :remember_me - / = f.label :remember_me , t('.remember_me') - = f.submit t('.sign_in') - - %p - = render :partial => "devise/shared/links" - %p - = link_to t('.have_a_problem'), 'http://diaspora.shapado.com/' +.span-22.prepend-1.last -.span-13.last - %h1 - This is a technology preview, do not provide any private information. - %h3 - your account may be deleted until we move into a more stable development period. - %h3 - USE AT YOUR OWN RISK!! + #landing_content + + #diaspora_description.section + %p + Share what you want, with who you want. + + #signup_field.section + = render 'shared/mail_signup_form' + + #login_field.section + already have an account? + = link_to "log in here", "#" + +.span-24.last{:style=>"text-align:center;"} + %ul#press_logos + %li= image_tag "press_logos/nyt.png" + %li= image_tag "press_logos/nymag.gif" + %li= image_tag "press_logos/mashable.jpeg" + %li= image_tag "press_logos/techcrunch.gif" diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index a3d81c164..657f0497c 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -53,17 +53,23 @@ - flash.each do |name, msg| = content_tag :div, msg, :id => "flash_#{name}" - %header + %header.landing_page .container{:style => "position:relative;"} #notification #diaspora_text - = link_to "DIASPORA", (current_user ? root_path : new_user_session_path) + = link_to "DIASPORA*", (current_user ? root_path : new_user_session_path) %span.sub_text - PREVIEW + ALPHA - - if current_user + - unless current_user + .right{:style => "top:70px;"} + %ul#landing_nav + %li= link_to "blog", "http://blog.joindiaspora.com" + %li= link_to "developers", "https://github.com/diaspora/diaspora" + %li= link_to "login", "#" + - else #global_search = form_tag(people_path, :method => 'get') do = text_field_tag 'q', nil, :placeholder => t('search'), :type => 'search', :results => 5 @@ -83,8 +89,17 @@ .span-24.last = yield - .span-24.last - = render "posts/debug" + /.span-24.last + /= render "posts/debug" + .clearfix + + %footer + .container + .brandon POWERED BY DIASPORA* + %ul#footer_nav + %li= link_to "blog", "http://blog.joindiaspora.com" + %li= link_to "developers", "https://github.com/diaspora/diaspora" + :javascript var is_ssl = ("https:" == document.location.protocol); var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/"; @@ -98,3 +113,4 @@ feedback_widget_options.color = "#222"; feedback_widget_options.style = "idea"; var feedback_widget = new GSFN.feedback_widget(feedback_widget_options); + diff --git a/app/views/shared/_mail_signup_form.erb b/app/views/shared/_mail_signup_form.erb new file mode 100644 index 000000000..86d81338d --- /dev/null +++ b/app/views/shared/_mail_signup_form.erb @@ -0,0 +1,133 @@ + + + + + + +
+
+ +
+ +
+
+
+ + +
+
+
+ + + + diff --git a/public/images/ball.png b/public/images/ball.png new file mode 100644 index 000000000..ea811fb11 Binary files /dev/null and b/public/images/ball.png differ diff --git a/public/images/press_logos/mashable.jpeg b/public/images/press_logos/mashable.jpeg new file mode 100644 index 000000000..51ef5e9e8 Binary files /dev/null and b/public/images/press_logos/mashable.jpeg differ diff --git a/public/images/press_logos/nymag.gif b/public/images/press_logos/nymag.gif new file mode 100644 index 000000000..ee3845158 Binary files /dev/null and b/public/images/press_logos/nymag.gif differ diff --git a/public/images/press_logos/nyt.png b/public/images/press_logos/nyt.png new file mode 100644 index 000000000..e2d36cd0d Binary files /dev/null and b/public/images/press_logos/nyt.png differ diff --git a/public/images/press_logos/techcrunch.gif b/public/images/press_logos/techcrunch.gif new file mode 100644 index 000000000..63bf66859 Binary files /dev/null and b/public/images/press_logos/techcrunch.gif differ diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index c79d46523..b6cf0d445 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -12,6 +12,7 @@ :style normal body + :padding 2em :margin 0 :background-color rgb(252,252,252) @@ -131,6 +132,15 @@ header :border none :color #fff + &.landing_page + :height 100px + #diaspora_text + :font + :size 40px + :text-shadow 0 2px 3px #000 + :position absolute + :top 40px + ul#user_menu :overflow hidden :white-space nowrap @@ -1613,3 +1623,185 @@ ul#request_result &.remove :color red + +footer + :margin + :top 40px + :text + :align center + :width 100% + :left 0 + :bottom 0 + :color #999 + + .container + :padding 0 + :top 2em + :border + :top 1px solid #ddd + + ul#footer_nav + :margin 0 + :padding 0 + :list + :style none + + > li + :display inline + :margin + :right 1em + a + :color #777 + :font + :weight bold + + &:hover + :color #ccc + +.brandon + :font + :family 'BrandonGrotesqueLightRegular' + :text + :transform uppercase + +ul#landing_nav + :margin 0 + :padding 0 + :list + :style none + + :font + :size 14px + + > li + :display inline + :margin + :right 0.5em + a + :color #107FC9 + + :text-shadow 0 1px 0 #000 + + +#signup_field + :margin + :top -200px + :height 46px + :padding 0 + :width 400px + :display inline + + div + :display inline + + #mce-responses + :margin + :top 12px + :font + :size 12px + :display block + :color #888 + :text-shadow 0 1px 0 #fff + + #mce-error-response + :color red + + #mce-success-response + :color green + + input[type='text'] + :top -1px + :margin 0 + :right -3px + :border-radius 5px 0 0 5px + :width 300px + + :position relative + :display inline + :padding 12px + :font + :size 18px + + #big_action_button, input[type='submit'] + :height 47px + :margin 0 + :background + :color #107FC9 + + :border-radius 0 5px 5px 0 + + :background -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,123,194)), color-stop(1, rgb(65,182,250))) + + :padding 12px + :font + :size 18px + :weight bold + :color #eee + :text-shadow 0 1px 0 #333 + + :text + :align center + + &:hover + :background -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,136,209)), color-stop(1, rgb(113,204,255))) + + &:active + +#diaspora_description + :background + :image url('../images/ball.png') + :repeat no-repeat + :position top center + + :padding + :top 250px + :margin + :top -200px + + + :font + :size 3.3em + :weight bold + :text-shadow 0 1px 3px #999 + + p + :padding 12px + :background + :color #fff + :-webkit-box-shadow 0 1px 3px #ccc + + +#login_field + :text + :align left + :font + :style italic + :margin + :top 14px + :left 500px + :color #888 + + +ul#press_logos + :margin 0 + :top 100px + :padding 0 + :list + :style none + > li + :display inline + :margin + :right 30px + + img + :height 40px + + &:last-child + :margin + :right 0 + +#landing_content + :margin + :top 100px + :text + :align center