Skip to content

Instantly share code, notes, and snippets.

@Oceas

Oceas/index.html

Created November 5, 2016 05:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Oceas/8c198a65369b5564cc06d96d66b242ee to your computer and use it in GitHub Desktop.
Save Oceas/8c198a65369b5564cc06d96d66b242ee to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<html>
<head>
<title>HackerNet</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
</head>
<body>
<h1 id="mainHeader">HackerNet Terminal</h1>
<div class="terminal">
<p>Last login: Today 12:00</p>
<p>Cloud-Terminal:~ user$ ./hackerNet</p>
<p>Welcome to the Dark Web</p>
<p>Everything you see here stays here</p>
<p>Everything......</p>
<p>Are you ready to play a game?</p>
<p>Cloud-Terminal:~ annonymous$ <span class="blink">Yes</span></p>
<p>Let the games begin......</p>
</div>
</body>
</html>
Raw
stylesheet.css
body{
background-color: black;
color:white;
}
.terminal{
width: 50%;
height: 50%;
border-radius: 5px;
position:absolute;
padding-left: 5px;
padding-right: 5px;
top:30%;
left:25%;
border:1px solid green;
}
#mainHeader{
margin-top:50px;
text-align:center;
}
.blink{
animation: blinker 1s linear infinite;
color:red;
}
@keyframes blinker {
50% { opacity: 0;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment