17 | {quote} 18 |
19 |
20 | by{' '}
21 | {person}, {role} at{' '}
22 |
23 | {customer}
24 |
25 |
10 | {github && ( 11 | 12 | 13 | 14 | )}{' '} 15 | {twitter && ( 16 | 17 | 18 | 19 | )} 20 |
21 |
20 | by{' '}
21 | {person}, {role} at{' '}
22 |
23 | {customer}
24 |
25 |
{name}
12 |33 | Didn't find what you're looking for? Try checking our{' '} 34 | 38 | GitHub Discussions 39 | 40 | . 41 |
42 |
14 | 16 | Redash supports SQL, NoSQL, Big Data and API data sources - query 17 | your data from different sources to answer complex questions. 18 |
19 |20 | 21 | Supported data sources and integrations → 22 | 23 |
24 |
31 | Thank you for getting in touch.
11 |
15 |
16 | In the dialog which opens, you will find a CSV URL similar to:
17 | `https://app.redash.io/acme/api/queries/123/results.csv?api_key=secret`, which
18 | you input to the `IMPORTDATA` function:
19 |
20 | `=IMPORTDATA("https://app.redash.io/acme/api/queries/123/results.csv?api_key=secret")`
21 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/integrations-and-api/integrations-and-api_category.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Integrations and API
3 | permalink: /help/user-guide/integrations-and-api
4 | parent_category: user-guide
5 | category: integrations-and-api
6 | layout: kb-category
7 | order: 7
8 | ---
9 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/integrations-and-api/slack-bot-posting-visualizations-to-slack.md:
--------------------------------------------------------------------------------
1 | ---
2 | category: integrations-and-api
3 | parent_category: user-guide
4 | helpscout_url: https://help.redash.io/article/131-slack-bot-posting-visualizations-to-slack
5 | title: Slack Bot (posting visualizations to Slack)
6 | slug: slack-bot-posting-visualizations-to-slack
7 | ---
8 |
9 | {% callout danger %}
10 | The Redash Slackbot is now deprecated.
11 | {% endcallout %}
12 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/querying/download-query-results.md:
--------------------------------------------------------------------------------
1 | ---
2 | category: querying
3 | parent_category: user-guide
4 | helpscout_url: https://help.redash.io/article/43-download-query-results
5 | title: How To Download / Export Query Results
6 | slug: download-query-results
7 | ---
8 |
9 | # How to download a query result
10 |
11 | Visit any query page and click the vertical ellipsis (`⋮`) button beneath the results pane. Then choose to download a CSV, TSV, or Excel file. This action downloads the current query result.
12 |
13 | 
14 |
15 | # How to get latest results via the API
16 |
17 | Visit any query page and click the horizontal ellipsis (`…`) above the query editor. Then choose **Show API Key**. The links in the modal that appears always point to the latest query result. You can choose between CSV and JSON formats to be returned by the API call.
18 |
19 | {% callout info %}
20 |
21 | It's not shown in the interface, but you can also get the Excel format by changing the file type suffix from `json`/`csv` to `xlsx`.
22 |
23 | {% endcallout %}
24 |
25 | 
26 |
27 | {% callout warning %}
28 |
29 | The latest results API is not supported for queries that use parameters.
30 |
31 | {% endcallout %}
32 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/querying/querying_category.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Querying
3 | permalink: /help/user-guide/querying
4 | parent_category: user-guide
5 | category: querying
6 | layout: kb-category
7 | order: 2
8 | ---
9 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/users/inviting-users.md:
--------------------------------------------------------------------------------
1 | ---
2 | category: users
3 | parent_category: user-guide
4 | helpscout_url: https://help.redash.io/article/71-inviting-users-to-use-redash
5 | title: Inviting Users to Use Redash
6 | slug: inviting-users
7 | ---
8 |
9 | Users can be invited by Admins only - to invite a new user go to `Settings`>`Users` and click on `New User`.
10 |
11 | 
12 |
13 | Next, you'll fill in their name and email. They'll get an invite via email and be required to set up a Redash account.
14 |
15 | 
16 |
17 | To add a user to an existing group, go to `Setting`>`Groups`, select the group and add users by typing their name:
18 |
19 | 
20 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/users/profile-pictures.md:
--------------------------------------------------------------------------------
1 | ---
2 | category: users
3 | parent_category: user-guide
4 | title: Adding a Profile Picture
5 | slug: profile-pictures
6 | ---
7 |
8 | If you login to Redash with a Google account, Redash will automatically fetch your Google Account profile picture. Alternatively, Redash uses [Gravatar](https://en.gravatar.com/) to handle profile pictures.
9 |
10 | If you don't have a Gravatar account, sign up for Gravatar with the email address you used to sign-in to Redash.
11 |
12 | Gravatars are cached by your browser. Once signed up or updated, your Gravatar will appear on Redash within 5 minutes after the change following a page refresh.
13 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/users/user-groups-permissions_category.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: User, Groups, & Permissions
3 | permalink: /help/user-guide/users
4 | parent_category: user-guide
5 | category: users
6 | layout: kb-category
7 | order: 6
8 | ---
9 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/visualizations/funnel-chart-how-to.md:
--------------------------------------------------------------------------------
1 | ---
2 | category: visualizations
3 | parent_category: user-guide
4 | title: Funnel Visualizations
5 | slug: funnel-howto
6 | ---
7 |
8 | The Funnel Visualization is available on the **Visualization Type** menu. It's easy to make because it needs only two fields from your query: `step` and `value`.
9 |
10 | 
11 |
12 | In the example above the data returned looks like this:
13 |
14 | 
15 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/visualizations/visualization-types.md:
--------------------------------------------------------------------------------
1 | ---
2 | category: visualizations
3 | parent_category: user-guide
4 | helpscout_url: https://help.redash.io/article/58-visualization-types
5 | title: Visualization Types
6 | slug: visualization-types
7 | ---
8 |
9 | ## Visualization Types
10 |
11 | Redash supports several different types of visualizations - A Table is the
12 | default view.
13 |
14 | ### Boxplot
15 |
16 | 
17 |
18 | ### Chart - Line, Bar, Area, Pie, Scatter
19 |
20 | 
21 |
22 | 
23 |
24 | 
25 |
26 | 
27 |
28 | ### Cohort
29 |
30 | Further documentation available [here]({% link _kb/user-guide/visualizations/cohort-howto.md %}).
31 |
32 | 
33 |
34 | ### Counter
35 |
36 | Demonstration available [here](https://youtu.be/GHIWn6Trmas).
37 |
38 | 
39 |
40 | ### Funnel
41 |
42 | 
43 |
44 | ### Map
45 |
46 | 
47 |
48 | ### Pivot Table
49 |
50 | 
51 |
52 | ### Sankey
53 |
54 | 
55 |
56 | ### Sunburst
57 |
58 | 
59 |
60 | ### Word Cloud
61 |
62 | 
63 |
--------------------------------------------------------------------------------
/src/pages/kb/user-guide/visualizations/visualizations_category.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Visualizations
3 | permalink: /help/user-guide/visualizations
4 | parent_category: user-guide
5 | category: visualizations
6 | layout: kb-category
7 | order: 3
8 | ---
9 |
--------------------------------------------------------------------------------
/src/scss/_components/_alert.scss:
--------------------------------------------------------------------------------
1 | /* ALERT */
2 |
3 | .alert {
4 | &.alert-danger {
5 | border-color: $danger;
6 | background: rgba($danger, 0.25);
7 | }
8 | &.alert-brand {
9 | border-color: $bridesmaid;
10 | background: rgba($bridesmaid, 0.25);
11 | color: darken($bridesmaid, 30%);
12 | }
13 | }
14 | .alert--flex {
15 | @extend .flex, .flex-between, .flex-item-center;
16 | @include respond-to(xs) {
17 | display: block;
18 | }
19 | }
20 | .alert__title {
21 | margin-top: 0;
22 | }
23 | .alert__title--no-mb {
24 | @include respond-to(xs-min) {
25 | margin-bottom: 0;
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/scss/_components/_breadcrumb.scss:
--------------------------------------------------------------------------------
1 | /* BRRADCRUMB */
2 |
3 | .breadcrumb {
4 | padding: 0;
5 | background: transparent;
6 | }
7 |
--------------------------------------------------------------------------------
/src/scss/_components/_callouts.scss:
--------------------------------------------------------------------------------
1 | .bs-callout {
2 | padding: 20px;
3 | margin: 20px 0;
4 | border: 0px solid transparent;
5 | border-left-width: 5px;
6 | background: #f8fafa;
7 | }
8 | .bs-callout h4 {
9 | margin-top: 0;
10 | margin-bottom: 5px;
11 | }
12 | .bs-callout p:last-child {
13 | margin-bottom: 0;
14 | }
15 | .bs-callout code {
16 | border-radius: $border-radius;
17 | }
18 | .bs-callout + .bs-callout {
19 | margin-top: -5px;
20 | }
21 | .bs-callout-default {
22 | border-left-color: #777;
23 | }
24 | .bs-callout-default h4 {
25 | color: #777;
26 | }
27 | .bs-callout-primary {
28 | border-left-color: $primary;
29 | }
30 | .bs-callout-primary h4 {
31 | color: #428bca;
32 | }
33 | .bs-callout-success {
34 | border-left-color: #5cb85c;
35 | }
36 | .bs-callout-success h4 {
37 | color: #5cb85c;
38 | }
39 | .bs-callout-danger {
40 | border-left-color: #d9534f;
41 | }
42 | .bs-callout-danger h4 {
43 | color: #d9534f;
44 | }
45 | .bs-callout-warning {
46 | border-left-color: #f0ad4e;
47 | }
48 | .bs-callout-warning h4 {
49 | color: #f0ad4e;
50 | }
51 | .bs-callout-info {
52 | border-left-color: #5bc0de;
53 | }
54 | .bs-callout-info h4 {
55 | color: #5bc0de;
56 | }
57 |
--------------------------------------------------------------------------------
/src/scss/_components/_docs.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/getredash/website/d066444ca16970a31ba4645f3a7d4da2dac8f67e/src/scss/_components/_docs.scss
--------------------------------------------------------------------------------
/src/scss/_components/_flex.scss:
--------------------------------------------------------------------------------
1 | /* FLEX */
2 |
3 | .flex {
4 | display: flex;
5 | }
6 | .flex-inline {
7 | display: inline-flex;
8 | }
9 | .flex-wrap {
10 | flex-wrap: wrap;
11 | }
12 | .flex-column {
13 | flex-direction: column;
14 | }
15 | .flex-between {
16 | justify-content: space-between;
17 | }
18 | .flex-around {
19 | justify-content: space-around;
20 | }
21 | .flex-content-center {
22 | justify-content: center;
23 | }
24 | .flex-content-end {
25 | justify-content: flex-end;
26 | }
27 | .flex-item-center {
28 | align-items: center;
29 | }
30 | .flex-item-end {
31 | align-items: flex-end;
32 | }
33 | .flex-item-start {
34 | align-items: flex-start;
35 | }
36 | .flex-item-end {
37 | margin-top: auto;
38 | }
39 | .flex-self-end {
40 | align-self: flex-end;
41 | }
42 | .flex-item-between {
43 | align-content: space-between;
44 | }
45 | .flex-basis-100 {
46 | flex-basis: 100%;
47 | }
48 | .flex-grow {
49 | flex-grow: 1;
50 | }
51 | .flex-no-shrink {
52 | flex-shrink: 0;
53 | }
54 |
--------------------------------------------------------------------------------
/src/scss/_components/_forms.scss:
--------------------------------------------------------------------------------
1 | /* FORMS */
2 | $field-border: $legaloblolly;
3 | $field-bg: rgba($legaloblolly, 0.5);
4 | $field-color: $white;
5 | $field-fs: 16px;
6 | $placeholder-color: $white;
7 | $placeholder-opacity: 0;
8 |
9 | .form-control {
10 | -webkit-appearance: none;
11 | -moz-appearance: none;
12 | border-radius: 0;
13 | border: none;
14 | border-bottom: 2px solid $field-border;
15 | background: #fff;
16 | color: $primary;
17 | box-shadow: none;
18 | font-size: 17px;
19 | padding: 7px 5px;
20 | font-weight: 500;
21 | line-height: 1.5;
22 | height: auto;
23 | &:focus {
24 | box-shadow: 0 0 0 2px #c8e5fd !important;
25 | border-color: $primary;
26 | @include custom-placeholder-opacity($opacity: $placeholder-opacity);
27 | }
28 | }
29 |
30 | .form-control--white {
31 | background: $white;
32 | color: $primary;
33 | @include custom-placeholder($color: $primary, $font-size: $field-fs);
34 | &:focus {
35 | border-color: $primary;
36 | }
37 | }
38 |
39 | .form-group {
40 | &:last-child {
41 | margin-bottom: 0;
42 | }
43 | }
44 | .input-lg {
45 | height: 60px;
46 | border-radius: 0 !important;
47 | }
48 |
49 | .form-group--search {
50 | &:before {
51 | font-family: $font-icon;
52 | @extend .fa, .fa-search;
53 | position: absolute;
54 | left: 35px;
55 | transform: translateY(-50%);
56 | top: 50%;
57 | z-index: 2;
58 | }
59 | .search-box {
60 | position: relative;
61 | z-index: 1; // Fix for issue #230
62 | }
63 | .form-control {
64 | padding-left: 50px;
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/scss/_components/_from-to.scss:
--------------------------------------------------------------------------------
1 | /* FROM TO */
2 |
3 | .from-to-holder {
4 | text-align: center;
5 | position: relative;
6 | }
7 | .from-to-holder__item {
8 | display: inline-block;
9 | max-width: 175px;
10 | vertical-align: middle;
11 | & + .from-to-holder__item {
12 | margin-left: 220px;
13 | @include respond-to(xs) {
14 | margin-left: 100px;
15 | }
16 | }
17 | }
18 |
19 | .from-to-plus {
20 | font-size: 54px;
21 | display: inline-block;
22 | font-weight: 200;
23 | margin: 0 25px;
24 | opacity: 0.3;
25 | }
26 |
27 | .from-to-holder__logo {
28 | width: 100%;
29 | max-width: 96px;
30 | display: inline-block;
31 | }
32 | .from-to-holder__redash {
33 | width: 100%;
34 | max-width: 50px;
35 | display: inline-block;
36 | margin-bottom: 10px;
37 | }
38 | .from-to-holder__title {
39 | font-size: 18px;
40 | font-weight: 500;
41 | }
42 |
--------------------------------------------------------------------------------
/src/scss/_components/_globals.scss:
--------------------------------------------------------------------------------
1 | .p-0 {
2 | padding: 0 !important;
3 | }
4 |
5 | .p-t-0 {
6 | padding-top: 0 !important;
7 | }
8 |
9 | .p-t-25 {
10 | padding-top: 25px !important;
11 | }
12 |
13 | .p-b-25 {
14 | padding-bottom: 25px !important;
15 | }
16 |
17 | .p-b-10 {
18 | padding-bottom: 10px !important;
19 | }
20 |
21 | .m-t-0 {
22 | margin-top: 0 !important;
23 | }
24 |
25 | .m-t-10 {
26 | margin-top: 10px !important;
27 | }
28 |
29 | .m-b-10 {
30 | margin-bottom: 10px !important;
31 | }
32 |
33 | /* MARGINS */
34 |
35 | .mt-0 {
36 | margin-top: 0 !important;
37 | }
38 | .mb-20 {
39 | margin-bottom: 20px !important;
40 | }
41 |
42 | .m-b-0 {
43 | margin-bottom: 0 !important;
44 | }
45 |
46 | .m-t-25 {
47 | margin-top: 25px !important;
48 | }
49 |
50 | .m-b-25 {
51 | margin-bottom: 25px !important;
52 | }
53 |
54 | .m-b-20 {
55 | margin-bottom: 20px !important;
56 | }
57 |
58 | .m-t-50 {
59 | margin-top: 50px !important;
60 | }
61 |
62 | .m-b-50 {
63 | margin-bottom: 50px !important;
64 | }
65 |
66 | .m-b-100 {
67 | margin-bottom: 100px !important;
68 | }
69 |
70 | .m-t-100 {
71 | margin-top: 100px !important;
72 | }
73 |
74 | .card {
75 | padding: 45px;
76 | border-radius: $border-radius;
77 |
78 | h3 {
79 | margin-top: 0;
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/src/scss/_components/_kb.scss:
--------------------------------------------------------------------------------
1 | .topics__list__link {
2 | p,
3 | h4 {
4 | margin-bottom: 0;
5 | }
6 |
7 | h4:hover {
8 | color: $primary;
9 | }
10 | }
11 |
12 | .topics__list__item a:hover {
13 | background: none;
14 | }
15 |
16 | .hits-rest {
17 | margin-top: 15px;
18 | }
19 |
20 | .edit-on-github {
21 | opacity: 0.5;
22 | transition: all 0.75s cubic-bezier(0.2, 1, 0.4, 1);
23 |
24 | &:hover {
25 | opacity: 1;
26 | }
27 | }
28 |
29 | .h2--kb-page-title {
30 | margin-top: 10px;
31 | }
32 |
33 | code {
34 | padding: 0px 5px;
35 | font-size: 75%;
36 | color: #c7254e;
37 | background-color: #f9f2f4;
38 | border-radius: 2px;
39 | border: 1px solid #f5ecef;
40 | display: inline-block;
41 | line-height: 20px;
42 | font-family:
43 | Source Code Pro,
44 | Menlo,
45 | monospace;
46 | }
47 |
48 | pre {
49 | border: none;
50 | border-radius: $border-radius;
51 | background: #071010;
52 | color: #fff;
53 |
54 | code {
55 | border: none;
56 | }
57 | }
58 |
59 | div.docs img {
60 | padding: 25px;
61 | background-color: #f6f7f9;
62 | border-radius: $border-radius;
63 |
64 | @include img-responsive;
65 | @include center-block;
66 | }
67 |
68 | div.docs table {
69 | @extend .table;
70 | @extend .table-bordered;
71 | }
72 |
73 | div.docs h2,
74 | div.docs h3 {
75 | padding-top: 80px;
76 | margin-top: -80px;
77 | }
78 |
79 | .sticky-in-parent {
80 | position: sticky;
81 | top: 100px;
82 | }
83 |
84 | body.drawer div.quick-nav {
85 | display: none;
86 | }
87 |
--------------------------------------------------------------------------------
/src/scss/_components/_list.scss:
--------------------------------------------------------------------------------
1 | /* LIST */
2 |
3 | .list-bullet {
4 | @extend .list-unstyled;
5 | > li {
6 | position: relative;
7 | padding-left: 15px;
8 | &:before {
9 | position: absolute;
10 | left: 0;
11 | top: 11px;
12 | content: '';
13 | display: inline-block;
14 | width: 5px;
15 | height: 5px;
16 | border-radius: 50%;
17 | background: $danger;
18 | }
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/scss/_components/_page-about.scss:
--------------------------------------------------------------------------------
1 | .contributor-list--team {
2 | justify-content: center;
3 |
4 | .contributor-card {
5 | min-width: 245px;
6 |
7 | .img {
8 | border-radius: 50%;
9 | width: 64px;
10 | height: 64px;
11 | background-size: cover;
12 | background-position: center center;
13 | margin: 0 auto;
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/src/scss/_components/_page-casestudy.scss:
--------------------------------------------------------------------------------
1 | .case-study-item {
2 | display: block;
3 | margin-bottom: 20px;
4 | padding: 25px;
5 |
6 | .customer-logo {
7 | float: left;
8 | width: 160px;
9 | margin-right: 15px;
10 |
11 | @media (max-width: 600px) {
12 | width: 96px;
13 | }
14 | }
15 | }
16 |
17 | .table-default {
18 | border-radius: 2px;
19 |
20 | th {
21 | background: $mutted-soft;
22 | }
23 |
24 | td,
25 | th {
26 | padding: 15px;
27 | }
28 | }
29 |
30 | .section-case-study {
31 | h4 {
32 | margin-bottom: 10px;
33 | }
34 |
35 | .profile-image {
36 | float: left;
37 | margin-right: 10px;
38 | margin-top: 5px;
39 | }
40 |
41 | blockquote {
42 | font-size: 100%;
43 | color: #000;
44 | font-style: italic;
45 | background-color: $mutted-soft;
46 | border-radius: $border-radius;
47 | font-family: 'Courier';
48 | transition: all 0.13s ease-in-out;
49 | border-left: 5px solid $small-blue;
50 |
51 | &:hover {
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/scss/_components/_page-community.scss:
--------------------------------------------------------------------------------
1 | .section__os--hero {
2 | h1 {
3 | margin-top: 150px;
4 | }
5 |
6 | #open-source-illustrated {
7 | width: 95%;
8 | transform: translatey(0px);
9 | animation: float 6s ease-in-out infinite;
10 | }
11 | }
12 |
13 | @keyframes float {
14 | 0% {
15 | transform: translatey(0px);
16 | }
17 | 50% {
18 | transform: translatey(-20px);
19 | }
20 | 100% {
21 | transform: translatey(0px);
22 | }
23 | }
24 |
25 | .contributor-list {
26 | display: flex;
27 | align-items: flex-start;
28 | align-content: flex-start;
29 | flex-wrap: wrap;
30 | }
31 |
32 | .contributor-pics {
33 | margin: 5px;
34 | img {
35 | border-radius: 50%;
36 | }
37 | }
38 |
39 | .contributor-card {
40 | text-align: center;
41 | box-shadow: 0 4px 9px rgba(0, 0, 0, 0.05125);
42 | border: 1px solid #eaeaea;
43 | border-radius: $border-radius;
44 | margin: 15px;
45 | margin-top: 25px;
46 | padding: 25px;
47 | min-width: 195px;
48 | }
49 |
50 | .section__os--contributor-list {
51 | overflow: hidden;
52 | }
53 |
--------------------------------------------------------------------------------
/src/scss/_components/_page-contact.scss:
--------------------------------------------------------------------------------
1 | .redash-contact-form {
2 | margin-top: 25px;
3 |
4 | textarea {
5 | width: 100%;
6 | box-sizing: border-box;
7 | -webkit-box-sizing: border-box;
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/src/scss/_components/_page-customers.scss:
--------------------------------------------------------------------------------
1 | .featured-customer {
2 | box-shadow: 0 4px 9px rgba(0, 0, 0, 0.05125);
3 | border: 1px solid #eaeaea;
4 | border-radius: $border-radius;
5 | margin-bottom: 25px;
6 |
7 | .featured-customer--content {
8 | padding: 25px;
9 | padding-top: 15px;
10 | }
11 |
12 | h2 {
13 | margin-top: 0;
14 |
15 | small {
16 | background: #4080fe;
17 | color: #fff;
18 | font-weight: 600;
19 | font-size: 14px;
20 | border-radius: $border-radius;
21 | padding: 3px 10px;
22 | text-transform: allcaps;
23 | }
24 | }
25 | }
26 |
27 | .profile-image {
28 | border-radius: 50%;
29 | }
30 |
31 | .customer-quotes__middle {
32 | margin-top: -35px;
33 |
34 | @media (max-width: 767px) {
35 | margin-top: 0;
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/scss/_components/_page-index.scss:
--------------------------------------------------------------------------------
1 | .weekly-signups {
2 | span {
3 | //background: rgba(255,251,236,.9);
4 | padding: 3px 7px;
5 | color: rgba(0, 0, 0, 0.9);
6 | border-radius: $border-radius;
7 | //border: 1px solid rgba(236, 236, 236, 0.6);
8 | opacity: 0.8;
9 | transition: all 1.5s cubic-bezier(0.2, 1, 0.4, 1);
10 | }
11 | }
12 |
13 | .section--hero:hover {
14 | .weekly-signups span {
15 | opacity: 1;
16 | }
17 | }
18 |
19 | section.subscribe {
20 | padding: 75px 0;
21 |
22 | @media (max-width: 767px) {
23 | display: inline-block;
24 | padding: 25px 0;
25 |
26 | h4 {
27 | font-size: 90%;
28 | line-height: 1.5;
29 | }
30 | }
31 |
32 | .form-control {
33 | font-size: 17px;
34 | width: 300px;
35 |
36 | @media (max-width: 767px) {
37 | display: inline-block;
38 | }
39 |
40 | @media (max-width: 400px) {
41 | width: 100%;
42 | }
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/src/scss/_components/_page-integrations.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/getredash/website/d066444ca16970a31ba4645f3a7d4da2dac8f67e/src/scss/_components/_page-integrations.scss
--------------------------------------------------------------------------------
/src/scss/_components/_page-product.scss:
--------------------------------------------------------------------------------
1 | .browser-container {
2 | box-shadow: 0 6px 18px -5px rgba(175, 175, 175, 0.5);
3 | width: 720px;
4 |
5 | img {
6 | width: inherit;
7 | }
8 | }
9 |
10 | .visualize-dashboards-illustrated {
11 | margin-top: 75px;
12 | }
13 |
--------------------------------------------------------------------------------
/src/scss/_components/_panel.scss:
--------------------------------------------------------------------------------
1 | /* PANEL */
2 |
3 | .panel-nav {
4 | color: $scorpion;
5 | a {
6 | color: $scorpion;
7 | display: block;
8 | padding: 5px;
9 | &:hover,
10 | &:focus {
11 | color: $primary;
12 | background: $wild-sand;
13 | }
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/scss/_components/_popover.scss:
--------------------------------------------------------------------------------
1 | .popover {
2 | border-radius: $border-radius;
3 | background: rgba(255, 255, 255, 0.95);
4 | text-align: center;
5 | border: none;
6 | box-shadow: 0 3px 15px -2px rgba(175, 175, 175, 0.5);
7 |
8 | .arrow {
9 | border: none;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/scss/_components/_search_results.scss:
--------------------------------------------------------------------------------
1 | .algolia__result-highlight {
2 | background-color: #daeeff;
3 | }
4 |
5 | .underline-link-holder {
6 | a {
7 | color: $primary;
8 | //border-bottom: 1px solid $primary;
9 | transition: all 0.25s cubic-bezier(0.2, 1, 0.4, 1);
10 | &:hover,
11 | &:focus {
12 | color: $primary;
13 | background-color: #daeeff;
14 | }
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/src/scss/_components/_topics.scss:
--------------------------------------------------------------------------------
1 | /* TOPICS */
2 |
3 | $topic-color: $small-blue;
4 |
5 | .topics {
6 | &:not(:last-child) {
7 | margin-bottom: 20px;
8 | }
9 | }
10 | .topics--mb-xl {
11 | &:not(:last-child) {
12 | margin-bottom: 40px;
13 | @include respond-to(sm) {
14 | margin-bottom: 50px;
15 | }
16 | @include respond-to(xs) {
17 | margin-bottom: 30px;
18 | }
19 | }
20 | }
21 |
22 | .topics__item {
23 | min-height: 190px;
24 | border-radius: 4px;
25 | border: 1px solid $gray;
26 | @extend .flex, .flex-content-center, .flex-item-center;
27 | font-size: 18px;
28 | padding: 15px;
29 | margin-bottom: 40px;
30 | color: $topic-color;
31 | @include respond-to(xs) {
32 | min-height: 120px;
33 | }
34 | &:hover,
35 | &:focus {
36 | border-color: $topic-color;
37 | background: lighten($link-color, 38%);
38 | border-width: 2px;
39 | color: darken($link-color, 10%);
40 | }
41 | }
42 |
43 | .topics__list {
44 | &:not(:first-child) {
45 | margin-top: 50px;
46 | @include respond-to(xs) {
47 | margin-top: 30px;
48 | }
49 | }
50 | }
51 |
52 | .topics__list__item {
53 | border-bottom: 1px solid $gray;
54 | }
55 |
56 | .topics__list__link {
57 | display: block;
58 | color: $topic-color;
59 | padding: 20px 0;
60 | @include respond-to(xs) {
61 | padding: 20px 0;
62 | }
63 | &:hover,
64 | &:focus {
65 | color: darken($link-color, 10%);
66 | }
67 | }
68 | .topics__list__title {
69 | margin-top: 0;
70 | margin-bottom: 10px;
71 | }
72 |
--------------------------------------------------------------------------------
/src/scss/main.scss:
--------------------------------------------------------------------------------
1 | $bootstrap-sass-asset-helper: false;
2 | $fa-font-path: '~font-awesome/fonts/';
3 | $icon-font-path: 'bootstrap-sass/assets/fonts/bootstrap/';
4 | @import '~bootstrap-sass/assets/stylesheets/bootstrap';
5 | @import '~font-awesome/scss/font-awesome';
6 | @import '_components/_mixins.scss';
7 | @import '_components/_variables.scss';
8 | @import '_partials/_navbar.scss';
9 | @import '_partials/_footer.scss';
10 | @import '_components/_bootstrap-override.scss';
11 | @import '_components/_reset.scss';
12 | @import '_components/_forms.scss';
13 | @import '_components/_typography.scss';
14 | @import '_components/_buttons.scss';
15 | @import '_components/_list.scss';
16 | @import '_components/_flex.scss';
17 | @import '_components/_card.scss';
18 | @import '_components/_from-to.scss';
19 | @import '_components/_page-index.scss';
20 | @import '_components/_page-price.scss';
21 | @import '_components/_page-community.scss';
22 | @import '_components/_page-customers.scss';
23 | @import '_components/_page-about.scss';
24 | @import '_components/_page-product.scss';
25 | @import '_components/_page-contact.scss';
26 | @import '_components/_page-integrations.scss';
27 | @import '_components/_page-casestudy.scss';
28 | @import '_components/_topics.scss';
29 | @import '_components/_alert.scss';
30 | @import '_components/_breadcrumb.scss';
31 | @import '_components/_panel.scss';
32 | @import '_components/_popover.scss';
33 | @import '_components/_callouts.scss';
34 | @import '_components/_kb.scss';
35 | @import '_components/_search_results.scss';
36 | @import '_components/_section.scss';
37 | @import '_components/_globals.scss';
38 |
--------------------------------------------------------------------------------
/src/templates/NarrowTextPage.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { graphql } from 'gatsby'
3 | import Layout from 'components/Layout'
4 |
5 | export default function NarrowTextPageTemplate({
6 | location,
7 | data: {
8 | markdownRemark: { frontmatter, html },
9 | },
10 | }) {
11 | return (
12 |