Update config.py
Browse files
config.py
CHANGED
|
@@ -67,5 +67,40 @@ DEMO_LIST = [
|
|
| 67 |
},
|
| 68 |
"title": "Canvas Animation Gallery",
|
| 69 |
"description": "Design a gallery of HTML5 Canvas animations including particle effects, geometric patterns, and interactive drawings. Add controls to pause/play and modify animation parameters.",
|
| 70 |
-
}
|
| 71 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 67 |
},
|
| 68 |
"title": "Canvas Animation Gallery",
|
| 69 |
"description": "Design a gallery of HTML5 Canvas animations including particle effects, geometric patterns, and interactive drawings. Add controls to pause/play and modify animation parameters.",
|
| 70 |
+
},
|
| 71 |
+
{
|
| 72 |
+
"card": {
|
| 73 |
+
"index": 5,
|
| 74 |
+
},
|
| 75 |
+
"title": "3D Card Hover Effect",
|
| 76 |
+
"description": "Create a grid of cards that respond to mouse movement with a 3D rotation effect. Add subtle shadows and perspective transforms for depth. Include smooth transitions and glowing highlights."
|
| 77 |
+
},
|
| 78 |
+
{
|
| 79 |
+
"card": {
|
| 80 |
+
"index": 6,
|
| 81 |
+
},
|
| 82 |
+
"title": "Music Visualizer",
|
| 83 |
+
"description": "Build an audio visualizer using Web Audio API and Canvas. Show dynamic bars that react to music frequency data with smooth animations. Include play/pause controls and color theme options."
|
| 84 |
+
},
|
| 85 |
+
{
|
| 86 |
+
"card": {
|
| 87 |
+
"index": 7,
|
| 88 |
+
},
|
| 89 |
+
"title": "Infinite Parallax Scroller",
|
| 90 |
+
"description": "Design a parallax scrolling effect with multiple layers moving at different speeds. Add floating elements and smooth transitions. Make it loop infinitely as user scrolls."
|
| 91 |
+
},
|
| 92 |
+
{
|
| 93 |
+
"card": {
|
| 94 |
+
"index": 8,
|
| 95 |
+
},
|
| 96 |
+
"title": "Interactive Timeline",
|
| 97 |
+
"description": "Create a vertical timeline with animated entry points. When clicking on timeline items, show detailed information with smooth transitions. Include filtering options and scroll animations."
|
| 98 |
+
},
|
| 99 |
+
{
|
| 100 |
+
"card": {
|
| 101 |
+
"index": 9,
|
| 102 |
+
},
|
| 103 |
+
"title": "Drag & Drop Puzzle",
|
| 104 |
+
"description": "Implement a drag and drop puzzle game using vanilla JavaScript. Include piece snapping, rotation, and completion detection. Add smooth animations for piece movement and success feedback."
|
| 105 |
+
}
|
| 106 |
+
]
|