This is an automated email from the ASF dual-hosted git repository.
msciabarra pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/openserverless-site.git
The following commit(s) were added to refs/heads/main by this push:
new 5f5fcdd Added conclusions page (#59)
5f5fcdd is described below
commit 5f5fcddbfd9db63ab93b123d3bc6a61362daf059
Author: Bruno Salzano <[email protected]>
AuthorDate: Tue Mar 25 17:45:21 2025 +0100
Added conclusions page (#59)
* docs(tutorial): Added a "conclusions" page
* chore: fixes to dark mode css
Fixed some css and the toggle in dark mode
---
assets/scss/_styles_project.scss | 9 +++++++++
content/en/docs/tutorial/conclusions/_index.md | 22 ++++++++++++++++++++++
content/en/docs/tutorial/form-validation/_index.md | 2 +-
layouts/partials/head.html | 8 ++++++++
4 files changed, 40 insertions(+), 1 deletion(-)
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 96678a2..14a0ecf 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -34,6 +34,7 @@
--link-light: #0056b3;
--code-bg-light: #f5f5f5;
--bs-secondary-color: #333333;
+ --td-pre-bg: #ececec;
}
.dark-mode {
@@ -60,6 +61,14 @@
a:hover {
color: color-mix(in srgb, var(--link-light) 80%, white);
}
+
+ .td-sidebar-toc a:hover {
+ color: color-mix(in srgb, var(--link-light) 80%, black) !important;
+ }
+
+ .td-sidebar-nav a.active {
+ color: red;
+ }
header, footer {
background-color: var(--background-light);
diff --git a/content/en/docs/tutorial/conclusions/_index.md
b/content/en/docs/tutorial/conclusions/_index.md
new file mode 100644
index 0000000..f527755
--- /dev/null
+++ b/content/en/docs/tutorial/conclusions/_index.md
@@ -0,0 +1,22 @@
+---
+title: Conclusions
+description: Let's continue our journey
+draft: false
+weight: 70
+---
+
+Summarizing what we have seen so far, in this tutorial we have seen how to:
+
+1) set up an application;
+2) create and publish the frontend
+3) create and publish the backend, in the form of packages and actions;
+4) interact with services using the `ops` utility;
+5) publish the application and distribute it on test and production
environments.
+
+At this point, all you have to do is give space to your developer imagination
and create your applications by taking advantage of the flexibility and
scalability of Apache OpenServerless.
+
+If you have questions or need support, reach us through:
+- the [Developer Mailing List](mailto:[email protected])
+- our [Discord
channels](https://discord.com/channels/1330139630175260783/1330139635774656585)
+- our [Telegram](https://t.me/+XhbCjBrkkaNkOWM0)
+
diff --git a/content/en/docs/tutorial/form-validation/_index.md
b/content/en/docs/tutorial/form-validation/_index.md
index 6d68186..7f00fc5 100644
--- a/content/en/docs/tutorial/form-validation/_index.md
+++ b/content/en/docs/tutorial/form-validation/_index.md
@@ -5,7 +5,7 @@ weight: 30
draft: false
---
-### The Contact Package
+## The Contact Package
The contact form we just uploaded does not do anything. To make it work
let’s start to fill our `package` directory with backend actions.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 1e57e75..8bdd9da 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -2,9 +2,17 @@
// Applica immediatamente la modalità scura se salvata in localStorage
(function() {
const currentTheme = localStorage.getItem('theme');
+
if (currentTheme === 'dark') {
document.documentElement.classList.add('dark-mode');
+ } else if (currentTheme === 'light') {
+ document.documentElement.classList.remove('dark-mode');
}
+ const isDarkMode = document.body.classList.contains('dark-mode');
+
+ const themeIcon = document.getElementById('theme-icon');
+ themeIcon.classList.toggle('fa-sun', !isDarkMode);
+ themeIcon.classList.toggle('fa-moon', isDarkMode);
})();
</script>
<meta charset="utf-8">
