Skip to content

Commit c1c862f

Browse files
alexellisalexellis
committed
Tighten up the landing page and customer logos section
Signed-off-by: Alex Ellis (OpenFaaS Ltd) <alexellis2@gmail.com>
1 parent 7bdc8aa commit c1c862f

File tree

10 files changed

+68
-45
lines changed

10 files changed

+68
-45
lines changed

‎_includes/landing-page/landing-bottom-cta-community.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,21 @@
44
<div class="columns is-multiline">
55
<div class="column is-6 is-3-desktop">
66
<a class="cta-button button" href="https://docs.openfaas.com/">
7-
<img src="{{ site.baseurl }}/images/openfaas/landing-page-book.png" alt="Docs">
7+
<img src="{{ site.baseurl }}/images/openfaas/landing-page-book.png" alt="Docs" style="width: 40px; height: auto;">
88
<span>Read the documentation</span>
99
</a>
1010
</div>
1111

1212
<div class="column is-6 is-3-desktop">
1313
<a class="cta-button button" href="https://x.com/openfaas">
14-
<img src="{{ site.baseurl }}/images/openfaas/logo-x.png" alt="X" style="width: 76px; height: 86px;">
14+
<img src="{{ site.baseurl }}/images/openfaas/logo-x.png" alt="X" style="width: 40px; height: auto;">
1515
<span>Follow us on X</span>
1616
</a>
1717
</div>
1818

1919
<div class="column is-6 is-3-desktop">
2020
<a class="cta-button button" href="https://github.com/openfaas/">
21-
<img src="{{ site.baseurl }}/images/openfaas/landing-page-github.png" style="width: 76px; height: 86px;" alt="github">
21+
<img src="{{ site.baseurl }}/images/openfaas/landing-page-github.png" style="width: 40px; height: auto;" alt="github">
2222
<span>View on GitHub</span>
2323
</a>
2424
</div>

‎_includes/landing-page/landing-customers.html‎

Lines changed: 6 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -22,35 +22,24 @@
2222

2323
<div class="container">
2424
<div class="columns is-multiline">
25-
<div class="column is-12 has-text-centered">
26-
<h2 class="title is-size-3 is-size-2-desktop has-text-white">
25+
<div class="column is-12 has-text-centered" style="padding-bottom: 0.5rem; margin-bottom: 0;">
26+
<h2 class="title is-size-3 is-size-2-desktop has-text-white" style="margin-bottom: 0.5rem;">
2727
Trusted in production
2828
</h2>
2929
</div>
3030

31-
<div class="column is-12">
32-
<div class="columns is-multiline">
31+
<div class="column is-12" style="padding-top: 0;">
32+
<div class="columns is-multiline" style="margin-top: 0; margin-bottom: 0;">
3333
{% for customer in site.data.customers %}
3434
{% if customer %}
35-
<div class="column is-2-desktop is-4-tablet is-6-mobile">
36-
<figure class="image is-128x128">
35+
<div class="column is-2-desktop is-4-tablet is-6-mobile" style="padding: 0.5rem;">
36+
<figure class="image is-customer-logo" style="margin: 0;">
3737
<img class="customer-logo" src="images/customers/{{ customer.logo }}" alt="{{ customer.name }} logo" title="{{ customer.name }}">
3838
</figure>
3939
</div>
4040
{% endif %}
4141
{% endfor %}
4242
</div>
4343
</div>
44-
45-
<div class="column is-12 has-text-centered">
46-
<p class="has-text-weight-light is-size-5 is-size-4-desktop has-text-white customers-category">
47-
Learn about OpenFaaS features & benefits</p>
48-
<a href="{{ site.baseurl }}/pricing" class="button is-primary">
49-
See options
50-
<span class="icon">
51-
<i class="fas fa-long-arrow-alt-right"></i>
52-
</span>
53-
</a>
54-
</div>
5544
</div>
5645
</div>

‎_includes/landing-page/landing-demo.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ <h2 class="title is-size-3 is-size-2-desktop has-text-grey-darker">
1616
Functions can be written in any language, and are built into portable Open Container Initiative (OCI) images with tooling like Docker & Buildkit.
1717
</p>
1818
<p class="title has-text-weight-light is-size-5 is-size-4-desktop has-text-grey">
19-
There are official templates available for: Go, Java, Python, C#, Ruby, Node.js, PHP, and you can also write your own in a short period of time.
19+
There are official templates available for: Node.js, Python, Go, Java, C#, Ruby, and PHP. It's quick and easy to customise templates, or even write your own.
2020
</p>
2121
<p class="title has-text-weight-light is-size-5 is-size-4-desktop has-text-grey">
2222
Your existing microservices written with frameworks like Express.js, Vert.x, Flask, ASP.NET Core, FastAPI, and Django can be deployed to OpenFaaS to reduce the time you need to spend managing Kubernetes.

‎_includes/landing-page/landing-features.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div class="container">
2-
<div>
2+
<div style="max-width: 800px; margin: 0 auto;">
33
<p class="is-size-5-mobile is-size-4-tablet is-size-3-desktop has-text-grey-darker has-text-centered mb-5">
4-
Deploy to production with OpenFaaS Standard and Enterprise
4+
Deploy code to Kubernetes with full control, portability, and commercial support.
55
</p>
66

77
</div>

‎_includes/landing-page/landing-intro.html‎

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,18 @@
11
<div class="container">
2-
<p class="intro-logo">
3-
<img src="{{ site.baseurl }}/images/openfaas/whale.png" alt="logo">
4-
</p>
2+
<p class="intro-logo">
3+
<img src="{{ site.baseurl }}/images/openfaas/whale.png" alt="logo" />
4+
</p>
55
</div>
66

77
<div class="container">
8-
<h2 class="title is-size-3-mobile is-size-2-tablet is-size-1-desktop is-capitalized has-text-weight-bold">
9-
Serverless Functions, Made Simple.
10-
</h2>
11-
<h2 class="is-size-5-mobile is-size-4-tablet is-size-3-desktop has-text-weight-light">
12-
OpenFaaS® makes it simple to deploy both functions and existing code to Kubernetes
13-
</h2>
8+
<h2
9+
class="title is-size-3-mobile is-size-2-tablet is-size-1-desktop is-capitalized has-text-weight-bold"
10+
>
11+
Serverless Functions, Made Simple.
12+
</h2>
13+
<h2
14+
class="is-size-5-mobile is-size-4-tablet is-size-3-desktop has-text-weight-light"
15+
>
16+
Serverless on your terms — stable, portable, built for production.
17+
</h2>
1418
</div>

‎_includes/landing-page/landing-sponsors.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
<div class="container">
22
<div class="columns is-multiline">
3-
<div class="column is-12 is-spaced-bottom has-text-centered">
4-
<h2 class="title is-size-3 is-size-2-desktop has-text-grey-darker">
3+
<div class="column is-12 has-text-centered" style="padding-bottom: 0.25rem; margin-bottom: 0;">
4+
<h2 class="title is-size-3 is-size-2-desktop has-text-grey-darker" style="margin-bottom: 0.5rem;">
55
Thank you to our sponsors
66
</h2>
77
</div>
88

99
{% for category in site.data.sponsors %}
10-
<div class="column is-12 has-text-centered">
11-
<h1 class="title is-size-5 is-size-4-desktop has-text-grey sponsors-category">
10+
<div class="column is-12 has-text-centered" style="padding-top: 0.25rem; padding-bottom: 0.125rem; margin-bottom: 0;">
11+
<h1 class="title is-size-5 is-size-4-desktop has-text-grey sponsors-category" style="margin-bottom: 0.25rem;">
1212
{{ category[0] }} Tier
1313
</h1>
1414
</div>
1515

16-
<div class="column is-12 has-text-centered">
16+
<div class="column is-12 has-text-centered" style="padding-bottom: 0.25rem; margin-bottom: 0;">
1717
<div class="columns">
1818
{% for sponsor in category[1] %}
1919
{% if sponsor %}
@@ -29,8 +29,8 @@ <h1 class="title is-size-5 is-size-4-desktop has-text-grey sponsors-category">
2929
</div>
3030
</div>
3131
{% endfor %}
32-
<div class="column is-12 has-text-centered">
33-
<p class="has-text-weight-light is-size-5 is-size-4-desktop has-text-grey sponsors-category">Become an individual or corporate sponsor via GitHub:</p>
32+
<div class="column is-12 has-text-centered" style="padding-top: 0.5rem; margin-top: 0;">
33+
<p class="has-text-weight-light is-size-5 is-size-4-desktop has-text-grey sponsors-category" style="margin-bottom: 0.5rem;">Become an individual or corporate sponsor via GitHub:</p>
3434
<a href="https://github.com/sponsors/openfaas" class="button is-primary">
3535
Become a sponsor
3636
<span class="icon">

‎_sass/openfaas/includes/landing-page/call-to-action.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -240,7 +240,7 @@
240240
height: 100%;
241241

242242
img {
243-
max-width: 55px;
243+
max-width: 40px;
244244
}
245245

246246
span {

‎_sass/openfaas/includes/landing-page/customers.scss‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,31 @@
77
}
88
}
99

10+
.columns {
11+
margin-top: 0 !important;
12+
margin-bottom: 0 !important;
13+
}
14+
15+
.column {
16+
padding: 0.5rem !important;
17+
}
18+
19+
figure {
20+
margin: 0 !important;
21+
22+
&.is-customer-logo {
23+
width: 128px;
24+
height: 80px;
25+
display: flex;
26+
align-items: center;
27+
justify-content: center;
28+
}
29+
}
30+
31+
.title {
32+
margin-bottom: 0.5rem !important;
33+
}
34+
1035
.button {
1136
margin-top: $padding-step * 2;
1237

‎_sass/openfaas/includes/landing-page/general.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -50,13 +50,13 @@
5050
}
5151

5252
&.sponsors {
53-
padding-top: $padding-step * 4;
54-
padding-bottom: $padding-step * 4;
53+
padding-top: $padding-step;
54+
padding-bottom: $padding-step;
5555
}
5656

5757
&.customers {
58-
padding-top: $padding-step * 4;
59-
padding-bottom: $padding-step * 4;
58+
padding-top: $padding-step;
59+
padding-bottom: $padding-step;
6060
}
6161

6262
&.call-to-action-cards {

‎_sass/openfaas/includes/landing-page/sponsors.scss‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,14 @@
44
&.title {
55
font-weight: 300;
66
text-transform: capitalize;
7+
margin-bottom: 0.25rem !important;
78
}
89
}
910

11+
.title {
12+
margin-bottom: 0.5rem !important;
13+
}
14+
1015
.of-sponsor-logo {
1116
display: -webkit-flex;
1217
display: -ms-flex;
@@ -25,7 +30,7 @@
2530
}
2631

2732
.button {
28-
margin-top: $padding-step * 2;
33+
margin-top: 0.5rem;
2934

3035
border: 3px solid;
3136
border-radius: 10px;

0 commit comments

Comments
 (0)