<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome Home</title>
<style type="text/css">
html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-size: 0;
font-family: Tahoma;
background: url('hitagi.png') #B57ECF;
background-size: contain;
background-repeat: no-repeat;
}
.clear {
clear: both;
}
.highlite {
color: #590082;
}
#left {
height: 100%;
width: 25%;
float: left;
}
#content {
font-size: 12px;
height: 100%;
width: 65%;
//background: #282A2E;
//border-right: 2px solid #373B41;
//border-left: 2px solid #373B41;
float: left;
}
#content #header {
margin-top: 20px;
margin-bottom: 60px;
}
#content #header h1 {
color: #590082;
letter-spacing: 2px;
font-size: 40px;
font-weight: normal;
text-align: center;
padding: 0;
margin: 0;
}
#content #header .subtitle {
color: #FFF;
text-align: center;
letter-spacing: 2px;
padding: 0;
margin: 0;
}
#content #searches {
text-align: center;
margin-bottom: 30px;
}
#content #searches form {
display: inline-block;
margin: 0 10px;
}
#content #searches form .input {
color: #FFF;
width: 100px;
padding: 3px 5px;
font-size: 10px;
border: 1px solid lightgrey;
-moz-transition: all 1s;
}
#content #searches form .input:focus,
#content #searches form .input:hover {
color: #000;
width: 200px;
box-shadow: 0 0 5px rgba(214, 123, 150, 1);
border: 1px solid #d67b96;
}
#content #links {
text-align: center;
}
#content #links ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#content #links li {
margin: 10px 10px;
display: inline-block;
}
#content #links ul a {
display: inline-block;
width: 150px;
color: #81A2BE;
text-decoration: none;
font-size: 18px;
padding: 10px 0;
border: 2px solid #373B41;
outline: none;
background: #1D1F21;
-moz-transition: all 1s;
}
#content #links ul a:hover {
color: #d67b96;
background: #70293b;
border-color: #70293b;
}
#right {
height: 100%;
width: 9.8%;
background: #B57ECF;
border-left: 2px solid #B57ECF;
float: left;
}
</style>
</head>
<body>
<div id="left"></div>
<div id="content">
<div id="header">
<h1>Welcome to the Internet, <span class="highlite">Xyl.</span></h1>
<p class="subtitle">Its not like I like you or anything</p>
</div>
<div id="searches">
<form method="post" action="https://startpage.com/do/search">
<input type="text" name="query" class="input" placeholder="StartPage" autofocus="autofocus" />
</form>
<form method="get" action="https://youtube.com/results">
<input type="text" name="search_query" class="input" placeholder="Youtube" />
</form>
<form method="get" action="https://en.wikipedia.org/w/index.php">
<input type="text" name="search" class="input" placeholder="Wikipedia (en)" />
</form>
<form method="get" action="http://torrentz.eu/search?">
<input type="text" name="f" class="input" placeholder="Torrentz" />
</form>
</div>
<div id="links">
<ul>
<li><a href="https://boards.4chan.org/g/">/g/</a></li>
<li><a href="https://boards.4chan.org/a/">/a/</a></li>
<li><a href="https://boards.4chan.org/diy/">/diy/</a></li>
<li><a href="https://boards.4chan.org/c/">/c/</a></li>
</ul>
<ul>
<li><a href="http://192.168.1.122:666/">CCT</a></li>
<li><a href="http://192.168.1.122:9999/">SF</a></li>
<li><a href="http://stallman.org/">RMS</a></li>
<li><a href="http://192.168.1.122:1337/">QB</a></li>
</ul>
<ul>
<li><a href="http://publichd.se">PHD</a></li>
<li><a href="http://thepiratebay.se">TPB</a></li>
<li><a href="http://cloud.feedly.com">RSS</a></li>
<li><a href="http://gmail.com">Mail</a></li>
</ul>
</div>
</div>
<div id="right">a</div>
<div class="clear"></div>
</body>
</html>
Comments