From: Hidde Wieringa Date: Tue, 14 May 2024 17:49:35 +0000 (+0200) Subject: Replace sign up and terms illustrations with SVG X-Git-Tag: live~408^2~1 X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/4aef6e9f17561900b8cdf14ae85ce45dc86512b8?ds=sidebyside;hp=-c Replace sign up and terms illustrations with SVG remove app/assets/images/confirm-illustration.png confirm illustration align illustrations minimize illustrations Add original design files in assets --- 4aef6e9f17561900b8cdf14ae85ce45dc86512b8 diff --git a/app/assets/images/confirm-illustration.png b/app/assets/images/confirm-illustration.png deleted file mode 100644 index 08a954a45..000000000 Binary files a/app/assets/images/confirm-illustration.png and /dev/null differ diff --git a/app/assets/images/confirm-illustration.svg b/app/assets/images/confirm-illustration.svg index 9bb5715b8..999ac6c16 100644 --- a/app/assets/images/confirm-illustration.svg +++ b/app/assets/images/confirm-illustration.svg @@ -1,1255 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010000011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 - - + diff --git a/app/assets/images/sign-up-illustration.png b/app/assets/images/sign-up-illustration.png deleted file mode 100644 index e785ec602..000000000 Binary files a/app/assets/images/sign-up-illustration.png and /dev/null differ diff --git a/app/assets/images/sign-up-illustration.svg b/app/assets/images/sign-up-illustration.svg index 7f3a3338f..ffa41b9f7 100644 --- a/app/assets/images/sign-up-illustration.svg +++ b/app/assets/images/sign-up-illustration.svg @@ -1,1359 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010000011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - + diff --git a/app/assets/images/terms-illustration.png b/app/assets/images/terms-illustration.png deleted file mode 100644 index 7c32f4f30..000000000 Binary files a/app/assets/images/terms-illustration.png and /dev/null differ diff --git a/app/assets/images/terms-illustration.svg b/app/assets/images/terms-illustration.svg index 2bb1aaf99..762c44b6b 100644 --- a/app/assets/images/terms-illustration.svg +++ b/app/assets/images/terms-illustration.svg @@ -1,1620 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010000011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - - - - - - - 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 - - - - - - - - - - - - - - - - - - - - - - - - - - - + diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss index c7b733f26..7bfe89171 100644 --- a/app/assets/stylesheets/common.scss +++ b/app/assets/stylesheets/common.scss @@ -713,7 +713,7 @@ tr.turn { /* Overrides for pages that use new layout conventions */ .header-illustration { - background-position: 0 0; + background-position: right; background-repeat: no-repeat; position: relative; min-height: 200px; @@ -722,16 +722,15 @@ tr.turn { bottom: 0; &.new-user-main { - background-image: image-url("sign-up-illustration.png"); - background-position-x: 50px; + background-image: image-url("sign-up-illustration.svg"); } &.confirm-main { - background-image: image-url("confirm-illustration.png"); + background-image: image-url("confirm-illustration.svg"); } &.new-user-terms { - background-image: image-url("terms-illustration.png"); + background-image: image-url("terms-illustration.svg"); } } diff --git a/assets/confirm-illustration.svg b/assets/confirm-illustration.svg new file mode 100644 index 000000000..9bb5715b8 --- /dev/null +++ b/assets/confirm-illustration.svg @@ -0,0 +1,1255 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010000011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 + + diff --git a/assets/sign-up-illustration.svg b/assets/sign-up-illustration.svg new file mode 100644 index 000000000..7f3a3338f --- /dev/null +++ b/assets/sign-up-illustration.svg @@ -0,0 +1,1359 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010000011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + diff --git a/assets/terms-illustration.svg b/assets/terms-illustration.svg new file mode 100644 index 000000000..2bb1aaf99 --- /dev/null +++ b/assets/terms-illustration.svg @@ -0,0 +1,1620 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010000011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + 101010101010100011100010101010011010101010101001010110010111010101011010000101010000110001101010110010101101101010111010101011 + + + + + + + + + + + + + + + + + + + + + + + + + + +