Skip to content

Instantly share code, notes, and snippets.

@Montoya
Last active February 10, 2024 20:15
Show Gist options
  • Save Montoya/e3c1566829b52b9587155487af308431 to your computer and use it in GitHub Desktop.
Save Montoya/e3c1566829b52b9587155487af308431 to your computer and use it in GitHub Desktop.
Random Moonbird Frame for Farcaster
<?php $bird = mt_rand(0, 9999); ?>
<!DOCTYPE html>
<html>
<head>
<title>Random Moonbirds</title>
<meta property="og:title" content="Moonbirds" />
<meta property='og:image' content="https://proof-nft-image.imgix.net/0x23581767a106ae21c074b2276D25e5C3e136a68b/<?=$bird?>?auto=format&fit=max&w=384&q=75" />
<meta property="fc:frame" content="vNext" />
<meta property="fc:frame:image:aspect_ratio" content="1:1" />
<meta property="fc:frame:image" content="https://proof-nft-image.imgix.net/0x23581767a106ae21c074b2276D25e5C3e136a68b/<?=$bird?>?auto=format&fit=max&w=384&q=75" />
<meta property="fc:frame:button:1" content="Random" />
<meta property="fc:frame:button:2" content="#<?=$bird?>" />
<meta property="fc:frame:button:2:action" content="link" />
<meta property="fc:frame:button:2:target" content="https://opensea.io/assets/ethereum/0x23581767a106ae21c074b2276d25e5c3e136a68b/<?=$bird?>" />
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css">
<style type="text/css">
body {
display:flex;
justify-content:center;
align-items:center;
height:100vh;
background-color:rgb(132, 101, 203);
}
#page {
width:760px;
background-color:#fff;
border-radius:24px;
padding:24px 36px;
}
</style>
</head>
<body>
<div id="page">
<h1>Random Moonbird Frame</h1>
<p>Try it: <a href="https://warpcast.com/m0nt0y4/0xdffd6071">warpcast.com/m0nt0y4/0xdffd6071</a></p>
<p>Want to see the code? Go here:<br />
<a href="https://gist.github.com/Montoya/e3c1566829b52b9587155487af308431">gist.github.com/Montoya/e3c1566829b52b9587155487af308431</a></p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment