|
|
<!doctype html> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<html> |
|
|
<head> |
|
|
<meta charset='UTF-8'> |
|
|
<meta name='theme-color' content='#fff' class='theme-color'/> |
|
|
<style> |
|
|
html, body { |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
margin: 0; |
|
|
font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, |
|
|
'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, |
|
|
sans-serif; |
|
|
overflow: hidden; |
|
|
} |
|
|
.hello-message { |
|
|
margin: 40px; |
|
|
text-align: center; |
|
|
} |
|
|
.logout-messages { |
|
|
pointer-events: none; |
|
|
color: red; |
|
|
margin: 40px; |
|
|
position: fixed; |
|
|
top: 0; |
|
|
left: 0; |
|
|
text-shadow: 2px 2px #FFF, 4px 4px 10px #000; |
|
|
} |
|
|
img { |
|
|
width: 300px; |
|
|
} |
|
|
@keyframes blurslowly { |
|
|
0% { |
|
|
filter: none; |
|
|
} |
|
|
92% { |
|
|
filter: blur(0); |
|
|
} |
|
|
96% { |
|
|
filter: blur(1px); |
|
|
} |
|
|
100% { |
|
|
filter: blur(0); |
|
|
} |
|
|
} |
|
|
body { |
|
|
animation-name: blurslowly; |
|
|
animation-iteration-count: infinite; |
|
|
animation-duration: 15s; |
|
|
animation-play-state: running; |
|
|
} |
|
|
.iframe-container { |
|
|
margin-bottom: 0px; |
|
|
} |
|
|
iframe { |
|
|
width: 0px; |
|
|
height: 0px; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
<div class='logout-messages'></div> |
|
|
<template> |
|
|
<div class='hello-message'> |
|
|
<h1>Hola rod</h1> |
|
|
<h2>La pagina todavia esta en desarrollo!.</h2> |
|
|
<h3>Mira la animacion cuando tocas tu cara</h3> |
|
|
|
|
|
<img src='/cat-cute.jpg' alt='Cute cat' /> |
|
|
</div> |
|
|
<div id="iframes"> |
|
|
<div class='logout-messages'></div> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script src='/index.js'></script> |
|
|
<script async src='https://www.googletagmanager.com/gtag/js?id=UA-3898076-24'></script> |
|
|
<script> |
|
|
|
|
|
</script> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
