From 3a64825bd04af952f9d713215aeba8e32368eb11 Mon Sep 17 00:00:00 2001
From: Vitalij Ryndin <crashmax.dev@gmail.com>
Date: Thu, 13 Oct 2022 20:49:47 +0800
Subject: [PATCH] docs: update readme

---
 README.md | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 138b2c6..f7f027b 100644
--- a/README.md
+++ b/README.md
@@ -57,15 +57,6 @@ pnpm add twallpaper
 
 You can play with `twallpaper` on [twallpaper.js.org](https://twallpaper.js.org)
 
-<p align="left">
-  <a href="https://codesandbox.io/s/twallpaper-typescript-example-1hwedw?fontsize=14&hidenavigation=1&theme=dark">
-    <img alt="Edit twallpaper-typescript-example" src="https://img.shields.io/badge/TypeScript-informational?label=CodeSandbox&style=flat&logo=CodeSandbox&logoColor=ffffff&color=2286f7">
-  </a>
-  <a href="https://codesandbox.io/s/twallpaper-react-example-sl2sy0?fontsize=14&hidenavigation=1&theme=dark">
-    <img alt="Edit twallpaper-react-example" src="https://img.shields.io/badge/React-informational?label=CodeSandbox&style=flat&logo=CodeSandbox&logoColor=ffffff&color=2286f7">
-  </a>
-</p>
-
 ## Usage (vanilla)
 
 <!-- MARKDOWN-AUTO-DOCS:START (CODE:src=./.github/markdown-autodocs/usage.js) -->
@@ -81,6 +72,10 @@ wallpaper.init()
 ```
 <!-- MARKDOWN-AUTO-DOCS:END -->
 
+<a href="https://codesandbox.io/s/twallpaper-typescript-example-1hwedw?fontsize=14&hidenavigation=1&theme=dark">
+  <img alt="Edit twallpaper-typescript-example" src="https://codesandbox.io/static/img/play-codesandbox.svg">
+</a>
+
 ## React
 
 ```sh
@@ -107,6 +102,10 @@ export function App() {
 ```
 <!-- MARKDOWN-AUTO-DOCS:END -->
 
+<a href="https://codesandbox.io/s/twallpaper-react-example-sl2sy0?fontsize=14&hidenavigation=1&theme=dark">
+  <img alt="Edit twallpaper-react-example" src="https://codesandbox.io/static/img/play-codesandbox.svg">
+</a>
+
 ## Using CDN
 ```html
 <!-- JSDelivr  -->