Skip to content

Commit dcba764

Browse files
alexellisalexellis
committed
Solutions and language section
Signed-off-by: Alex Ellis (OpenFaaS Ltd) <alexellis2@gmail.com>
1 parent 89a8709 commit dcba764

File tree

5 files changed

+148
-103
lines changed

5 files changed

+148
-103
lines changed

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

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,8 @@
1616

1717
<style>
1818
.customer-logo{
19-
filter: grayscale(1);
19+
filter: grayscale(1) brightness(1.5);
20+
opacity: 0.85;
2021
}
2122
</style>
2223

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

Lines changed: 17 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,43 @@
1-
<div class="container code-samples">
2-
<div class="columns">
3-
<div class="column is-8 is-offset-2">
4-
<div class="is-fullwidth">
5-
<!-- Tab links -->
6-
<div class="tab">
7-
<button class="tablinks" onclick="openCode(event, 'Javascript')" id="defaultOpen">Node.js</button>
8-
<button class="tablinks" onclick="openCode(event, 'Python')">Python</button>
9-
<button class="tablinks" onclick="openCode(event, 'Go')">Go</button>
10-
<button class="tablinks" onclick="openCode(event, 'Dockerfile')">Dockerfile</button>
11-
<button class="tablinks" onclick="openCode(event, 'Bash')">Bash</button>
12-
<button class="tablinks" onclick="openCode(event, 'Java')">Java</button>
13-
</div>
14-
</div>
15-
16-
{% include landing-page/code-examples/java.html %}
17-
{% include landing-page/code-examples/go.html %}
18-
{% include landing-page/code-examples/python.html %}
19-
{% include landing-page/code-examples/javascript.html %}
20-
{% include landing-page/code-examples/bash.html %}
21-
{% include landing-page/code-examples/dockerfile.html %}
1+
<div class="code-samples">
2+
<div class="is-fullwidth">
3+
<!-- Tab links -->
4+
<div class="tab">
5+
<button class="tablinks" onclick="openCode(event, 'Javascript')" id="defaultOpen">Node.js</button>
6+
<button class="tablinks" onclick="openCode(event, 'Python')">Python</button>
7+
<button class="tablinks" onclick="openCode(event, 'Go')">Go</button>
8+
<button class="tablinks" onclick="openCode(event, 'Dockerfile')">Dockerfile</button>
9+
<button class="tablinks" onclick="openCode(event, 'Bash')">Bash</button>
10+
<button class="tablinks" onclick="openCode(event, 'Java')">Java</button>
2211
</div>
2312
</div>
13+
14+
{% include landing-page/code-examples/java.html %}
15+
{% include landing-page/code-examples/go.html %}
16+
{% include landing-page/code-examples/python.html %}
17+
{% include landing-page/code-examples/javascript.html %}
18+
{% include landing-page/code-examples/bash.html %}
19+
{% include landing-page/code-examples/dockerfile.html %}
2420
</div>
2521

2622
<script>
2723
function openCode(evt, cityName) {
28-
// Declare all variables
2924
var i, tabcontent, tablinks;
3025

31-
// Get all elements with class="tabcontent" and hide them
3226
tabcontent = document.getElementsByClassName("tabcontent");
3327
for (i = 0; i < tabcontent.length; i++) {
3428
tabcontent[i].style.display = "none";
3529
}
3630

37-
// Get all elements with class="tablinks" and remove the class "active"
3831
tablinks = document.getElementsByClassName("tablinks");
3932
for (i = 0; i < tablinks.length; i++) {
4033
tablinks[i].className = tablinks[i].className.replace(" active", "");
4134
}
4235

43-
// Show the current tab, and add an "active" class to the button that opened the tab
4436
document.getElementById(cityName).style.display = "block";
4537
evt.currentTarget.className += " active";
4638
}
4739

4840
</script>
4941
<script>
50-
// Get the element with id="defaultOpen" and click on it
5142
document.getElementById("defaultOpen").click();
5243
</script>

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

Lines changed: 15 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,21 @@
11
<div class="container">
22
<div class="columns is-multiline">
3-
<div class="column is-12 is-spaced-bottom">
4-
<div class="columns">
5-
<div class="column is-8 is-offset-2 has-text-centered">
6-
<h2 class="title is-size-3 is-size-2-desktop has-text-grey-darker">
7-
We speak your language
8-
</h2>
9-
</div>
10-
</div>
3+
<div class="column is-12-tablet is-5-desktop is-spaced-bottom">
4+
<h2 class="title is-size-3 is-size-2-desktop has-text-grey-darker">
5+
Write in any language. Bring your frameworks too.
6+
</h2>
7+
<p class="has-text-weight-light is-size-5 is-size-4-desktop has-text-grey-dark mt-2">
8+
Use official templates for Node.js, Python, Go, Java, C#, Ruby, and PHP — or create your own.
9+
</p>
10+
<p class="has-text-weight-light is-size-5 is-size-4-desktop has-text-grey-dark mt-2">
11+
Already have microservices built with Express.js, Flask, FastAPI, Django, or ASP.NET Core? Deploy them to OpenFaaS as-is and stop managing Kubernetes by hand.
12+
</p>
13+
<p class="has-text-weight-light is-size-5 has-text-grey-dark mt-4">
14+
<a href="https://docs.openfaas.com/languages/overview/" style="text-decoration: underline;">Browse the official templates &rarr;</a>
15+
</p>
1116
</div>
12-
<div class="column is-12 has-text-centered is-spaced-bottom">
13-
<div class="columns">
14-
<div class="column is-8 is-offset-2 has-text-centered">
15-
<p class="title has-text-weight-light is-size-5 is-size-4-desktop has-text-grey">
16-
Functions can be written in any language, and are built into portable Open Container Initiative (OCI) images with tooling like Docker & Buildkit.
17-
</p>
18-
<p class="title has-text-weight-light is-size-5 is-size-4-desktop has-text-grey">
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.
20-
</p>
21-
<p class="title has-text-weight-light is-size-5 is-size-4-desktop has-text-grey">
22-
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.
23-
</p>
24-
<p class="title has-text-weight-light is-size-5 is-size-4-desktop has-text-grey">
25-
Browse the official templates <a class="underline" href="https://docs.openfaas.com/languages/overview/">in the docs</a> or build your own.
26-
</p>
27-
</div>
28-
</div>
17+
<div class="column is-12-tablet is-7-desktop is-spaced-bottom">
18+
{% include landing-page/landing-demo-code-samples.html %}
2919
</div>
3020
</div>
3121
</div>
32-
33-
{% include landing-page/landing-demo-code-samples.html %}

0 commit comments

Comments
 (0)