refactor: align with latest marketing template

see https://github.com/w3c/wot/blob/main/README.template.md

Author: danielpeintner

README.md

@@ -1,6 +1,26 @@
+<p align="center">
+  <a href="https://w3.org/wot">
+    <img alt="Web of Things Homepage" src="https://www.w3.org/WoT/IG/wiki/images/8/8f/WOT-hz.svg" width="300" />
+  </a>
+</p>
+
+<p align="center">
+  <a href="https://w3c.social/@wot">
+    <img alt="Follow on Mastodon" src="https://img.shields.io/mastodon/follow/111609289932468076?domain=https%3A%2F%2Fw3c.social"></a>
+  <a href="https://twitter.com/W3C_WoT">
+    <img alt="X (formerly Twitter) Follow" src="https://img.shields.io/twitter/follow/W3C_WoT"></a>
+  <a href="https://stackoverflow.com/questions/tagged/web-of-things">
+    <img alt="Stack Exchange questions" src="https://img.shields.io/stackexchange/stackoverflow/t/web-of-things?style=plastic"></a>
+</p>
+
+<p align="center">
+  <a href="https://www.w3.org/TR/wot-scripting-api/"> <!--  NOTE LINK -->
+    <img alt="Latest Note" src="https://img.shields.io/badge/W3C_Note-Latest-005a9c"></a>
+  <a href="https://w3c.github.io/wot-scripting-api/"> <!--  ED LINK -->
+    <img alt="Latest Editor's Draft" src="https://img.shields.io/badge/Editor's_Draft-Latest-fe914a"></a>
+</p>
+
 # Web of Things (WoT) Scripting API
-[![Follow on Twitter](https://img.shields.io/twitter/follow/W3C_WoT.svg?label=follow+W3C_WoT)](https://twitter.com/W3C_WoT)
-[![Stack Exchange questions](https://img.shields.io/stackexchange/stackoverflow/t/web-of-things?style=plastic)]( https://stackoverflow.com/questions/tagged/web-of-things)
 
 General information about the Web of Things can be found on https://www.w3.org/WoT/.