Move playgrounds into signpost article to be consistent

docs/get-started/smart-contracts-signpost.md

@@ -10,13 +10,17 @@ The Cardano Developer Portal covers everything that is available on the mainnet.
 
 ## Get started with Marlowe 
 Marlowe is the domain-specific language for financial contracts on Cardano. 
-Take a look at the [Marlowe Tutorial](https://alpha.marlowe.iohkdev.io/doc/marlowe/tutorials/index.html) if you want to learn Marlowe from the beginning or dive straight into the [Marlowe Playground](https://alpha.marlowe.iohkdev.io/). 
+Take a look at the [Marlowe Tutorial](https://alpha.marlowe.iohkdev.io/doc/marlowe/tutorials/index.html) if you want to learn Marlowe from the beginning or dive straight into the [Marlowe Playground](https://alpha.marlowe.iohkdev.io/): 
+
+[![Marlowe Playground](../../static/img/get-started/smart-contracts/marlowe-playground.jpg)](https://alpha.marlowe.iohkdev.io/).
 
 Talk to others about [Marlowe on the Cardano Forum](https://forum.cardano.org/c/developers/cardano-marlowe/149) or if you prefer Telegram there is a dedicated [Marlowe Telegram Group](https://t.me/IOHK_Marlowe).
 
 ## Get started with Plutus 
 Plutus is the smart contract platform of the Cardano blockchain.
-Take a look at the [Plutus Tutorial](https://playground.plutus.iohkdev.io/tutorial/index.html) if you want to learn Plutus from the beginning or dive straight into the [Plutus Playground](https://playground.plutus.iohkdev.io).
+Take a look at the [Plutus Tutorial](https://playground.plutus.iohkdev.io/tutorial/index.html) if you want to learn Plutus from the beginning or dive straight into the [Plutus Playground](https://playground.plutus.iohkdev.io):
+
+[![Plutus Playground](../../static/img/get-started/smart-contracts/plutus-playground.jpg)](https://playground.plutus.iohkdev.io)
 
 [Follow Chris Moreton's content updates](https://plutus-pioneer-program.readthedocs.io/en/latest/overview.html). With a high effort he transcribes the lectures of the Plutus Pioneer Program. 
 

src/data/builder-tools.js

@@ -61,29 +61,30 @@ const tools = [
     website: "https://github.com/adosia/Heidrun",
     gettingstarted: null,
   },
-  {
+  /*{
     title: "Marlowe Playground",
     description:
       "In the browser-based Marlowe Playground you can write Marlowe contracts, in a variety of different ways.",
-    preview: require("./builder-tools/plutus-playground.png"),
+    preview: require("./builder-tools/marlowe-playground.png"),
     website: "https://alpha.marlowe.iohkdev.io/#/",
     gettingstarted: null,
-  },
+  },*/
   {
     title: "Ogmios",
     description: "Ogmios offers a JSON-WSP interface through WebSockets.",
     preview: require("./builder-tools/ogmios.png"),
     website: "https://ogmios.dev",
     gettingstarted: "/docs/get-started/ogmios",
   },
-  {
+  /*{
     title: "Plutus Playground",
     description:
       "The Plutus Playground is a lightweight, web-based environment for exploratory Plutus development.",
     preview: require("./builder-tools/plutus-playground.png"),
     website: "https://playground.plutus.iohkdev.io",
     gettingstarted: null,
   },
+  */
 ];
 
 tools.forEach((tool) => {