You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by ja...@apache.org on 2018/11/28 16:48:47 UTC
[3/5] couchdb-www git commit: flesh out testimonial styling
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 <ol...@fastmail.com>
Authored: Wed Nov 28 14:21:24 2018 +0100
Committer: olivia <ol...@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 ****/