Spaces:
Running
Running
<html lang="pt-BR"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Criado de Personagens por IA</title> | |
<style> | |
body { | |
margin: 0; | |
padding: 10px; | |
overflow: hidden; | |
background-color: #000000; | |
} | |
.top-bar, | |
.bottom-bar { | |
position: fixed; | |
width: 100%; | |
height: 160px; | |
background-color: #000000; | |
color: rgb(0, 0, 0); | |
text-align: center; | |
line-height: 240px; | |
font-size: 24px; | |
z-index: 9999; /* Garante que as barras fiquem sobre o iframe */ | |
} | |
.top-bar { | |
top: 0; | |
} | |
.bottom-bar { | |
bottom: 0; | |
} | |
#iframe-container { | |
position: absolute; | |
top: 120px; | |
bottom: 80px; | |
width: 100%; | |
overflow: hidden; /* Oculta as partes do iframe além das barras superior e inferior */ | |
} | |
#iframe { | |
width:100%; | |
height: calc(90% + 90px); /* Ajusta a altura do iframe para incluir as barras superior e inferior */ | |
margin-top: -58px; /* Move o iframe para cima para alinhar com a parte visível da página */ | |
border: none; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="top-bar">Experimental</div> | |
<div id="iframe-container"> | |
<iframe id="iframe" src="https://app.brancher.ai/7f14dcfc-7fb9-4143-ad2a-a2e6ac2d1b26"></iframe> | |
</div> | |
<div class="bottom-bar">Experimental</div> | |
</body> | |
</html> | |