atomaka/tc362
1
0
Fork 0
Code Releases Activity

Create hello world template

Browse source
This commit is contained in:
Andrew Tomaka 2014-01-15 16:10:47 -05:00
parent bfa8138774
commit 77bc101271
1 changed files with 53 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
files/index.html
View file

@ -4,21 +4,65 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello World</title> <title>Hello World</title>
<style> <style>
h1 { html {
position: relative; height: 100%;
top: 50%; background: gray;
transform: translateY(-50%); }
margin: 0; body {
width: 500px;
min-height: 100%;
margin: auto;
padding: 5px;
text-align: center;
color: white;
background: black; background: black;
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;
} }
</style> </style>
</style>
</head> </head>
<body> <body>
<h1>Hello World!</h1> <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">-&gt;</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">-&gt;</span> <span class="cursor">&nbsp;</span>
</div>
</body> </body>
</html> </html>