cleaned login page resources
This commit is contained in:
parent
bb30b69685
commit
1c2bfa64a1
7 changed files with 67 additions and 74 deletions
|
|
@ -1,14 +1,11 @@
|
||||||
= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f|
|
= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f|
|
||||||
|
|
||||||
#user
|
#user
|
||||||
|
|
||||||
%p.username
|
%p.username
|
||||||
= f.label :username
|
= f.label :username
|
||||||
= f.text_field :username
|
= f.text_field :username
|
||||||
%p.user_network
|
%p.user_network
|
||||||
="@#{request.host}"
|
="@#{request.host}"
|
||||||
|
|
||||||
|
|
||||||
%p
|
%p
|
||||||
= f.label :password
|
= f.label :password
|
||||||
= f.password_field :password
|
= f.password_field :password
|
||||||
|
|
|
||||||
|
|
@ -2,20 +2,19 @@
|
||||||
%html
|
%html
|
||||||
%head
|
%head
|
||||||
%title
|
%title
|
||||||
= "diaspora"
|
DIASPORA | login
|
||||||
%meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/
|
%meta{"http-equiv"=>"Content-Type", :content=>"text/html; charset=utf-8"}/
|
||||||
%meta{"http-equiv"=> "X-UA-Compatible", :content =>"chrome=1" }
|
%meta{"http-equiv"=> "X-UA-Compatible", :content =>"chrome=1" }
|
||||||
|
|
||||||
= stylesheet_link_tag "blueprint/screen", :media => 'screen'
|
|
||||||
= stylesheet_link_tag "sessions"
|
= stylesheet_link_tag "sessions"
|
||||||
/= javascript_include_tag"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
|
/= javascript_include_tag"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
|
||||||
= javascript_include_tag 'jquery142', 'google'
|
= javascript_include_tag 'jquery142', 'google'
|
||||||
= javascript_include_tag 'jquery.infieldlabel'
|
= javascript_include_tag 'jquery.infieldlabel'
|
||||||
= javascript_include_tag 'session_wall.js'
|
|
||||||
|
|
||||||
:javascript
|
:javascript
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$("#user_email").focus();
|
$("#user_username").focus();
|
||||||
|
$("label").inFieldLabels();
|
||||||
});
|
});
|
||||||
|
|
||||||
= csrf_meta_tag
|
= csrf_meta_tag
|
||||||
|
|
@ -44,7 +43,7 @@
|
||||||
- flash.each do |name, msg|
|
- flash.each do |name, msg|
|
||||||
= content_tag :div, msg, :id => "flash_#{name}"
|
= content_tag :div, msg, :id => "flash_#{name}"
|
||||||
%div#huge_text
|
%div#huge_text
|
||||||
diaspora
|
DIASPORA*
|
||||||
= yield
|
= yield
|
||||||
|
|
||||||
/= link_to "signup", "/signup"
|
/= link_to "signup", "/signup"
|
||||||
|
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
|
|
||||||
$(document).ready(function(){
|
|
||||||
$("label").inFieldLabels();
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
@ -1,11 +1,10 @@
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
|
||||||
$('.comment_set').each(function(index) {
|
$('.comment_set').each(function(index) {
|
||||||
var $this = $(this);
|
var $this = $(this);
|
||||||
if($this.children().length > 1) {
|
if($this.children().length > 1) {
|
||||||
var show_comments_toggle = $this.parent().prev().children(".show_post_comments");
|
var show_comments_toggle = $this.parent().prev().children(".show_post_comments");
|
||||||
show_comments_toggle.click();
|
show_comments_toggle.click();
|
||||||
};
|
}
|
||||||
});
|
});
|
||||||
});//end document ready
|
});//end document ready
|
||||||
|
|
||||||
|
|
@ -19,12 +18,15 @@ $("#stream li").live('mouseout',function() {
|
||||||
|
|
||||||
$(".show_post_comments").live('click', function(event) {
|
$(".show_post_comments").live('click', function(event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
if( $(this).hasClass( "visible")) {
|
|
||||||
$(this).html($(this).html().replace("hide", "show"));
|
var $this = $(this);
|
||||||
$(this).closest("li").children(".content").children(".comments").fadeOut(100);
|
|
||||||
|
if( $this.hasClass( "visible")) {
|
||||||
|
$this.html($(this).html().replace("hide", "show"));
|
||||||
|
$this.closest("li").children(".content").children(".comments").fadeOut(100);
|
||||||
} else {
|
} else {
|
||||||
$(this).html($(this).html().replace("show", "hide"));
|
$this.html($(this).html().replace("show", "hide"));
|
||||||
$(this).closest("li").children(".content").children(".comments").fadeIn(100);
|
$this.closest("li").children(".content").children(".comments").fadeIn(100);
|
||||||
}
|
}
|
||||||
$(this).toggleClass( "visible" );
|
$(this).toggleClass( "visible" );
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -1,28 +1,37 @@
|
||||||
body
|
@font-face
|
||||||
:padding 2em
|
:font-family 'BrandonGrotesqueLightRegular'
|
||||||
|
:src url('brandongrotesque_light/Brandon_light-webfont.eot')
|
||||||
|
:src local('☺'), url('brandongrotesque_light/Brandon_light-webfont.woff') format('woff'), url('brandongrotesque_light/Brandon_light-webfont.ttf') format('truetype'), url('brandongrotesque_light/Brandon_light-webfont.svg#webfont') format('svg')
|
||||||
|
font
|
||||||
|
:weight normal
|
||||||
|
:style normal
|
||||||
|
|
||||||
|
|
||||||
|
html /* via blueprint */
|
||||||
|
:font
|
||||||
|
:size 100.01%
|
||||||
|
|
||||||
|
body /* via blueprint */
|
||||||
|
:font
|
||||||
|
:size 75%
|
||||||
|
:family "Helvetica Neue", Arial, Helvetica, sans-serif
|
||||||
|
:color #222
|
||||||
|
:background #fff
|
||||||
|
|
||||||
|
:margin
|
||||||
|
:left 2em
|
||||||
|
|
||||||
#huge_text
|
#huge_text
|
||||||
:display inline block
|
|
||||||
:font
|
:font
|
||||||
:size 40px
|
:size 40px
|
||||||
:weight bold
|
:family 'BrandonGrotesqueLightRegular'
|
||||||
:line-height 120px
|
:line-height 120px
|
||||||
:letter
|
:color #333
|
||||||
:spacing -2px
|
|
||||||
:color #eaeaea
|
|
||||||
:text-shadow 0 1px 1px #999
|
:text-shadow 0 1px 1px #999
|
||||||
|
|
||||||
span
|
|
||||||
:display inline
|
|
||||||
:color #666
|
|
||||||
|
|
||||||
input
|
input
|
||||||
:font
|
:font
|
||||||
:size 30px
|
:size 14px
|
||||||
:width 200px
|
|
||||||
:margin
|
|
||||||
:bottom 0
|
|
||||||
:top 0
|
|
||||||
|
|
||||||
form p
|
form p
|
||||||
:position relative
|
:position relative
|
||||||
|
|
@ -31,8 +40,9 @@ form p
|
||||||
label
|
label
|
||||||
:color #999
|
:color #999
|
||||||
:position absolute
|
:position absolute
|
||||||
:top 3px
|
:padding
|
||||||
:left 0.48em
|
:top 7px
|
||||||
|
:left 8px
|
||||||
:font
|
:font
|
||||||
:size 14px
|
:size 14px
|
||||||
:weight normal
|
:weight normal
|
||||||
|
|
@ -40,18 +50,10 @@ label
|
||||||
input[type='text'],
|
input[type='text'],
|
||||||
input[type='password']
|
input[type='password']
|
||||||
:font
|
:font
|
||||||
:family 'lucida grande', 'sans-serif'
|
:family "Helvetica Neue", Arial, Helvetica, sans-serif
|
||||||
:size 14px
|
|
||||||
:padding 0.3em
|
:padding 0.3em
|
||||||
:display block
|
|
||||||
:width 395px
|
:width 395px
|
||||||
:box-shadow 0 2px 0px #fff
|
|
||||||
:-webkit-box-shadow 0 2px 0px #fff
|
|
||||||
:-moz-box-shadow 0 2px 0px #fff
|
|
||||||
:border-top 1px solid #999
|
:border-top 1px solid #999
|
||||||
:height auto
|
|
||||||
:border-radius 3px
|
|
||||||
:-moz-border-radius 3px
|
|
||||||
|
|
||||||
#user
|
#user
|
||||||
:display inline
|
:display inline
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,30 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: "BrandonGrotesqueLightRegular";
|
||||||
|
src: url("brandongrotesque_light/Brandon_light-webfont.eot");
|
||||||
|
src: local("☺"), url("brandongrotesque_light/Brandon_light-webfont.woff") format("woff"), url("brandongrotesque_light/Brandon_light-webfont.ttf") format("truetype"), url("brandongrotesque_light/Brandon_light-webfont.svg#webfont") format("svg");
|
||||||
|
font {
|
||||||
|
weight: normal;
|
||||||
|
style: normal; } }
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 100.01%; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
padding: 2em; }
|
font-size: 75%;
|
||||||
|
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
color: #222222;
|
||||||
|
background: white;
|
||||||
|
margin-left: 2em; }
|
||||||
|
|
||||||
#huge_text {
|
#huge_text {
|
||||||
display: inline block;
|
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
font-weight: bold;
|
font-family: "BrandonGrotesqueLightRegular";
|
||||||
line-height: 120px;
|
line-height: 120px;
|
||||||
letter-spacing: -2px;
|
color: #333333;
|
||||||
color: #eaeaea;
|
|
||||||
text-shadow: 0 1px 1px #999999; }
|
text-shadow: 0 1px 1px #999999; }
|
||||||
#huge_text span {
|
|
||||||
display: inline;
|
|
||||||
color: #666666; }
|
|
||||||
|
|
||||||
input {
|
input {
|
||||||
font-size: 30px;
|
font-size: 14px; }
|
||||||
width: 200px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-top: 0; }
|
|
||||||
|
|
||||||
form p {
|
form p {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -26,25 +33,17 @@ form p {
|
||||||
label {
|
label {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 3px;
|
padding-top: 7px;
|
||||||
left: 0.48em;
|
left: 8px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: normal; }
|
font-weight: normal; }
|
||||||
|
|
||||||
input[type='text'],
|
input[type='text'],
|
||||||
input[type='password'] {
|
input[type='password'] {
|
||||||
font-family: "lucida grande", "sans-serif";
|
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
font-size: 14px;
|
|
||||||
padding: 0.3em;
|
padding: 0.3em;
|
||||||
display: block;
|
|
||||||
width: 395px;
|
width: 395px;
|
||||||
box-shadow: 0 2px 0px white;
|
border-top: 1px solid #999999; }
|
||||||
-webkit-box-shadow: 0 2px 0px white;
|
|
||||||
-moz-box-shadow: 0 2px 0px white;
|
|
||||||
border-top: 1px solid #999999;
|
|
||||||
height: auto;
|
|
||||||
border-radius: 3px;
|
|
||||||
-moz-border-radius: 3px; }
|
|
||||||
|
|
||||||
#user {
|
#user {
|
||||||
display: inline;
|
display: inline;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue