portico: Add quote to Why Zulip page.

Adds a quote from Grahame Grieve to the Why Zulip page.

With tweaks by tabbott to make the linter pass.
This commit is contained in:
Max Nussenbaum
2018-05-09 12:57:55 -07:00
committed by Tim Abbott
parent 4abbfe9154
commit fc6833e46a
3 changed files with 96 additions and 17 deletions

View File

@@ -1308,7 +1308,7 @@ nav ul li.active::after {
.portico-landing.hello .testimonials {
color: #fff;
background-color: hsl(169, 35%, 35%);
background-color: #23584d;
}
.portico-landing.hello .testimonials .text-header .text-content {
@@ -1366,18 +1366,13 @@ nav ul li.active::after {
margin-right: -3px;
}
.portico-landing.hello .testimonials blockquote::after {
content: "";
margin-left: -3px;
}
.portico-landing.hello .testimonials blockquote + cite {
display: block;
margin-top: 5px;
margin-bottom: 30px;
color: white;
opacity: 0.5;
color: #ffffff;
opacity: 0.7;
font-weight: 400;
}
@@ -1930,7 +1925,59 @@ nav ul li.active::after {
z-index: 1;
}
#why-zulip-padded-content {
.portico-landing.why-page .testimonials {
background: #23584d;
color: #fff;
margin-bottom: 40px;
}
.portico-landing.why-page .testimonials .quote-container {
width: 98%;
margin: 30px auto 20px auto;
padding-left: 2%;
font-size: 1.2rem;
}
.portico-landing.why-page .testimonials .carousel-quotes {
width: 60%;
margin: auto;
}
.portico-landing.why-page .testimonials .carousel-inner {
width: 100%;
left: -2%;
}
.portico-landing.why-page .testimonials blockquote::before {
content: "";
margin-left: -10px;
margin-right: -3px;
}
.portico-landing.why-page .testimonials blockquote + cite {
display: block;
margin-top: 5px;
margin-bottom: 30px;
color: white;
opacity: 0.7;
font-weight: 400;
line-height: 140%;
}
.portico-landing.why-page .testimonials blockquote {
padding: 0px;
font-weight: 400;
line-height: 1.6;
text-align: left;
border: none;
opacity: 0.8;
}
.why-zulip-padded-content {
padding-top: 0px;
}
@@ -3079,6 +3126,15 @@ nav ul li.active::after {
padding: 50px 20px;
}
.portico-landing.why-page .testimonials .carousel-quotes {
width: 90%;
}
.portico-landing.why-page .testimonials .quote-container {
padding-left: 4%;
font-size: 1em;
}
#integration-instruction-block .integration-lozenge {
display: none !important;
}