<!DOCTYPE html>
<html>
<head>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: rgb(32, 32, 32);
color: rgb(178, 178, 178);
font-family: 'Arial', sans-serif;
flex-direction: column;
}
#previewArea {
display: flex;
justify-content: center;
align-items: center;
width: 70vw;
height: 70vh;
max-width: 70vh;
max-height: 70vw;
border: none;
border-radius: 100%;
box-shadow: 0 0 50px 1px rgb(207, 233, 255);
background-color: rgb(32, 32, 32);
overflow: hidden;
}
#inputForm {
text-align: center;
padding: 20px;
}
#resultBox,
#payload {
width: 50%;
height: 50%;
min-width: 230px;
min-height: 230px;
max-width: 50%;
max-height: 50%;
background-color: rgb(32, 32, 32);
font-family: 'Arial', sans-serif;
border: none;
color: rgb(207, 233, 255);
resize: none;
}
#pointer,
#tag {
min-width: 230px;
width: 70%;
margin-bottom: 10px;
font-family: 'Arial', sans-serif;
border: none;
background-color: rgb(32, 32, 32);
color: rgb(207, 233, 255);
}
button {
justify-content: center;
align-items: center;
text-align: center;
margin-top: 10px;
background-color: rgb(32, 32, 32);
color: rgb(207, 233, 255);
padding: 5px 20px;
border: 1px solid rgb(207, 233, 255);
cursor: pointer;
}
#iframePreview {
display: none;
width: 70%;
height: 70%;
border: none;
}
</style>
</head>
<body>
<div id="previewArea">
<form id="inputForm">
<br /><br /><textarea cols="30" id="payload" name="payload" rows="10">Your payload</textarea>
<textarea id="resultBox" style="display:none;"></textarea>
<br /><br /><input id="pointer" name="pointer" type="text" value="/content/<inscription_id>" /><br />
<input id="tag" name="tag" type="text" value="Orbinals: The Stardust Identity" /><br />
<button id="craftButton" onclick="craft()" type="button">Craft</button>
</form>
<iframe id="iframePreview"></iframe>
</div>
<script src="/content/7adf65d134fc4648f046c8d4d82ad3e3b561ba213d9ddb1b26a2dfd12b17d499i0"></script>
<script src="/content/8106f72a2d237b9a6bd43e46d54a0368f1dcf491cd2a6a488c10099877c6cfb0i0"></script>
</body>
</html>