update docs links

Author: endel

package.json

@@ -19,6 +19,7 @@
     "@astrojs/rss": "^2.4.4",
     "@astrojs/sitemap": "^2.0.2",
     "@astrojs/tailwind": "^5.0.0",
+    "@primer/octicons-react": "^19.14.0",
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
     "astro": "^3.0.7",

src/components/Platforms.astro

@@ -1,11 +1,11 @@
 ---
 export const platforms = {
-  javascript: { name: "JavaScript/TypeScript", image: "/images/sdks/javascript.png", url: "https://docs.colyseus.io/getting-started/javascript-client/", },
-  unity: { name: "Unity", image: "/images/sdks/unity.png", url: "https://docs.colyseus.io/getting-started/unity-sdk/", },
-  construct3: { name: "Construct 3", image: "/images/sdks/construct3.png", url: "https://docs.colyseus.io/getting-started/construct3-sdk/", },
-  defold: { name: "Defold Engine", image: "/images/sdks/defold.png", url: "https://docs.colyseus.io/getting-started/defold-client/", },
-  haxe: { name: "Haxe 4", image: "/images/sdks/haxe.png", url: "https://docs.colyseus.io/getting-started/haxe-client/", },
-  cocos: { name: "Cocos Creator", image: "/images/sdks/cocos.png", url: "https://docs.colyseus.io/getting-started/cocos-creator/", },
+  javascript: { name: "JavaScript/TypeScript", image: "/images/sdks/javascript.png", url: "https://docs.colyseus.io/getting-started/javascript/", },
+  unity: { name: "Unity", image: "/images/sdks/unity.png", url: "https://docs.colyseus.io/getting-started/unity/", },
+  construct3: { name: "Construct 3", image: "/images/sdks/construct3.png", url: "https://docs.colyseus.io/getting-started/construct3/", },
+  defold: { name: "Defold Engine", image: "/images/sdks/defold.png", url: "https://docs.colyseus.io/getting-started/defold/", },
+  haxe: { name: "Haxe 4", image: "/images/sdks/haxe.png", url: "https://docs.colyseus.io/getting-started/haxe/", },
+  cocos: { name: "Cocos Creator", image: "/images/sdks/cocos.png", url: "https://docs.colyseus.io/getting-started/cocos/", },
 };
 ---
 <h2 class="mb-4 text-sm lg:text-base">Supports your favorite engine & platform</h2>

tailwind.config.cjs

@@ -8,7 +8,24 @@ module.exports = {
       fontFamily: {
         sans: ['Inter', ...defaultTheme.fontFamily.sans],
         cinzel: ['Cinzel', 'serif'],
+      },
+
+      keyframes: {
+        leftToRight: {
+          '0%': { transform: 'translateX(1em) translateY(0.5em)', opacity: 0 },
+          '100%': { transform: 'translateX(0)', opacity: 1  },
+        },
+        rightToLeft: {
+          '0%': { transform: 'translateX(0)', opacity: 0 },
+          '100%': { transform: 'translateX(1em) translateY(0.5em)', opacity: 1  },
+        }
+      },
+
+      animation: {
+        leftToRight: 'leftToRight 1s cubic-bezier(0.33, 1, 0.68, 1) forwards',
+        rightToLeft: 'rightToLeft 1s cubic-bezier(0.33, 1, 0.68, 1) forwards',
       }
+
     },
 	},
 	plugins: [],