2014-01-15 15:09:51 -05:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
|
|
<title>Hello World</title>
|
|
|
|
<style>
|
2014-01-15 16:10:47 -05:00
|
|
|
html {
|
|
|
|
height: 100%;
|
|
|
|
background: gray;
|
|
|
|
}
|
2014-01-15 15:09:51 -05:00
|
|
|
|
2014-01-15 16:10:47 -05:00
|
|
|
body {
|
|
|
|
width: 500px;
|
|
|
|
min-height: 100%;
|
|
|
|
|
|
|
|
margin: auto;
|
|
|
|
padding: 5px;
|
2014-01-15 15:09:51 -05:00
|
|
|
|
|
|
|
background: black;
|
2014-01-15 16:10:47 -05:00
|
|
|
|
|
|
|
color: white;
|
|
|
|
font-size: 10pt;
|
|
|
|
font-family: "Lucida Console", Monaco, monospace
|
|
|
|
}
|
|
|
|
|
|
|
|
.time {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
.username {
|
|
|
|
color: green;
|
|
|
|
}
|
|
|
|
.server {
|
|
|
|
color: yellow;
|
|
|
|
}
|
|
|
|
.pwd {
|
|
|
|
color: dodgerblue;
|
|
|
|
}
|
|
|
|
.bad-prompt {
|
|
|
|
color: red;
|
|
|
|
}
|
|
|
|
.good-prompt {
|
|
|
|
color: green;
|
|
|
|
}
|
|
|
|
.cursor {
|
|
|
|
width: 8px;
|
|
|
|
height: 15px;
|
|
|
|
display: inline-block;
|
|
|
|
|
|
|
|
background: white;
|
2014-01-15 15:09:51 -05:00
|
|
|
}
|
|
|
|
</style>
|
2014-01-15 16:10:47 -05:00
|
|
|
</style>
|
2014-01-15 15:09:51 -05:00
|
|
|
</head>
|
|
|
|
<body>
|
2014-01-15 16:10:47 -05:00
|
|
|
<div>
|
|
|
|
[<span class="time">16:01:42</span>]
|
|
|
|
<span class="username">atomaka</span>@<span class="server">162.243.226.212</span>
|
|
|
|
<span class="pwd">~</span><br/>
|
|
|
|
|<span class="good-prompt">-></span> Hello World
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
[<span class="time">16:02:10</span>]
|
|
|
|
<span class="username">atomaka</span>@<span class="server">162.243.226.212</span>
|
|
|
|
<span class="pwd">~</span><br/>
|
|
|
|
|<span class="bad-prompt">-></span> <span class="cursor"> </span>
|
|
|
|
</div>
|
2014-01-15 15:09:51 -05:00
|
|
|
</body>
|
|
|
|
</html>
|