69 lines
1.7 KiB
HTML
69 lines
1.7 KiB
HTML
<!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>
|