DG RY; mostly done, validations pending [ci skip]
This commit is contained in:
danielgrippi
parent
4253796f55
commit
40347038f8
9 changed files with 156 additions and 5 deletions
BIN
app/assets/images/fonts/Roboto-Light.ttf
Normal file
BIN
app/assets/images/fonts/Roboto-Light.ttf
Normal file
Binary file not shown.
BIN
app/assets/images/signupimages@2x_mini.jpg
Normal file
BIN
app/assets/images/signupimages@2x_mini.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
|
|
@ -42,7 +42,7 @@ var Validation = {
|
|||
}
|
||||
};
|
||||
|
||||
$(function() {
|
||||
$("#user_username").keypress(Validation.events.usernameKeypress);
|
||||
$("#user_email").keypress(Validation.events.emailKeypress);
|
||||
});
|
||||
//$(function() {
|
||||
// $("#user_username").keypress(Validation.events.usernameKeypress);
|
||||
// $("#user_email").keypress(Validation.events.emailKeypress);
|
||||
//});
|
||||
|
|
|
|||
|
|
@ -22,4 +22,7 @@
|
|||
/* isotope */
|
||||
@import 'new_styles/isotope_transitions';
|
||||
|
||||
/* login */
|
||||
@import 'new_styles/registration';
|
||||
|
||||
@include video-overlay();
|
||||
|
|
@ -11,6 +11,12 @@
|
|||
weight : normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family : Roboto-Light;
|
||||
src : image-url('fonts/Roboto-Light.ttf');
|
||||
weight : normal;
|
||||
}
|
||||
|
||||
body, p, h1, h2, h3, h4, h5, h6, textarea, input, * {
|
||||
font-family : Roboto, Helvetica, sans-serif;
|
||||
font-weight : normal;
|
||||
|
|
|
|||
107
app/assets/stylesheets/new_styles/registration.scss
Normal file
107
app/assets/stylesheets/new_styles/registration.scss
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
#registration {
|
||||
position : absolute;
|
||||
top : 0;
|
||||
left : 0;
|
||||
background-color : #afc652;
|
||||
height : 100%;
|
||||
width : 100%;
|
||||
|
||||
color : #fff;
|
||||
|
||||
.container {
|
||||
margin-top : 100px;
|
||||
}
|
||||
|
||||
#create-something-text {
|
||||
font-family : Roboto-Light;
|
||||
font-size : 100px;
|
||||
line-height : 100px;
|
||||
}
|
||||
|
||||
#diaspora-hearts {
|
||||
font-family : Roboto-Light;
|
||||
font-size : 24px;
|
||||
margin-top : 0.2em;
|
||||
margin-bottom : 1em;
|
||||
}
|
||||
|
||||
#sign-up-text {
|
||||
font-family : Roboto-Bold;
|
||||
color : #7f9448;
|
||||
margin-bottom : 0.5em;
|
||||
}
|
||||
|
||||
#collage {
|
||||
float : left;
|
||||
width : 344px;
|
||||
height : 639px;
|
||||
margin-right : 20px;
|
||||
margin-left : 110px;
|
||||
}
|
||||
|
||||
form#user_new {
|
||||
display : inline-block;
|
||||
|
||||
fieldset {
|
||||
@include border-radius(5px);
|
||||
|
||||
-webkit-box-shadow : inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 2px rgba(255,255,255,0.7);
|
||||
|
||||
margin-bottom : 1em;
|
||||
|
||||
background-color : #fff;
|
||||
|
||||
border : 1px solid #888;
|
||||
|
||||
input[type=text],
|
||||
input[type=password] {
|
||||
@include box-shadow(0,0,0,0);
|
||||
@include border-radius(0);
|
||||
|
||||
background : transparent;
|
||||
|
||||
padding : 10px;
|
||||
|
||||
margin-bottom : 0;
|
||||
display : block;
|
||||
border : none;
|
||||
border-bottom : 1px solid #ddd;
|
||||
|
||||
&:last-child {
|
||||
border-bottom : none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
text-align : center;
|
||||
display : block;
|
||||
width : 100%;
|
||||
padding : 8px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* buttons to be extracted? */
|
||||
.new-btn {
|
||||
@include transition(box-shadow);
|
||||
@include border-radius(5px);
|
||||
@include linear-gradient(#fff, rgb(233,233,233));
|
||||
@include box-shadow(0, 1px, 2px, rgba(0,0,0,0));
|
||||
|
||||
background-color : rgb(233,233,233);
|
||||
color : #888;
|
||||
border : 1px solid #888;
|
||||
|
||||
font-size : 14px;
|
||||
text-shadow : 0 1px 2px #eee;
|
||||
|
||||
&:hover {
|
||||
@include box-shadow(0, 1px, 2px, rgba(0,0,0,0.3));
|
||||
}
|
||||
|
||||
&:active {
|
||||
box-shadow : inset 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(255,255,255,0.7);
|
||||
}
|
||||
}
|
||||
|
|
@ -61,6 +61,7 @@
|
|||
%body
|
||||
= flash_messages
|
||||
#container
|
||||
= yield
|
||||
= yield
|
||||
|
||||
|
||||
= include_chartbeat
|
||||
|
|
|
|||
34
app/views/registrations/new.html.erb
Normal file
34
app/views/registrations/new.html.erb
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<div id="registration">
|
||||
<div class="container">
|
||||
|
||||
<%= image_tag('signupimages@2x_mini.jpg', :id => "collage") %>
|
||||
|
||||
<h1 id="create-something-text">
|
||||
HEY,
|
||||
<br/>
|
||||
MAKE
|
||||
<br/>
|
||||
SOMETHING.
|
||||
</h1>
|
||||
|
||||
<h3 id="diaspora-hearts">
|
||||
<3 Diaspora*
|
||||
</h3>
|
||||
|
||||
<h4 id="sign-up-text">
|
||||
SIGN UP
|
||||
</h4>
|
||||
|
||||
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
|
||||
<fieldset>
|
||||
<%= f.text_field :email, :placeholder => "EMAIL", :title => t('registrations.new.enter_username') %>
|
||||
<%= f.text_field :username, :placeholder => "USERNAME", :title => t('registrations.new.enter_username') %>
|
||||
<%= f.password_field :password, :placeholder => "PASSWORD", :title => t('registrations.new.enter_password') %>
|
||||
<%= invite_hidden_tag(invite) %>
|
||||
</fieldset>
|
||||
|
||||
<%= f.submit "Continue", :class => "new-btn" %>
|
||||
<% end %>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in a new issue