Created the services and hands-on pages as docs style page, fix workf…

…lows sizing, implemented the feedback prompt, made the services scrollable
eclipse-thingweb · Oct 11, 2024 · 733fcf9 · 733fcf9
1 parent 1d38067
commit 733fcf9
Show file tree

Hide file tree

Showing 32 changed files with 671 additions and 646 deletions.
diff --git a/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md
diff --git a/blog/2019-05-29-long-blog-post.md b/blog/2019-05-29-long-blog-post.md
diff --git a/blog/2021-08-01-mdx-blog-post.mdx b/blog/2021-08-01-mdx-blog-post.mdx
diff --git a/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
diff --git a/blog/2021-08-26-welcome/index.md b/blog/2021-08-26-welcome/index.md
diff --git a/blog/authors.yml b/blog/authors.yml
diff --git a/blog/tags.yml b/blog/tags.yml
diff --git a/docs/Introduction.md b/docs/Introduction.md
@@ -1,6 +1,7 @@
 ---
 sidebar_position: 1
 ---
+# Introduction
 
 :::info
 

diff --git a/docusaurus.config.js b/docusaurus.config.js
diff --git a/hands-on/articles/_category_.json b/hands-on/articles/_category_.json
@@ -0,0 +1,10 @@
+{
+    "label": "Web of Things - Hands-On",
+    "className": "hands-on-articles",
+    "position": 1,
+    "link": {
+        "type": "generated-index",
+        "slug": "articles",
+        "description": "This section aims to provide hands-on information about the Web of Things (WoT) in general and the technologies developed in this area. For more information please visit the following sub-pages:"
+    }
+}
diff --git a/src/pages/hands-on/exposed-thing.md → hands-on/articles/exposed-thing.md b/src/pages/hands-on/exposed-thing.md → hands-on/articles/exposed-thing.md
@@ -1,3 +1,8 @@
+---
+sidebar_position: 2
+title: Exposed Thing with node-wot as Dependency
+description: In this document, we aim to introduce how to use the node-wot libraries to implement an Exposed Thing.
+---
 # Exposed Thing with node-wot as Dependency
 
 ## Introduction
@@ -179,4 +184,4 @@ Resulting from the discussions in the Scripting API, the API has changed on 28.1
 * Since you cannot pass the initial value for a property with addProperty, you have to do a writeProperty(myInitialValue) at some point.
 * You cannot change the TD of an ExposedThing, i.e. you cannot do thing.id="thingweb:io:example".
 
-You can see a git diff [here](https://github.com/tum-esi/wot-sys/commit/6cef8530b3317d98c2a7dea389c92ba2786be892#diff-0d33955cb472f41f07397fc2687c6425R10)
+You can see a git diff [here](https://github.com/tum-esi/wot-sys/commit/6cef8530b3317d98c2a7dea389c92ba2786be892#diff-0d33955cb472f41f07397fc2687c6425R10)
diff --git a/src/pages/hands-on/intro-raspberry.md → hands-on/articles/intro-raspberry.md b/src/pages/hands-on/intro-raspberry.md → hands-on/articles/intro-raspberry.md
@@ -1,3 +1,8 @@
+---
+sidebar_position: 1
+title: Raspberry Pi Setup
+description: This document aims to introduce the Web of Things (WoT) as building blocks for applications based on the IoT devices.
+---
 # WoT - Introduction & Raspberry Pi Setup
 
 This document aims to introduce the Web of Things (WoT) as building blocks for applications based on the IoT devices. As a growing area, IoT services and application have a huge potential. From home automation to smart-grid passing by industrial manufacturers, IoT is gaining popularity as a potential solution to address their need. Several technologies can be used to build an IoT application mainly because of the specific constraints of the devices. This creates interoperability challenges for communication between devices. WoT offers an approach to expose and consume IoT resources as web resources.
@@ -157,11 +162,11 @@ WoT.produce({
         console.log("Produced " + thing.getThingDescription().title);
 
         // init property values
-		    // ...
+        // ...
         // set property handlers
-		    // ...
+        // ...
         // set action handlers
-		    // ...
+        // ...
 
         // expose the thing
         thing.expose().then(() => {
@@ -250,4 +255,4 @@ WoT presents an interesting approach to build IoT applications. Its adoption by
 
 References
 1. https://www.w3.org/TR/wot-architecture/
-2. https://github.com/w3c/wot
+2. https://github.com/w3c/wot
diff --git a/src/pages/hands-on/smart-coffee-machine.md → hands-on/articles/smart-coffee-machine.md b/src/pages/hands-on/smart-coffee-machine.md → hands-on/articles/smart-coffee-machine.md
@@ -1,3 +1,9 @@
+---
+sidebar_position: 2
+title: Smart Coffee Machine and node-wot API
+description: This article is a tutorial which considers a fictional smart coffee machine in order to demonstrate the capabilities of Web of Things (WoT) and the usage of node-wot API.
+---
+
 # Smart coffee machine and node-wot API usage
 
 ## Introduction

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
     "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@mdx-js/react": "^3.0.0",
+    "@splidejs/react-splide": "^0.7.12",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "docusaurus-plugin-sass": "^0.2.5",