Skeuomorphism slider

Author: xmliszt

.velite/hobbies.json

@@ -1,22 +1 @@
-{
-  "name": "Li Yuxuan",
-  "title": "Li Yuxuan",
-  "description": "Li Yuxuan's personal website",
-  "keywords": [
-    "Li Yuxuan",
-    "portfolio",
-    "personal website",
-    "projects",
-    "hobbies",
-    "posts",
-    "photography",
-    "film",
-    "books",
-    "music"
-  ],
-  "author": {
-    "name": "Li Yuxuan",
-    "email": "me@liyuxuan.ev",
-    "url": "https://liyuxuan.dev/about"
-  }
-}
+{"name":"Li Yuxuan","title":"Li Yuxuan","description":"Li Yuxuan's personal website","keywords":["Li Yuxuan","portfolio","personal website","projects","hobbies","posts","photography","film","books","music"],"author":{"name":"Li Yuxuan","email":"me@liyuxuan.ev","url":"https://liyuxuan.dev/about"}}

.velite/options.json

@@ -1,38 +1 @@
-[
-  {
-    "name": "edtech",
-    "slug": "edtech",
-    "count": {
-      "total": 7,
-      "posts": 7
-    },
-    "permalink": "tags/edtech"
-  },
-  {
-    "name": "taboo-ai",
-    "slug": "taboo-ai",
-    "permalink": "tags/taboo-ai",
-    "count": {
-      "total": 1,
-      "posts": 1
-    }
-  },
-  {
-    "name": "english-learning",
-    "slug": "english-learning",
-    "permalink": "tags/english-learning",
-    "count": {
-      "total": 1,
-      "posts": 1
-    }
-  },
-  {
-    "name": "ai",
-    "slug": "ai",
-    "permalink": "tags/ai",
-    "count": {
-      "total": 2,
-      "posts": 2
-    }
-  }
-]
+[{"name":"edtech","slug":"edtech","count":{"total":7,"posts":7},"permalink":"tags/edtech"},{"name":"taboo-ai","slug":"taboo-ai","permalink":"tags/taboo-ai","count":{"total":1,"posts":1}},{"name":"english-learning","slug":"english-learning","permalink":"tags/english-learning","count":{"total":1,"posts":1}},{"name":"ai","slug":"ai","permalink":"tags/ai","count":{"total":2,"posts":2}}]

.velite/pages.json

@@ -17,4 +17,12 @@ export const stations: CraftStation[] = [
       'Use react-motion to re-create the Apple Vision OS window resize handle animation with real resizing functionality.',
     code: stationCode.AppleVisionResizeHandle,
   },
+  {
+    id: 'skeuomorphism-rolling-slider',
+    title: 'Skeuomorphism rolling slider',
+    tags: ['transform-3d'],
+    description:
+      'Really love how skeuomorphic design adds depth to a UI and it is so much fun to make them on the web. This crafting exercise is heavily inspired by @jh3yy post on X: https://x.com/jh3yy/status/1907979817032597689. A fun but definitely not recommended way to pick a date of birth. 🤪',
+    code: stationCode.SkeuomorphismRollingSlider,
+  },
 ];