Create hello world template
This commit is contained in:
parent
bfa8138774
commit
77bc101271
1 changed files with 53 additions and 9 deletions
|
@ -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">-></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>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue