diff --git a/app/assets/images/sign-up-illustration-arm.png b/app/assets/images/sign-up-illustration-arm.png
new file mode 100644
index 000000000..e33432773
Binary files /dev/null and b/app/assets/images/sign-up-illustration-arm.png differ
diff --git a/app/assets/images/sign-up-illustration.png b/app/assets/images/sign-up-illustration.png
new file mode 100644
index 000000000..8399067a2
Binary files /dev/null and b/app/assets/images/sign-up-illustration.png differ
diff --git a/app/assets/images/sign-up-illustration.svg b/app/assets/images/sign-up-illustration.svg
new file mode 100644
index 000000000..d335bdeba
--- /dev/null
+++ b/app/assets/images/sign-up-illustration.svg
@@ -0,0 +1,812 @@
+
+
+
+
diff --git a/app/assets/images/sprite.svg b/app/assets/images/sprite.svg
index 461bb7c78..b150bac12 100644
--- a/app/assets/images/sprite.svg
+++ b/app/assets/images/sprite.svg
@@ -14,7 +14,7 @@
id="svg2"
version="1.1"
inkscape:version="0.48.4 r9939"
- inkscape:export-filename="/Users/saman/work_repos/openstreetmap-website/app/assets/images/sprite.png"
+ inkscape:export-filename="/Users/tmcw/src/openstreetmap-website/app/assets/images/sprite.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90"
sodipodi:docname="sprite.svg">
@@ -28,8 +28,8 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1"
- inkscape:cx="200.95282"
- inkscape:cy="275.08379"
+ inkscape:cx="205.4941"
+ inkscape:cy="191.63547"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
@@ -254,39 +254,8 @@
style="color:#000000;fill:#70cd8f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter6591-2);enable-background:accumulate" />
-
-
-
-
-
+ d="M 185 6 L 183 8 L 183 12 L 185 14 L 187 14 L 185 12 L 185 8 L 190 8 L 190 11 L 192 11 L 192 8 L 190 6 L 187 6 L 185 6 z M 192 6 L 194 8 L 194 12 L 189 12 L 189 9 L 187 9 L 187 12 L 189 14 L 194 14 L 196 12 L 196 8 L 194 6 L 192 6 z "
+ transform="translate(0,852.36218)"
+ id="path4118" />
diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index db81669d1..09ef07373 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1058,6 +1058,32 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
height: 200px;
}
+.new-user-illustration {
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ position: absolute;
+}
+
+.new-user-illustration.new-user-main {
+ height: 200px;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ background-image: image-url("sign-up-illustration.png");
+}
+
+.new-user-illustration.new-user-arm {
+ height: 110px;
+ width: 130px;
+ left: 230px;
+ top: 160px;
+ background-image: image-url("sign-up-illustration-arm.png");
+}
+
+@media only screen and (max-width:770px) {
+ .new-user-illustration.new-user-arm { display: none;}
+}
+
.wrapper {
margin-left: 184px;
border-left: 1px solid #ccc;
@@ -1113,6 +1139,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
position: relative;
padding: $lineheight;
background: $offwhite;
+ z-index: 2;
h1, h2 {
margin-bottom: $lineheight/2;
line-height: 100%;
diff --git a/app/views/user/new.html.erb b/app/views/user/new.html.erb
index dbb5d6047..3707bb070 100644
--- a/app/views/user/new.html.erb
+++ b/app/views/user/new.html.erb
@@ -1,5 +1,7 @@
<% content_for :heading do %>
<%= t 'user.new.title' %>
+
+
<% end %>
<%= form_for :user, :url => { :action => 'create' }, :html => { :class => 'signup-form-wrapper fillL col6 pad2' } do %>