Skip to content

Instantly share code, notes, and snippets.

View Olanetsoft's full-sized avatar
😉

Idris Olubisi Olanetsoft

😉
View GitHub Profile
//...
// Working demo configuration using Cloudinary's sample videos
const DEMO_CONFIG = {
cloudName: "demo", // Using Cloudinary's demo account for testing
};
// Mock product database - simulates Shopify API responses
const MOCK_PRODUCTS = {
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
@Olanetsoft
Olanetsoft / index.html
Created May 26, 2025 14:43
Cloudinary Lazy Load - Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Method 3: Cloudinary SDK Integration</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
@Olanetsoft
Olanetsoft / styles.css
Created May 26, 2025 14:42
Cloudinary Lazy Load - styles.css
/* css/styles.css - Method 2: Intersection Observer */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: system-ui, -apple-system, sans-serif;
line-height: 1.6;
@Olanetsoft
Olanetsoft / styles.css
Created May 25, 2025 16:31
Lazy Load with Intersection Observer API - styles.css
/* css/styles.css - Method 2: Intersection Observer */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: system-ui, -apple-system, sans-serif;
line-height: 1.6;
@Olanetsoft
Olanetsoft / index.html
Last active May 25, 2025 16:28
Lazy Load with Intersection Observer - Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Method 2: Intersection Observer API</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<header>
@Olanetsoft
Olanetsoft / styles.css
Created May 25, 2025 16:26
Native Lazy Load - Styles.css
/* css/styles.css */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: system-ui, -apple-system, sans-serif;
line-height: 1.6;
@Olanetsoft
Olanetsoft / index.html
Created May 25, 2025 16:24
Native Lazy Load - Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Method 1: Native Lazy Loading</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<header>
@Olanetsoft
Olanetsoft / MultichainRWA.sol
Last active August 30, 2024 14:23
Multichain RWA Lending Workshop
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.0;
import "@openzeppelin/contracts/token/ERC721/ERC721.sol";
import "@openzeppelin/contracts/access/Ownable.sol";
contract MockRWAToken is ERC721, Ownable {
uint256 private _nextTokenId;
constructor(
// SPDX-License-Identifier: MIT
pragma solidity ^0.8.9;
import {AxelarExecutable} from "@axelar-network/axelar-gmp-sdk-solidity/contracts/executable/AxelarExecutable.sol";
import {IAxelarGateway} from "@axelar-network/axelar-gmp-sdk-solidity/contracts/interfaces/IAxelarGateway.sol";
import {IAxelarGasService} from "@axelar-network/axelar-gmp-sdk-solidity/contracts/interfaces/IAxelarGasService.sol";
import {StringToAddress, AddressToString} from "@axelar-network/axelar-gmp-sdk-solidity/contracts/utils/AddressString.sol";
contract SendReceive is AxelarExecutable {
using StringToAddress for string;