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/v1artcard.css">
<script src="https://app.mikastamp.com/public_html/onchain/v1priceapi.js" type="module"></script>
<script src="https://app.mikastamp.com/public_html/onchain/v1nft.js" type="module"></script>
<!-- Include the v1nft.js 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 id="artworkImage" alt="Artwork Image">
</txid>
<p>Double click</p>
</div>
</div>
</div>
<div class="card-body">
<!-- Artwork information -->
<div class="artwork-info">
<h2 class="title">TEST</h2>
<p id="product">4 x 5cm</p>
<p id="medium"> Acrylic on canvas</p>
<p id="artist">Artist: <a>Christian Godin ð¸ðª</a> </p>
<p id="production">Year: 2022</p>
</div>
</div>
<div class="card-footer">
<div id="stagnantAmountBEL"></div>
<p id="footer">COA by Fragmentum AB © 2024 </p>
<!-- Footer content (Additional information, buttons, etc.) -->
</div>
</div>
<div class="full-screen" id="full-screen">
<iframe src="https://mikastamp.com/effdee11658530d496810a3d8acb27d0432f8bf7dd183b1b0e6f91885916a5f8-2/"
frameborder="0"></iframe>
</div>
<script type="module">
// 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';
}
// Import the fetchBellsCoinPrice function from v1priceapi.js
import { fetchBellsCoinPrice } from './v1priceapi.js';
// Import the imageUrlBase from v1nft.js
import { imageUrlBase } from './v1nft.js';
// Update the displayStagnantAmount function to use BellsCoin price instead of BSV exchange rate
async function displayStagnantAmount() {
try {
// Fetch the BellsCoin price using the imported function
var bellsCoinPrice = await fetchBellsCoinPrice();
// Add a stagnant amount in BellsCoin
var stagnantAmountBellsCoin = 100; // Replace with your stagnant amount in BellsCoin
var stagnantAmountUSD = stagnantAmountBellsCoin * bellsCoinPrice;
// Construct the image URL using the base URL and the specific filename
var imageFilename = 'c49f397547927a506f7843e5f18c49c2ef500c6125d5b121717b538cb11fbe9b/0'; // Replace with your image filename
var imageURL = imageUrlBase + imageFilename;
// Set the constructed image URL as the source of the <img> element
document.getElementById('artworkImage').src = imageURL;
// Display the stagnant amount in BellsCoin and USD
document.getElementById('stagnantAmountBEL').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/8046b8a8ce9b09aa5007497a80c8f7265a7cf2d38dcad3a0e3b4a273dd2dbc6e