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

Author: d4rkstar

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);

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:dev-subscribe@openserverless.apache.org)
+- our [Discord channels](https://discord.com/channels/1330139630175260783/1330139635774656585)
+- our [Telegram](https://t.me/+XhbCjBrkkaNkOWM0)
+

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.

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">