Updated <GridMotion /> background

This commit is contained in:
Utkarsh Singhal
2025-07-12 13:22:56 +05:30
committed by GitHub
parent af076d6faf
commit 4f3eba93ed

View File

@@ -14,32 +14,32 @@ export const gridMotion: CodeObject = {
import GridMotion from "./GridMotion.vue"; import GridMotion from "./GridMotion.vue";
const items = [ const items = [
'Item 1', "Item 1",
"<div key='jsx-item-1'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 2', "Item 2",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 4', "Item 4",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 5', "Item 5",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 7', "Item 7",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 8', "Item 8",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 10', "Item 10",
"<div key='jsx-item-3'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 11', "Item 11",
"<div key='jsx-item-2'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'Item 13', "Item 13",
"<div key='jsx-item-4'>Custom JSX Content</div>", `<div key='item-1'>Custom Content</div>`,
'https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D', "https://images.unsplash.com/photo-1723403804231-f4e9b515fe9d?q=80&w=3870&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
'Item 14', "Item 14",
// Add more items as needed // Add more items as needed
]; ];
</script>`, </script>`,
code, code,
}; };