#0
0.00000001 BSV
v© Dº9d úñß®c{ ¬ cordQ text/html MÇ<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta data="Mikastamp" content="Mikastamp">
<meta data="medium" content="acrylic">
<meta data="country" content="sweden">
<meta name="artist" content="christian godin">
<title>Mikastamp Card</title>
<link rel="stylesheet" href="https://app.mikastamp.com/public_html/onchain/v1davinci.css">
<style>
/* CSS to style the return button */
#full-screen button {
position: absolute;
top: 10px;
left: 10px;
z-index: 9999;
background-color: rgb(165, 134, 42);
border-radius: 10px;
padding: 10px;
color: #fff;
}
</style>
<script src="https://app.mikastamp.com/public_html/onchain/v1priceapi.js"></script>
<!-- Include the new JavaScript file -->
</head>
<body>
<div class="mikastamp-card">
<div class="card-header">
<!-- Iframe content in the header -->
<iframe width="100%" height="200px" frameborder="0"></iframe>
<!-- Clickable image wall -->
<div class="image-wall" id="image-wall">
<!-- Updated content to a div with a class 'card' and 'animated' -->
<div class="card animated">
<txid class="txid">
<!-- Image will be inserted here -->
<img src="https://bellscdn.ordinalswallet.com/inscription/content/90e39099b94ac5805721b9d56b73843f58760ff3381032cac1c9a74a19b5c7cai0"
alt="Artwork Image">
</txid>
<p>Double click</p>
</div>
</div>
</div>
<div class="card-body">
<!-- Artwork information -->
<div class="artwork-info">
<h2 class="title">Doge's bell bag</h2>
<p id="product">4 x 5cm</p>
<p id="medium"> Acrylic on canvas</p>
<p id="artist">Artist: <a>Nook Da Vinci</a> </p>
<p id="production">Year: 2024</p>
</div>
</div>
<div class="card-footer">
<div id="stagnantAmountBSV"></div>
<p id="footer">COA by Mikastamp © 2024 </p>
<!-- Footer content (Additional information, buttons, etc.) -->
</div>
</div>
<div class="full-screen" id="full-screen">
<button onclick="goBack()">back</button>
<iframe src="https://mikastamp.com/fac2f1f5f46d4977b086cc6523e89df0d21062c6cdf08b25ffb40ccf0aa71ad0/"
frameborder="0"></iframe>
</div>
<script>
// JavaScript to toggle the image wall visibility and full-screen view for iframe
var image = document.querySelector('.image-wall .card');
var fullScreen = document.getElementById('full-screen');
image.addEventListener('dblclick', function () {
fullScreen.style.display = 'flex';
});
function goBack() {
fullScreen.style.display = 'none';
}
async function fetchBellsCoinPrice() {
try {
const response = await fetch('https://api.coingecko.com/api/v3/simple/price?ids=bellscoin&vs_currencies=usd');
const data = await response.json();
return data.bellscoin.usd; // Assuming BellsCoin is available against USD
} catch (error) {
console.error('Error fetching BellsCoin price:', error);
throw error;
}
}
// Update the displayStagnantAmount function to use BellsCoin price instead of BSV exchange rate
async function displayStagnantAmount() {
try {
// Fetch the BellsCoin price
var bellsCoinPrice = await fetchBellsCoinPrice();
// Add a stagnant amount in BellsCoin
var stagnantAmountBellsCoin = 150; // Replace with your stagnant amount in BellsCoin
var stagnantAmountUSD = stagnantAmountBellsCoin * bellsCoinPrice;
// Display the stagnant amount in BellsCoin and USD
document.getElementById('stagnantAmountBSV').innerHTML = `
<span class="icost-label">Initial Artwork Value:</span>
<span class="stagnant">${stagnantAmountBellsCoin} BellsCoin - ($<span class="usd-sign">${stagnantAmountUSD.toFixed(2)}</span>)</span>
`;
} catch (error) {
console.error('Error fetching BellsCoin price:', error);
}
}
// Call the function to display the stagnant amount
displayStagnantAmount();
</script>
</body>
</html>h
https://whatsonchain.com/tx/f8e9ab41eecbdc135feb36b6fad89e8b3f4a40faf207b619785dac1b4a0fec71