Skip to content

Commit 45882f7

Browse files
alexellisalexellis
committed
Products page and bottom nav
Signed-off-by: Alex Ellis (OpenFaaS Ltd) <alexellis2@gmail.com>
1 parent 7589edd commit 45882f7

File tree

11 files changed

+169
-31
lines changed

11 files changed

+169
-31
lines changed

‎_data/navigation.yml

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,6 @@
1010
- name: Products
1111
class: navbar-item
1212
link: /products/
13-
- name: Support
14-
class: navbar-item
15-
link: /support/
1613
- name: Docs
1714
class: navbar-item
1815
link: https://docs.openfaas.com/
19-

‎_data/navigation_bottom.yml

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
- name: About
2+
class: navbar-item
3+
link: /
4+
- name: Blog
5+
class: navbar-item
6+
link: /blog/
7+
- name: Pricing
8+
class: navbar-item
9+
link: /pricing/
10+
- name: Products
11+
class: navbar-item
12+
link: /products/
13+
- name: Team
14+
class: navbar-item
15+
link: /team/
16+
- name: eBooks
17+
class: navbar-item
18+
link: https://store.openfaas.com
19+
- name: Support
20+
class: navbar-item
21+
link: /support/
22+
- name: Docs
23+
class: navbar-item
24+
link: https://docs.openfaas.com/
25+

‎_includes/footer-navigation.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99

1010
<div class="navbar-menu is-visible-desktop">
1111
<div class="navbar-end">
12-
{% for link in site.data.navigation %}
12+
{% for link in site.data.navigation_bottom %}
1313
{% assign class = link.class %}
1414

1515
{% if link.link == page.url %}

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

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,22 +4,22 @@
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="book">
7+
<img src="{{ site.baseurl }}/images/openfaas/landing-page-book.png" alt="Docs">
88
<span>Read the documentation</span>
99
</a>
1010
</div>
1111

1212
<div class="column is-6 is-3-desktop">
13-
<a class="cta-button button" href="https://twitter.com/openfaas">
14-
<img src="{{ site.baseurl }}/images/openfaas/landing-page-twitter.png" alt="twitter">
15-
<span>Follow @OpenFaaS on Twitter</span>
13+
<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;">
15+
<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" alt="github">
22-
<span>Check us out on GitHub</span>
21+
<img src="{{ site.baseurl }}/images/openfaas/landing-page-github.png" style="width: 76px; height: 86px;" alt="github">
22+
<span>View on GitHub</span>
2323
</a>
2424
</div>
2525
</div>

‎_includes/pricing-page/pricing-poc.html

Lines changed: 14 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -199,17 +199,22 @@ <h3 class="has-text-centered title is-size-4 is-size-5-desktop has-text-grey-dar
199199
<div class="columns">
200200

201201
<div class="column">
202-
<a href="https://forms.gle/g6oKLTG29mDTSk5k9" target="_top" class="button is-primary is-large">
203-
<span class="icon"><i class="fas fa-calendar-alt"></i></span>
204-
<span>Setup a meeting</span>
205-
</a>
202+
<a href="https://forms.gle/g6oKLTG29mDTSk5k9" target="_top" class="button is-primary is-large">
203+
<span class="icon"><i class="fas fa-calendar-alt"></i></span>
204+
<span>Setup a meeting</span>
205+
</a>
206206
</div>
207207
<div class="column">
208-
209-
<a href="/support/" target="_top" class="button is-primary is-large">
210-
<span class="icon"><i class="fas fa-headset"></i></span>
211-
<span>View support options</span>
212-
</a>
208+
<a href="https://docs.openfaas.com/openfaas-pro/introduction/" target="_top" class="button is-primary is-large">
209+
<span class="icon"><i class="fas fa-book"></i></span>
210+
<span>Read the docs</span>
211+
</a>
212+
</div>
213+
<div class="column">
214+
<a href="/support/" target="_top" class="button is-primary is-large">
215+
<span class="icon"><i class="fas fa-headset"></i></span>
216+
<span>View support options</span>
217+
</a>
213218
</div>
214219
</div>
215220
</div>

‎_includes/products-page/products-cards.html

Lines changed: 33 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<div class="column is-12 is-spaced-bottom">
44
<div class="cards-wrapper">
55

6-
<div class="card has-text-centered is-12">
6+
<div class="card has-text-centered is-half mt-6">
77
<div class="card-content is-justify-content-space-between">
88
<div class="">
99
<div class="card-logo">
1010
<figure class="image is-96x96 m-auto">
11-
<img src="{{ site.baseurl }}/images/openfaas/logo-whale-round.png" alt="logo">
11+
<img src="{{ site.baseurl }}/images/openfaas/logo-whale-round.png" alt="OpenFaaS for Kubernetes logo">
1212
</figure>
1313
</div>
1414
<h3 class="title is-size-12 is-size-8-desktop has-text-grey-darker">
@@ -20,18 +20,18 @@ <h3 class="title is-size-12 is-size-8-desktop has-text-grey-darker">
2020
<p style="padding-bottom: 20px" class="has-text-weight-light">Originally created in 2016, OpenFaaS is battle-tested technology.</p>
2121
</div>
2222
<div>
23-
<a class="button is-primary is-medium" href="https://openfaas.com">openfaas.com</a>
23+
<a class="button is-primary is-medium" href="https://openfaas.com/pricing">openfaas.com</a>
2424
</div>
2525
</div>
2626
</div>
2727

2828

29-
<div class="card has-text-centered is-12">
29+
<div class="card has-text-centered is-half mt-6">
3030
<div class="card-content is-justify-content-space-between">
3131
<div class="">
3232
<div class="card-logo">
3333
<figure class="image is-96x96 m-auto">
34-
<img src="{{ site.baseurl }}/images/openfaas/logo-faasd.png" style="border-radius: 30px" alt="logo">
34+
<img src="{{ site.baseurl }}/images/openfaas/logo-faasd.png" style="border-radius: 30px" alt="OpenFaaS Edge logo">
3535
</figure>
3636
</div>
3737

@@ -49,28 +49,50 @@ <h3 class="title is-size-12 is-size-8-desktop has-text-grey-darker">
4949
</div>
5050
</div>
5151

52-
<!--
53-
<div class="card has-text-centered is-12">
52+
<div class="card has-text-centered is-half mt-6">
5453
<div class="card-content is-justify-content-space-between">
5554
<div class="">
5655
<div class="card-logo">
5756
<figure class="image is-96x96 m-auto">
58-
<img src="{{ site.baseurl }}/images/openfaas/logo-actuated.png" alt="logo">
57+
<img src="{{ site.baseurl }}/images/openfaas/logo-actuated.png" alt="Actuated logo">
5958
</figure>
6059
</div>
6160
<h3 class="title is-size-12 is-size-8-desktop has-text-grey-darker">
6261
Actuated
6362
</h3>
6463
<subtitle class="is-size-5 mb-3">
65-
Fast, secure, and supported self-hosted runners for GitHub Actions &;amp GitLab CI
64+
Fast, secure, and supported self-hosted runners for GitHub Actions &amp; GitLab CI
6665
</subtitle>
6766
<p style="padding-bottom: 20px" class="has-text-weight-light">Built with Firecracker for bare-metal speed and fixed-rate costs.</p>
6867
</div>
6968
<div>
70-
<a class="button is-primary is-medium" href="https://openfaas.com">openfaas.com</a>
69+
<a class="button is-primary is-medium" href="https://actuated.com">actuated.com</a>
7170
</div>
7271
</div>
73-
</div> -->
72+
</div>
73+
74+
75+
<div class="card has-text-centered is-half mt-6">
76+
<div class="card-content is-justify-content-space-between">
77+
<div class="">
78+
<div class="card-logo">
79+
<figure class="image is-96x96 m-auto">
80+
<img src="{{ site.baseurl }}/images/openfaas/logo-inlets.svg" alt="Inlets logo">
81+
</figure>
82+
</div>
83+
<h3 class="title is-size-12 is-size-8-desktop has-text-grey-darker">
84+
Inlets
85+
</h3>
86+
<subtitle class="is-size-5 mb-3">
87+
Expose services to the Internet from localhost or Kubernetes
88+
</subtitle>
89+
<p style="padding-bottom: 20px" class="has-text-weight-light">Expose TCP & HTTP endpoints without rate-limits and complete privacy.</p>
90+
</div>
91+
<div>
92+
<a class="button is-primary is-medium" href="https://inlets.dev">inlets.dev</a>
93+
</div>
94+
</div>
95+
</div>
7496

7597

7698
</div>

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

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
display: flex;
77

88
justify-content: space-between;
9+
flex-wrap: wrap;
910

1011
.card {
1112
display: -webkit-flex;
@@ -198,6 +199,8 @@
198199
@media (max-width: 1080px) {
199200
.cards-wrapper {
200201
margin: 0 $padding-step;
202+
flex-wrap: wrap;
203+
201204
}
202205
}
203206

@@ -210,6 +213,7 @@
210213
flex-direction: column;
211214

212215
align-items: center;
216+
flex-wrap: wrap;
213217

214218
.card {
215219
margin-bottom: $padding-step;

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

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
display: flex;
88

99
justify-content: space-between;
10+
flex-wrap: wrap;
1011

1112
.card {
1213
display: -webkit-flex;
@@ -97,6 +98,8 @@
9798
@media (max-width: 1080px) {
9899
.cards-wrapper {
99100
margin: 0 $padding-step;
101+
flex-wrap: wrap;
102+
100103
}
101104
}
102105

@@ -109,6 +112,7 @@
109112
flex-direction: column;
110113

111114
align-items: center;
115+
flex-wrap: wrap;
112116

113117
.card {
114118
margin-bottom: $padding-step;

‎images/openfaas/landing-page-github.png

4.49 KB
Loading

‎images/openfaas/logo-inlets.svg

Lines changed: 82 additions & 0 deletions
Loading

‎images/openfaas/logo-x.png

99.9 KB
Loading

0 commit comments

Comments
 (0)