From fc130c6dd9f22d4170aa87821a95f5f91cc57a14 Mon Sep 17 00:00:00 2001 From: anthonytadina Date: Wed, 9 Oct 2013 16:58:32 -0700 Subject: [PATCH] Updated homepage --- .DS_Store | Bin 15364 -> 15364 bytes images/inky-all-devices.svg | 824 +++++++++++++++++++++++++++++++++ images/inky-mobile-devices.svg | 800 ++++++++++++++++++++++++++++++++ sass/app.scss | 5 +- stylesheets/app.css | 37 +- 5 files changed, 1648 insertions(+), 18 deletions(-) create mode 100644 images/inky-all-devices.svg create mode 100644 images/inky-mobile-devices.svg diff --git a/.DS_Store b/.DS_Store index 3d881402ad847099520d9e4498ac0a4fc4a08312..b6313a9642df7e01367bc806e8c3307698d4bb0f 100644 GIT binary patch delta 1170 zc-oDWZD>wz4HBT<)^+3eLZ(`Y>JQatrQLYZP&VeH00g=vxz!Xn$0XFG-h4e9Zbloh#JUCYEBw%4rO8BUFC->=7I@pYl~!kBQ^ zrw1`J;q5%Vu?+C(Ml8n|Txp*%;SPu2W0qlBljWH89gru(X)` zN==rvrnauWVKR@pJY&;j9d*ggr-cr32r@$qQ2^QE3bK8(Ajfy+$^1H=ll^%(IG7*~ f)0mu~GjlVeY7HY%Mo&I1v=8XU&)l0840t&J?8G;1 diff --git a/images/inky-all-devices.svg b/images/inky-all-devices.svg new file mode 100644 index 00000000..bee3a8e3 --- /dev/null +++ b/images/inky-all-devices.svg @@ -0,0 +1,824 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/inky-mobile-devices.svg b/images/inky-mobile-devices.svg new file mode 100644 index 00000000..0cdfecc6 --- /dev/null +++ b/images/inky-mobile-devices.svg @@ -0,0 +1,800 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sass/app.scss b/sass/app.scss index eed3c654..7ed72176 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-devices-01.svg) no-repeat center center; background-size: cover; height: 700px; width: 507px; position: absolute; right: -550px; top:10px !important; } +.inky { background: url(../images/inky-all-devices.svg) no-repeat center center; background-size: cover; height: 680px; width: 634px; position: absolute; right: -600px; 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%); } @@ -390,7 +390,7 @@ ul.mobile-nav { display: block; margin-bottom: 0; } @media only screen and (min-width: 767px) and (max-width: 1024px) { - .inky { right: -460px; } + .inky { right: -620px; } .touch .how-to-use { position: relative; &.one { p, img, h3 { width: 400px; margin-left: 70px; } @@ -437,6 +437,7 @@ ul.mobile-nav { display: block; margin-bottom: 0; .inky-small.load { right: -250px; } .top-bar-section .has-form { padding: 0 15px; } .button.tiny { padding: 5px 10px 25px; } + .top-area.main { overflow-x: hidden; } } /* coming-soon */ diff --git a/stylesheets/app.css b/stylesheets/app.css index 3679b0be..2083a76c 100644 --- a/stylesheets/app.css +++ b/stylesheets/app.css @@ -9367,12 +9367,12 @@ p { /* line 100, ../sass/app.scss */ .inky { - background: url(../images/inky-devices-01.svg) no-repeat center center; + background: url(../images/inky-all-devices.svg) no-repeat center center; background-size: cover; - height: 700px; - width: 507px; + height: 680px; + width: 634px; position: absolute; - right: -550px; + right: -600px; top: 10px !important; } @@ -10375,7 +10375,7 @@ ul.mobile-nav a.current { @media only screen and (min-width: 767px) and (max-width: 1024px) { /* line 393, ../sass/app.scss */ .inky { - right: -460px; + right: -620px; } /* line 394, ../sass/app.scss */ @@ -10573,57 +10573,62 @@ ul.mobile-nav a.current { .button.tiny { padding: 5px 10px 25px; } + + /* line 440, ../sass/app.scss */ + .top-area.main { + overflow-x: hidden; + } } /* coming-soon */ -/* line 443, ../sass/app.scss */ +/* line 444, ../sass/app.scss */ .coming-soon { background: #004454; } -/* line 444, ../sass/app.scss */ +/* line 445, ../sass/app.scss */ .coming-soon .home-text { padding: 80px 0 83px; } -/* line 445, ../sass/app.scss */ +/* line 446, ../sass/app.scss */ .coming-soon .cs-text { margin-bottom: 5px; color: rgba(255, 255, 255, 0.5); } -/* line 446, ../sass/app.scss */ +/* line 447, ../sass/app.scss */ .coming-soon input { padding: 20px 20px 19px; } -/* line 447, ../sass/app.scss */ +/* line 448, ../sass/app.scss */ .coming-soon .confirm { font-size: 1em; font-style: italic; } -/* line 448, ../sass/app.scss */ +/* line 449, ../sass/app.scss */ .coming-soon .form-thanks { height: 45px; overflow: hidden; } -/* line 449, ../sass/app.scss */ +/* line 450, ../sass/app.scss */ .coming-soon .form-thanks .confirm { display: none; } @media only screen and (max-width: 767px) { - /* line 455, ../sass/app.scss */ + /* line 456, ../sass/app.scss */ .coming-soon h1, .coming-soon p { text-align: center; } - /* line 456, ../sass/app.scss */ + /* line 457, ../sass/app.scss */ .coming-soon .home-text { padding: 20px 0 0 0; } } -/* line 460, ../sass/app.scss */ +/* line 461, ../sass/app.scss */ .cs-inky { background: url(../images/inky-mobile.svg) no-repeat right bottom; background-size: 624px 558px; } @media only screen and (max-width: 767px) { - /* line 460, ../sass/app.scss */ + /* line 461, ../sass/app.scss */ .cs-inky { background: url(../images/inky-mobile-hold.svg) no-repeat center bottom; background-size: 147px 200px; -- 2.47.3