flesh out testimonial styling
Project: http://git-wip-us.apache.org/repos/asf/couchdb-www/repo Commit: http://git-wip-us.apache.org/repos/asf/couchdb-www/commit/b9d7b324 Tree: http://git-wip-us.apache.org/repos/asf/couchdb-www/tree/b9d7b324 Diff: http://git-wip-us.apache.org/repos/asf/couchdb-www/diff/b9d7b324 Branch: refs/heads/asf-site Commit: b9d7b324ddf875dcb1242d55c7b774f7dd258d76 Parents: e9f52f8 Author: olivia <oli...@fastmail.com> Authored: Wed Nov 28 14:21:24 2018 +0100 Committer: olivia <oli...@fastmail.com> Committed: Wed Nov 28 14:21:24 2018 +0100 ---------------------------------------------------------------------- index.html | 29 +++++++++++++++++++---------- style/master.css | 12 +++++++++++- style/master.less | 14 +++++++++++--- 3 files changed, 41 insertions(+), 14 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/b9d7b324/index.html ---------------------------------------------------------------------- diff --git a/index.html b/index.html index d7954a1..e0fb4dd 100644 --- a/index.html +++ b/index.html @@ -98,24 +98,33 @@ Thanks to Yohei Shimomae and the Apache Cordova team for the original design. <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 class="testimonial-inner"> + "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> <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 class="testimonial-inner"> + "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> <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 class="testimonial-inner"> + "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> + + <a href="https://blog.couchdb.org/category/user-story/"; + class="testimonial-more">More User Stories</a> </div> </div> http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/b9d7b324/style/master.css ---------------------------------------------------------------------- diff --git a/style/master.css b/style/master.css index fe7bf02..54e7767 100644 --- a/style/master.css +++ b/style/master.css @@ -159,7 +159,6 @@ hr { } .grid-nomargin { background: #EEE 50% 0%; - padding-bottom: 32px; } hr { border: none; @@ -479,9 +478,14 @@ blockquote { padding-top: 16px; float: left; width: 320px; + height: 250px; margin-right: 24px; list-style: none; position: relative; + background-color: #fff; +} +.testimonial-inner { + padding: 15px 20px 20px 20px; } .testimonial.last { margin-right: 0; @@ -491,6 +495,12 @@ blockquote { text-align: right; font-style: italic; } +.testimonial-more { + width: 100%; + display: inline-block; + text-align: center; + padding-bottom: 40px; +} /**** Chat ****/ .slack-slogan { height: 62px; http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/b9d7b324/style/master.less ---------------------------------------------------------------------- diff --git a/style/master.less b/style/master.less index 508a7aa..e6a79a5 100644 --- a/style/master.less +++ b/style/master.less @@ -189,7 +189,6 @@ div.button, div.button:hover { .grid-nomargin { .secondary-bg; - padding-bottom: @gap; } hr { @@ -543,9 +542,15 @@ blockquote { padding-top: @padding; float: left; width: @column; + height: 250px; margin-right: @gutter; list-style: none; position: relative; + background-color: #fff; +} + +.testimonial-inner { + padding: 15px 20px 20px 20px; } .testimonial.last { @@ -558,8 +563,11 @@ blockquote { font-style: italic; } -.testimonial-attribution a { - +.testimonial-more { + width: 100%; + display: inline-block; + text-align: center; + padding-bottom: 40px; } /**** Chat ****/
