Reel

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Overlay Example</title>
<script>
// Ensure Quinn object is available
window.Quinn = window.Quinn || { functions: {} };

// Define the OPEN_OVERLAY function if it does not exist
window.Quinn.functions.OPEN_OVERLAY = function({ index, type, metaObject }) {
// Your implementation here
console.log('Overlay opened with index:', index);
console.log('Type:', type);
console.log('Meta Object:', metaObject);
};

// Call the function with the given parameters
window.Quinn.functions.OPEN_OVERLAY({
index: 0,
type: "card",
metaObject: {
handle: "INDEX_index_CARD_1",
type: "app--5905719--widgets",
},
});
</script>
</head>
<body>
<h1>Overlay Example</h1>
</body>
</html>