Commit Graph

83 Commits

Author SHA1 Message Date
Brock Whittaker e304c44c2e integrations: Impose max-width for readability.
This imposes a maximum width constraint on the center block so
that it can maintain readability and keep the content paragraphs
to less than 1000px.

Fixes: #7092.
2017-10-23 14:24:31 -07:00
Brock Whittaker a768ed548c /for/*: Restyle /for/ and /why/ pages.
This restyles them to be more readable and more put together
than before by changing the line heights, text colors, and padding.
2017-10-16 09:58:13 -07:00
Brock Whittaker 835b6c7059 components: Make checkboxes darker.
This makes the standard checkboxes 7% darker and makes the disabled
ones about 12% darker + 7% darker than they were before, to
increase visibility.

Fixes: #6331.
2017-10-11 13:15:44 -07:00
Brock Whittaker 8d3ebd8b47 /for/*: Add ".small" version of why-page hero.
This adds a small version that has 130px less padding than the
original header.
2017-10-06 17:01:34 -07:00
brockwhittaker a0a2241c66 /hello/: Fix the width of the call-to-action button.
This fixes the width of the call-to-action button to be auto, as it
previously was set in the #hero to be 150px which forced the words in
the button to wrap to two lines.
2017-10-05 21:02:05 -07:00
Brock Whittaker 7f3b4c5baf /apps/: Add max-width constraint to hero content.
This adds a max-width constraint to the hero content so that the images
inside the hero don’t keep expanding forever and eventually outside of
the hero’s bounds.

Fixes: #6713.
2017-09-28 14:01:19 -07:00
Brock Whittaker c1c19eb8c9 /apps/: Underline the install guide link.
This changes the link color from a not-so-visible green to white.
2017-09-28 14:00:05 -07:00
Brock Whittaker fabf0f53c4 /hello/: Update hero CTA to be more visible.
This makes the button a solid white rather than a transparent button
with a white outline so that it will draw more attention to itself.
2017-09-27 20:49:47 -07:00
Brock Whittaker f397925df2 /apps/: Add an "install instructions" line.
This adds a line under the app description that has a link to the
installation instructions for all the platforms.
2017-09-27 15:50:09 -07:00
Rishi Gupta 6846a71a3e plans: Update wordings and other minor updates. 2017-09-25 16:58:01 -07:00
Brock Whittaker 26f6d708c2 Make plan CTA buttons all line up. 2017-09-07 12:43:47 -07:00
Brock Whittaker f026fc6f0c Add :hover and :active states to button.green.
This now adds these interactive states to the /plans/ page by
proxy of adding them to the `button.green` component.
2017-09-07 12:43:47 -07:00
Brock Whittaker e82cc3f993 Add more margin-top to <h3> tag.
The <h3> default margin of 10px brought it too close vertically to the
the paragraph tag above it, so this increases it to 20px.
2017-09-07 12:40:03 -07:00
Brock Whittaker aac7b3c5eb Increase font size of <p> and <li> to 1.2em.
This increases the font size from 1em => 1.2em.
2017-09-07 12:40:03 -07:00
Brock Whittaker 26281df767 Change line height in <p> and <li>.
This decreases the <p> line height from 1.8em to 1.6em, and increases
the <li> line height from 20px to 1.6.
2017-09-07 12:40:03 -07:00
Brock Whittaker a3bdde3155 /hello/: Hide the last single row of testimonials.
This responsively hides the last row of testimonials that only has a
single one it the row at certain widths in which the grid is a [4, 4,
1] layout, making it simply [4, 4].
2017-09-02 07:48:44 -07:00
Brock Whittaker 72a7e00986 /hello/: Make gradients extend further on mobile.
This makes the gradients extend further on mobile so that the white
text does not display on an almost-white background.
2017-09-02 07:48:44 -07:00
Brock Whittaker d0128e052e landing-page: Remove underline from logo text on :hover.
This removes the underline on the logo text on :hover on the
product pages.
2017-08-31 18:53:54 -07:00
Brock Whittaker 0737f57ccf Remove question marks from FAQ.
This removes the question mark ::before element and then removes
the margin that pushed over the body text for the answer.
2017-08-30 16:04:30 -07:00
Brock Whittaker c399543d4c Fix odd responsive issue between 720px - 768px.
Not sure what this margin was doing here but it appears to look better
not existing.
2017-08-30 16:04:30 -07:00
Brock Whittaker d7f5f31f6a Change the link to not have the default fade action. 2017-08-30 16:04:30 -07:00
Brock Whittaker 44ace3e062 Remove link :hover animation & remove negating class.
This removes the link :hover underline animation and then also removes
all instances of `.no-style` that negated the effect.
2017-08-30 16:04:30 -07:00
Brock Whittaker 5c637b6452 Remove the scaling and box shadow on hovered price options.
This removes the scaling feature where a plan that a user
hovers over would increase in size and have a box shadow.

This used to be here because there was a clickable region that
would pop open an overlay that would have more plan information,
but that feature no longer exists.
2017-08-30 16:04:30 -07:00
Brock Whittaker 75a011e432 Change the second plans block label to dark grey.
This changes the second plans block label to dark grey responsively
when the width is less than 1390px because the white text does not
appear on that portion of the white background when the block collapses
down a line.
2017-08-30 16:04:30 -07:00
Brock Whittaker a1a4af096f Make responsive on mobile devices.
This makes the page responsive down to widths of 300px.
2017-08-30 16:04:30 -07:00
Brock Whittaker 6ac0e75005 /hello/: Make company logos larger in responsive situations.
The logos would get really small around 1000px wide, so this reduces
the number of columns and makes the logos around 50% larger
horizontally.
2017-08-30 15:56:11 -07:00
Brock Whittaker 841ab828e8 Change `.testimonials` section to be white. 2017-08-30 15:56:11 -07:00
Brock Whittaker 38dc3a28b5 Change "Open Source" to be shorter and lighter.
This changes the background color from dark blue to a light steel blue,
while also removing the unnecessary min-height enforcement.
2017-08-30 15:56:10 -07:00
Brock Whittaker 93b4d8a3f2 Change .testimonials section to green. 2017-08-30 14:16:20 -07:00
Brock Whittaker 2140a4aa01 landing: Add /plans/ describing ways to use Zulip.
Note from tabbott: This isn't yet linked to and will need to go
through significantly more iteration, but it's a start.
2017-08-30 07:56:22 -07:00
Tim Abbott f67326bb81 css: Rename 'Humbug' font to Source Sans Pro.
That's what the font is actually called, and should help future Zulip
developers save time trying to figure out what's up and why our font
is unrelated to the "Humbug" font on the Internet.
2017-08-28 16:16:08 -07:00
Brock Whittaker b6feac678b Remove all `font-weight: 500` instances.
Previously, the font-weight for 500 did not exist in our set, so
all of those examples defaulted to 400. This fixes them to stay
as they previously were by migrating them to a font weight of 400.
2017-08-28 15:01:53 -07:00
Rishi Gupta 0519bade1b integrations: Remove box-shadow offset on search box.
It looked a bit odd, since we don't use box-shadow offsets anywhere else on
the page (or the app as a whole).
2017-08-28 14:38:24 -07:00
Brock Whittaker d09db16dcd /integrations/: Fix sidebar overflowing parent container.
The sidebar height was set to shorter than what the sidebar actually
was and so it would overflow the parent. By resetting it, it now
will not overflow.

Fixes: #6315.
2017-08-28 12:20:17 -07:00
Vaida Plankyte a7b400135d landing-page.css: Reduce width of CTA container in apps page. 2017-08-23 10:24:56 -07:00
Brock Whittaker b4d0d09cc2 about: Add a banner to /about/ with a picture from PyCon.
This adds a PyCon banner photo of people working on sprints to the
top of the /about/ page.
2017-08-22 23:34:34 -07:00
Brock Whittaker 25e5a10a5b unicode: Replace "×" with HTML and HEX entities.
This refactors and fixes unicode issues where entities don't display
properly due to being a special character that seems to be rendered
incorrectly in a non-deterministic way every time.
2017-08-22 16:31:53 -07:00
Brock Whittaker 83184d5c60 /about/: Merge with /authors, redesign page.
This adds the authors to the Zulip repository on GitHub from
/authors/ along with re-styling the page to fit the same
aesthetic as /for/open-source/ and other product-pages.
2017-08-15 16:09:01 -07:00
Brock Whittaker eec26c5da6 Extract "open source" feature column into its own section. 2017-08-15 15:26:46 -07:00
Brock Whittaker 41f98bbdb9 Remove the slide animation from product pages. 2017-08-14 11:34:14 -07:00
Jack Zhang 48e0c2565b Increase individual integration subpage sidearea width.
All category labels are kept to one line of text.
2017-08-10 10:21:53 -07:00
Jack Zhang feb52eb777 Decrease create-your-own integration tile font size on mobile. 2017-08-10 10:21:53 -07:00
Jack Zhang b255949501 Show integration categories on integration sub-pages. 2017-08-10 10:21:53 -07:00
Jack Zhang 0e41ace321 Hide deprecated integrations with legacy tag. 2017-08-10 10:21:53 -07:00
Jack Zhang 3e04062da1 Show name of integration in mobile single-integration view. 2017-08-10 10:21:53 -07:00
Jack Zhang d3cc201332 Refactor /integrations state, routing, and rendering logic.
A large portion of the diff for landing-page.js is due to refactoring the
contents of integrations_search into top level UI update functions.

State flows as follows: dispatch(action) -> render(state) -> update UI

Routes now use pushState instead of hashes.

On transition between categories scrolling position is fixed,
and on transition between catalog and integration sub-pages the page
scrolls to the top.
2017-08-10 10:21:53 -07:00
Brock Whittaker 2b45c17dbc /features/: Fix wave position.
On some monitors it appears as though there's a slight gap between
the bottom of the wave and the top of the section below. This moves
the wave down a pixel to ensure the gap disappears.

Fixes: #6064.
2017-08-09 13:52:22 -07:00
Brock Whittaker 0b89561524 portico: Redesign the /features landing page.
This is a redesign of the features landing page from the current style
that includes the new sections in a grid format as well as some new
high-quality sections.
2017-08-01 23:39:44 -07:00
Brock Whittaker a770b07f2e /apps/: Change hero to be darker, more contrasty colors.
This changes the hero to be about 20% darker to increase the
legibility of the navbar fonts over it.
2017-07-27 09:13:04 -07:00
Brock Whittaker dc671ac0bd /apps/: Redesign apps page.
Tweaked by tabbott to update the URLs to point to the Electron desktop app.
2017-07-26 09:56:04 -07:00