From: anthonytadina Date: Wed, 9 Oct 2013 23:18:16 +0000 (-0700) Subject: Updates to coming soon page X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=f0c44139043a669d61ed37e926b61bbbeff97c38;p=thirdparty%2Ffoundation%2Ffoundation-emails.git Updates to coming soon page --- diff --git a/coming-soon.php b/coming-soon.php index 605ed4ac..d21d1755 100644 --- a/coming-soon.php +++ b/coming-soon.php @@ -37,16 +37,19 @@

Ink is coming soon. Get notified when it launches.

Get notified when Ink launches.

-
-
-
- +
+ +
+
+ +
+
+ +
-
- -
-
- + +

Thanks! We've received your email, and we'll let you know when Ink launches.

+
diff --git a/images/inky-devices-01.svg b/images/inky-devices-01.svg new file mode 100644 index 00000000..a5f8a2ab --- /dev/null +++ b/images/inky-devices-01.svg @@ -0,0 +1,805 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/inky-devices.svg b/images/inky-devices.svg new file mode 100644 index 00000000..5a8956f8 --- /dev/null +++ b/images/inky-devices.svg @@ -0,0 +1,805 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/inky-mobile-hold.svg b/images/inky-mobile-hold.svg new file mode 100644 index 00000000..259eddd2 --- /dev/null +++ b/images/inky-mobile-hold.svg @@ -0,0 +1,105 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/inky-mobile.svg b/images/inky-mobile.svg new file mode 100644 index 00000000..a7eb91ef --- /dev/null +++ b/images/inky-mobile.svg @@ -0,0 +1,196 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sass/app.scss b/sass/app.scss index 72b7c099..eed3c654 100644 --- a/sass/app.scss +++ b/sass/app.scss @@ -97,7 +97,7 @@ p { font-size: emCalc(14px); } } .home-text { padding: 100px 0 103px; position: relative; } -.inky { background: url(../images/inky.png) no-repeat center center; background-size: cover; height: 700px; width: 507px; position: absolute; right: -550px; top:10px !important; } +.inky { background: url(../images/inky-devices-01.svg) no-repeat center center; background-size: cover; height: 700px; width: 507px; position: absolute; right: -550px; top:10px !important; } .inky.loaded { animation-name: inky-float; -webkit-animation-name: inky-float; animation-duration:5s; -webkit-animation-duration:5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes inky-float { 0% { transform: translateY(0%); } @@ -440,21 +440,25 @@ ul.mobile-nav { display: block; margin-bottom: 0; } /* coming-soon */ -.coming-soon { background: #032b31; +.coming-soon { background: #004454; .home-text { padding: 80px 0 83px; } - .cs-text { margin-bottom: 5px; } + .cs-text { margin-bottom: 5px; color: rgba(255,255,255,.5); } input { padding: 20px 20px 19px; } + .confirm { font-size: 1em; font-style: italic; } + .form-thanks { height: 45px; overflow: hidden; + .confirm { display: none; } + } } @media only screen and (max-width: 767px){ .coming-soon { h1, p { text-align: center; } - .home-text { padding: 0; } + .home-text { padding: 20px 0 0 0; } } } -.cs-inky { background: url(../images/cs-inky.png) no-repeat right bottom; background-size: 548px 488px; +.cs-inky { background: url(../images/inky-mobile.svg) no-repeat right bottom; background-size: 624px 558px; @media only screen and (max-width: 767px){ - background-image: url(../images/cs-inky-mobile.png); background-position: center bottom; + background: url(../images/inky-mobile-hold.svg) no-repeat center bottom; background-size: 147px 200px; padding-bottom: 140px; } } \ No newline at end of file diff --git a/stylesheets/app.css b/stylesheets/app.css index 765a4312..3679b0be 100644 --- a/stylesheets/app.css +++ b/stylesheets/app.css @@ -9367,7 +9367,7 @@ p { /* line 100, ../sass/app.scss */ .inky { - background: url(../images/inky.png) no-repeat center center; + background: url(../images/inky-devices-01.svg) no-repeat center center; background-size: cover; height: 700px; width: 507px; @@ -10577,7 +10577,7 @@ ul.mobile-nav a.current { /* coming-soon */ /* line 443, ../sass/app.scss */ .coming-soon { - background: #032b31; + background: #004454; } /* line 444, ../sass/app.scss */ .coming-soon .home-text { @@ -10586,31 +10586,47 @@ ul.mobile-nav a.current { /* line 445, ../sass/app.scss */ .coming-soon .cs-text { margin-bottom: 5px; + color: rgba(255, 255, 255, 0.5); } /* line 446, ../sass/app.scss */ .coming-soon input { padding: 20px 20px 19px; } +/* line 447, ../sass/app.scss */ +.coming-soon .confirm { + font-size: 1em; + font-style: italic; +} +/* line 448, ../sass/app.scss */ +.coming-soon .form-thanks { + height: 45px; + overflow: hidden; +} +/* line 449, ../sass/app.scss */ +.coming-soon .form-thanks .confirm { + display: none; +} @media only screen and (max-width: 767px) { - /* line 451, ../sass/app.scss */ + /* line 455, ../sass/app.scss */ .coming-soon h1, .coming-soon p { text-align: center; } - /* line 452, ../sass/app.scss */ + /* line 456, ../sass/app.scss */ .coming-soon .home-text { - padding: 0; + padding: 20px 0 0 0; } } -/* line 456, ../sass/app.scss */ +/* line 460, ../sass/app.scss */ .cs-inky { - background: url(../images/cs-inky.png) no-repeat right bottom; - background-size: 548px 488px; + background: url(../images/inky-mobile.svg) no-repeat right bottom; + background-size: 624px 558px; } @media only screen and (max-width: 767px) { - /* line 456, ../sass/app.scss */ + /* line 460, ../sass/app.scss */ .cs-inky { - background-image: url(../images/cs-inky-mobile.png); - background-position: center bottom; + background: url(../images/inky-mobile-hold.svg) no-repeat center bottom; + background-size: 147px 200px; + padding-bottom: 140px; } }