Skip to content

Commit d873e76

Browse files
sriumcpsriumcp
authored
Slack and contributing buttons on landing page (#705)
* cleaner landing page * better css * Slack unfurl shorter message
1 parent 9d20e65 commit d873e76

File tree

6 files changed

+44
-40
lines changed

6 files changed

+44
-40
lines changed

‎mkdocs/docs/stylesheets/main.css

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,16 @@
1616

1717
.mdx-container {
1818
padding-top: 1rem;
19-
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%);
19+
background: linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%);
2020
}
2121
[data-md-color-scheme=slate] .mdx-container {
22-
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>") no-repeat bottom, linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%);
22+
background: linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%);
2323
}
2424

2525
.mdx-hero {
2626
margin: 0 0.8rem;
2727
color: var(--md-primary-bg-color);
28+
padding-bottom: 1.6rem;
2829
}
2930
.mdx-hero h1 {
3031
margin-bottom: 1rem;
@@ -37,14 +38,8 @@
3738
}
3839
}
3940
.mdx-hero__content {
40-
padding-bottom: 3rem;
4141
padding: 1rem;
4242
}
43-
@media screen and (max-width: 59.9375em) {
44-
.mdx-hero__content {
45-
padding-bottom: 4rem;
46-
}
47-
}
4843
.mdx-hero__image {
4944
padding: 1rem;
5045
min-width: 60%;
@@ -57,7 +52,6 @@
5752
.mdx-hero__content {
5853
max-width: 23rem;
5954
margin-top: 1rem;
60-
padding-bottom: 14vw;
6155
}
6256
.mdx-hero__image {
6357
order: 1;
@@ -164,6 +158,7 @@
164158
}
165159
.cards {
166160
padding-top: 1rem;
161+
padding-bottom: 1.5rem;
167162
}
168163
.cards .md-grid h1 {
169164
text-align: center;
@@ -172,16 +167,8 @@
172167
[data-md-color-scheme=slate] .cards .md-grid h1 {
173168
color: #fff;
174169
}
175-
.cards:focus, .cards:hover {
176-
background-color: #7085fb47;
177-
border-radius: 3px;
178-
}
179-
[data-md-color-scheme=slate] .cards:focus, [data-md-color-scheme=slate] .cards:hover {
180-
background-color: #fb69b247;
181-
}
182170

183171
.tx-container {
184-
margin-top: 2rem;
185172
background: linear-gradient(to bottom, var(--md-primary-fg-color), #a63fd9 99%, var(--md-default-bg-color) 99%);
186173
}
187174
[data-md-color-scheme=slate] .tx-container {

‎mkdocs/mkdocs.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ site_name: Iter8
22
site_url: https://iter8.tools/latest
33
site_author: Srinivasan Parthasarathy
44
site_description: >-
5-
Iter8 makes it easy to optimize business metrics and validate SLOs when you release new versions of Kubernetes apps/ML models. Quick start in 5 mins.
5+
Iter8 makes it easy to optimize business metrics and validate SLOs when you deploy apps/ML models on Kubernetes. Quick start in 5 mins.
66
77
# Repository
88
repo_name: iter8-tools/iter8
@@ -55,7 +55,7 @@ plugins:
5555

5656
# Customization
5757
extra:
58-
title: "SLO validation, A/B testing, and progressive delivery for Kubernetes apps/ML models"
58+
title: "SLO validation, A/B testing, and progressive delivery for K8s apps/ML models"
5959
version:
6060
provider: mike
6161
iter8_install_tag: v0.5.1

‎mkdocs/overrides/home.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@
7373
<div class="mdx-hero__content">
7474
<h1><strong>SLO validation, A/B testing and Progressive Delivery</strong></h1>
7575

76-
<h2>Iter8 makes it easy to <strong>optimize business metrics</strong> and <strong>validate SLOs</strong> when you deploy Kubernetes applications and ML models.</h2>
76+
<h2><strong>Easily optimize business metrics</strong> and <strong>validate SLOs</strong> when deploing apps and ML models on Kubernetes.</h2>
7777

7878
<a href="{{ base_url }}/getting-started/quick-start/" title="Quick start in 5 mins"
7979
class="md-button md-button--primary">

‎src/main/layout/_cards.scss

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,7 @@
8080
// section headers
8181
.cards {
8282
padding-top: px2rem(20px);
83+
padding-bottom: px2rem(30px);
8384
.md-grid {
8485
// Hero headline
8586
h1 {
@@ -94,21 +95,20 @@
9495

9596
}
9697

97-
&:focus,
98-
&:hover {
99-
background-color: #7085fb47;
100-
border-radius: 3px;
98+
// // &:focus,
99+
// // &:hover {
100+
// background-color: #7085fb47;
101+
// border-radius: 3px;
101102

102-
// Adjust for slate theme
103-
[data-md-color-scheme="slate"] & {
104-
background-color: #fb69b247;
105-
}
106-
}
103+
// // Adjust for slate theme
104+
// [data-md-color-scheme="slate"] & {
105+
// background-color: #fb69b247;
106+
// }
107+
// // }
107108

108109
}
109110

110111
.tx-container {
111-
margin-top: px2rem(40px);
112112
background: linear-gradient(
113113
to bottom,
114114
var(--md-primary-fg-color),

‎src/main/layout/_hero.scss

Lines changed: 27 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -28,32 +28,50 @@
2828
.mdx-container {
2929
padding-top: px2rem(20px);
3030
background:
31-
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>") no-repeat bottom,
31+
// url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>") no-repeat bottom,
3232
linear-gradient(
3333
to bottom,
3434
var(--md-primary-fg-color),
3535
hsla(280, 67%, 55%, 1) 99%,
3636
var(--md-default-bg-color) 99%
3737
);
3838

39+
// background:
40+
// url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(0, 0%, 100%, 1)' /></svg>") no-repeat bottom,
41+
// linear-gradient(
42+
// to bottom,
43+
// var(--md-primary-fg-color),
44+
// hsla(280, 67%, 55%, 1) 99%,
45+
// var(--md-default-bg-color) 99%
46+
// );
47+
3948
// Adjust background for slate theme
4049
[data-md-color-scheme="slate"] & {
4150
background:
42-
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>") no-repeat bottom,
51+
// url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>") no-repeat bottom,
4352
linear-gradient(
4453
to bottom,
4554
var(--md-primary-fg-color),
4655
hsla(280, 67%, 55%, 1) 99%,
4756
var(--md-default-bg-color) 99%
4857
);
58+
59+
// background:
60+
// url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: hsla(232, 15%, 21%, 1)' /></svg>") no-repeat bottom,
61+
// linear-gradient(
62+
// to bottom,
63+
// var(--md-primary-fg-color),
64+
// hsla(280, 67%, 55%, 1) 99%,
65+
// var(--md-default-bg-color) 99%
66+
// );
4967
}
5068
}
5169

5270
// Landing page hero
5371
.mdx-hero {
5472
margin: 0 px2rem(16px);
5573
color: var(--md-primary-bg-color);
56-
// padding-bottom: px2rem(32px);
74+
padding-bottom: px2rem(32px);
5775

5876
// Hero headline
5977
h1 {
@@ -69,13 +87,13 @@
6987

7088
// Hero content
7189
&__content {
72-
padding-bottom: px2rem(60px);
90+
// padding-bottom: px2rem(60px);
7391
padding: px2rem(20px);
7492

7593
// [mobile portrait -]: Larger hero headline
76-
@include break-to-device(tablet portrait) {
77-
padding-bottom: px2rem(80px);
78-
}
94+
// @include break-to-device(tablet portrait) {
95+
// padding-bottom: px2rem(80px);
96+
// }
7997
}
8098

8199
// Hero image
@@ -93,7 +111,7 @@
93111
&__content {
94112
max-width: px2rem(460px);
95113
margin-top: px2rem(20px);
96-
padding-bottom: 14vw;
114+
// padding-bottom: 14vw;
97115
}
98116

99117
// Hero image
@@ -135,3 +153,4 @@
135153
}
136154
}
137155
}
156+

‎src/main/main.scss

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,5 +38,3 @@
3838
@import "layout/header_title";
3939
@import "layout/cards";
4040
@import "layout/tabs";
41-
42-
//

0 commit comments

Comments
 (0)