move testimonials to after leadin
Project: http://git-wip-us.apache.org/repos/asf/couchdb-www/repo Commit: http://git-wip-us.apache.org/repos/asf/couchdb-www/commit/e9f52f81 Tree: http://git-wip-us.apache.org/repos/asf/couchdb-www/tree/e9f52f81 Diff: http://git-wip-us.apache.org/repos/asf/couchdb-www/diff/e9f52f81 Branch: refs/heads/asf-site Commit: e9f52f81028ad5822893449d9fabac9749b57fe0 Parents: 79977d7 Author: olivia <oli...@fastmail.com> Authored: Wed Nov 28 13:48:03 2018 +0100 Committer: olivia <oli...@fastmail.com> Committed: Wed Nov 28 13:48:03 2018 +0100 ---------------------------------------------------------------------- index.html | 52 +++++++++++++++++++++++++------------------------- style/master.css | 13 +++++-------- style/master.less | 16 ++++++---------- 3 files changed, 37 insertions(+), 44 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/e9f52f81/index.html ---------------------------------------------------------------------- diff --git a/index.html b/index.html index 502f1c5..d7954a1 100644 --- a/index.html +++ b/index.html @@ -95,6 +95,30 @@ Thanks to Yohei Shimomae and the Apache Cordova team for the original design. </div> + <div class="feature grid-nomargin"> + <div class="wrap cf"> + <div class="testimonial"> + "Amongst all the panic and horror [of a power outage], I was smiling." + <div class="testimonial-attribution"> + <a href="https://blog.couchdb.org/2017/07/19/a-couchdb-user-story-chatting-with-assaf-morami/";>- Assaf Morami</a> + </div> + </div> + <div class="testimonial"> + "The replication in CouchDB is really the killer feature that sets it + apart from other databases." + <div class="testimonial-attribution"> + <a href="https://blog.couchdb.org/2017/07/12/replication-makes-couchdb-the-single-best-solution-for-hoptree/";>- Patrick Wolf</a> + </div> + </div> + <div class="testimonial last"> + "Even if the internet was very bad our databases in the two locations would eventually sync." + <div class="testimonial-attribution"> + <a href="https://blog.couchdb.org/2018/08/21/shifting-from-mysql-to-couchdb-a-user-study/";>- Ryan Meredith</a> + </div> + </div> + </div> + </div> + <a class="scroll-point pt-about" id="about"></a> <div class="feature"> @@ -120,32 +144,8 @@ Thanks to Yohei Shimomae and the Apache Cordova team for the original design. <p>See the <a href="http://docs.couchdb.org/en/stable/intro/why.html";>introduction</a>, <a href="http://docs.couchdb.org/en/stable/intro/overview.html";>technical overview</a> for more information, or learn <a href="http://docs.couchdb.org/en/latest/whatsnew/2.2.html";>whatâs new in 2.2</a>.</p> </div> - <div class="feature"> - <div class="wrap"> - <div class="testimonials-container"> - <div class="testimonial"> - "Amongst all the panic and horror [of a power outage], I was smiling." - <div class="testimonial-attribution"> - <a href="https://blog.couchdb.org/2017/07/19/a-couchdb-user-story-chatting-with-assaf-morami/";>- Assaf Morami</a> - </div> - </div> - <div class="testimonial"> - "The replication in CouchDB is really the killer feature that sets it - apart from other databases." - <div class="testimonial-attribution"> - <a href="https://blog.couchdb.org/2017/07/12/replication-makes-couchdb-the-single-best-solution-for-hoptree/";>- Patrick Wolf</a> - </div> - </div> - <div class="testimonial last"> - "Even if the internet was very bad our databases in the two locations would eventually sync." - <div class="testimonial-attribution"> - <a href="https://blog.couchdb.org/2018/08/21/shifting-from-mysql-to-couchdb-a-user-study/";>- Ryan Meredith</a> - </div> - </div> - </div> - </div> - </div> - <div class="grid features"> + + <div class="grid feature"> <div class="wrap cf"> <div class="skill-card"> <div class="stripe"></div> http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/e9f52f81/style/master.css ---------------------------------------------------------------------- diff --git a/style/master.css b/style/master.css index 2ccc1fc..fe7bf02 100644 --- a/style/master.css +++ b/style/master.css @@ -157,6 +157,10 @@ hr { background: #EEE 50% 0%; padding: 32px 0; } +.grid-nomargin { + background: #EEE 50% 0%; + padding-bottom: 32px; +} hr { border: none; border-top: 1px solid #ddd; @@ -247,9 +251,6 @@ blockquote { /*--------------------------------------------------- Layout - Leadin ---------------------------------------------------*/ -.leadin { - margin-bottom: 32px; -} .leadin .wrap { height: 368px; } @@ -474,11 +475,6 @@ blockquote { background-color: #e12830; } /**** Testimonials ****/ -.testimonials-container { - position: relative; - padding: 32px 0; - margin-bottom: 200px; -} .testimonial { padding-top: 16px; float: left; @@ -489,6 +485,7 @@ blockquote { } .testimonial.last { margin-right: 0; + margin-bottom: 40px; } .testimonial-attribution { text-align: right; http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/e9f52f81/style/master.less ---------------------------------------------------------------------- diff --git a/style/master.less b/style/master.less index 4583d22..508a7aa 100644 --- a/style/master.less +++ b/style/master.less @@ -187,6 +187,11 @@ div.button, div.button:hover { padding: @gap 0; } +.grid-nomargin { + .secondary-bg; + padding-bottom: @gap; +} + hr { border: none; border-top: 1px solid #ddd; @@ -287,10 +292,6 @@ blockquote { Layout - Leadin ---------------------------------------------------*/ -.leadin { - margin-bottom: @gap; -} - .leadin .wrap { height: @column+@gap+@padding; } @@ -538,12 +539,6 @@ blockquote { /**** Testimonials ****/ -.testimonials-container { - position: relative; - padding: 32px 0; - margin-bottom: 200px; -} - .testimonial { padding-top: @padding; float: left; @@ -555,6 +550,7 @@ blockquote { .testimonial.last { margin-right: 0; + margin-bottom: 40px; } .testimonial-attribution {
