File size: 1,614 Bytes
5f3ca6c bd33d00 0ec0a9a bd33d00 fe7212d bd33d00 fe7212d bd33d00 5f3ca6c 0ec0a9a 0fb688e 0ec0a9a bd33d00 5f3ca6c bd33d00 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>text to image models playground</title>
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
}
iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 730px;
border: none;
}
</style>
</head>
<body>
<dialog id="myDialog" style="border: none; border-radius: 5px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); padding: 20px; max-width: 300px;">
<form method="dialog" style="position: relative;">
<button id="closeDialogButton" class="close-button" style="position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 18px; cursor: pointer;">✖</button>
<p style="margin: 20px 0 0;">Visit <a href="https://xyplon.web.app" target="_blank" style="color: #007BFF; text-decoration: none;">official website</a> for more tools and faster inference.</p>
</form>
</dialog>
<script>
const dialog = document.getElementById('myDialog');
const closeDialogButton = document.getElementById('closeDialogButton');
window.addEventListener('load', () => {
dialog.showModal();
});
closeDialogButton.addEventListener('click', () => {
dialog.close();
});
</script>
<iframe src="https://xyplon.web.app/models"></iframe>
</body>
</html>
|