<!DOCTYPE html>
<html lang="en" class="no-tui-scroll">
<head>
<meta charset="UTF-8">
<title>IA64 Debugger</title>
<script src="../dist/tuicss.min.js"></script>
<script Src="../dist/jquery-2.2.0.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
</head>
<body style="height: 100vh;">
<style>
.zoom {
animation: zoom-in-zoom-out 3.5s ease;
}
@keyframes zoom-in-zoom-out {
0%
{
transform: scale(0.1, 0.1);
}
100%
{
transform: scale(1, 1);
}
}
.typewriter {
overflow: hidden;
border-right: .15em solid orange;
animation:
typing 3.5s steps(40, end),
blink-caret .75s step-end infinite;
}
@keyframes typing {
from { width: 0 }
to { width: 100% }
}
@keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: orange; }
}
</style>
<div class="tui-screen bordered tui-bg-blue-black" style="height: 100vh;">
<div class="tui-window full-width tui-no-shadow" style="height:100%">
<fieldset class="tui-fieldset" style="height:100%; display: flex; align-items: center; vertical-align: middle; justify-content: center;">
<div><pre class="typewriter">
<img src="./resources/logo.png"/>
THE EVEN MORE PEDAGOGICAL SYSTEM !!
</pre>
<pre class="zoom">
Episode 1 : learn x86 assembly language.
</pre></div>
</fieldset>
</div>
</div>
</body>
<script>
window.onload = function() {
setTimeout(function() { location.href="/main.html" }, 4500);
}
</script>
</html>