92 lines
2.7 KiB
HTML
92 lines
2.7 KiB
HTML
|
<!-- Custom HTML Homepage for niblock -->
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
html {
|
||
|
|
background-color: #0e0e0e;
|
||
|
|
color: #5555ff
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
position:absolute; left: 20%; right: 20%; top: 30%;
|
||
|
|
margin-left: auto; margin-right: auto;
|
||
|
|
}
|
||
|
|
a {
|
||
|
|
color: #5555ff;
|
||
|
|
text-decoration: none;
|
||
|
|
transition: color 1s;
|
||
|
|
}
|
||
|
|
a:hover {
|
||
|
|
color: #555555;
|
||
|
|
text-decoration: none;
|
||
|
|
transition: color 1s;
|
||
|
|
}
|
||
|
|
#links {
|
||
|
|
position: relative;
|
||
|
|
float: left; width: 150px;
|
||
|
|
margin: 2%; padding: 0px 0px 12px 0px;
|
||
|
|
list-style: none;
|
||
|
|
border: 1px solid white;
|
||
|
|
border-radius: 10px;
|
||
|
|
background-color: #82db82;
|
||
|
|
}
|
||
|
|
|
||
|
|
#links #header {
|
||
|
|
background-color: #82db82;
|
||
|
|
color: black;
|
||
|
|
border-top-right-radius: 10px; border-top-left-radius: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#links li {
|
||
|
|
padding: 5px 10px;
|
||
|
|
background-color: black;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
footer {
|
||
|
|
position: fixed; bottom: 0px; left: 0px; right: 0px; width: 75%;
|
||
|
|
margin-left: auto; margin-right: auto;
|
||
|
|
text-align: center; letter-spacing: 5px;
|
||
|
|
font-family: monospace; font-weight: bold;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Commonly visited links -->
|
||
|
|
<ul id="links">
|
||
|
|
<li id="header">Video</li>
|
||
|
|
<li><a href="https://www.youtube.com/feed/subscriptions">
|
||
|
|
YouTube</a></li>
|
||
|
|
<li><a href="https://www.twitch.tv/directory/following">
|
||
|
|
Twitch</a></li>
|
||
|
|
<li><a href="https://www.netflix.com">Netflix</a></li>
|
||
|
|
<li><a href="https://www.amazon.com/video">Amazon</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul id="links">
|
||
|
|
<li id="header">Reddit</li>
|
||
|
|
<li><a href="https://www.reddit.com">Home</a></li>
|
||
|
|
<li><a href="https://www.reddit.com/r/vim">Vim</a></li>
|
||
|
|
<li><a href="https://www.reddit.com/r/sysadmin">Sys Admin</a></li>
|
||
|
|
<li><a href="https://www.reddit.com/r/unixporn">Unix Porn</a></li>
|
||
|
|
<li><a href="https://www.reddit.com/r/stoicism">Stoicism</a></li>
|
||
|
|
</ul>
|
||
|
|
<ul id="links">
|
||
|
|
<li id="header">News</li>
|
||
|
|
<li>Feedly</li>
|
||
|
|
<li>Hacker News</li>
|
||
|
|
</ul>
|
||
|
|
<ul id="links">
|
||
|
|
<li id="header">Other</li>
|
||
|
|
<li>Kingdom of Loathing</li>
|
||
|
|
</ul>
|
||
|
|
<ul id="links">
|
||
|
|
<li id="header">???</li>
|
||
|
|
</ul>
|
||
|
|
</body>
|
||
|
|
<footer>
|
||
|
|
<hr>
|
||
|
|
<p>ENDURE and RENOUNCE</p>
|
||
|
|
</footer>
|
||
|
|
</html>
|