Fidgeting
This commit is contained in:
parent
470f4a1cde
commit
f49022e50a
1 changed files with 62 additions and 73 deletions
|
@ -3,92 +3,81 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
html {
|
||||
<style>
|
||||
html {
|
||||
background-color: #0e0e0e;
|
||||
color: #555555; }
|
||||
a {
|
||||
color: #555555;
|
||||
}
|
||||
body {
|
||||
position:absolute; left: 20%; right: 20%; top: 30%;
|
||||
margin-left: auto; margin-right: auto;
|
||||
}
|
||||
a {
|
||||
color: #555555;
|
||||
text-decoration: none;
|
||||
transition: color 1s;
|
||||
}
|
||||
a:hover {
|
||||
color: #5555ff;
|
||||
text-decoration: none;
|
||||
transition: color 1s;
|
||||
}
|
||||
#links {
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
transition: color 1s; }
|
||||
a:hover {
|
||||
color: #5555ff;
|
||||
text-decoration: none;
|
||||
transition: color 1s; }
|
||||
div#fence {
|
||||
width: 1000px; margin-left: auto; margin-right: auto; }
|
||||
#links {
|
||||
float: left; width: 145px;
|
||||
margin: 2%; padding: 0px 0px 12px 0px;
|
||||
margin: 25px; padding: 0px 0px 12px 0px;
|
||||
list-style: none;
|
||||
border: 2px solid #270e24;
|
||||
border-radius: 10px;
|
||||
background-color: #270e24;
|
||||
}
|
||||
|
||||
#links #header {
|
||||
background-color: #270e24; }
|
||||
#links #header {
|
||||
background-color: #270e24;
|
||||
color: gray; font-weight: bold;
|
||||
border-top-right-radius: 10px; border-top-left-radius: 10px;
|
||||
}
|
||||
|
||||
#links li {
|
||||
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: gray;
|
||||
}
|
||||
</style>
|
||||
<title>++ H O M E ++</title>
|
||||
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: gray; }
|
||||
</style>
|
||||
<title>++ H O M E ++</title>
|
||||
</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><a href="https://feedly.com">Feedly</a></li>
|
||||
<li><a href="https://news.ycombinator.com/">Hacker News</a></li>
|
||||
</ul>
|
||||
<ul id="links">
|
||||
<li id="header">Audio</li>
|
||||
<li><a href="https://bandcamp.com/azulien">Bandcamp</a></li>
|
||||
<li><a href="https://www.pandora.com">Pandora</a></li>
|
||||
</ul>
|
||||
<ul id="links">
|
||||
<li id="header">Gaming</li>
|
||||
<li><a href="https://www.kingdomofloathing.com">
|
||||
Kingdom of Loathing</a></li>
|
||||
<li><a href="https://discordapp.com/channels/@me">Discord</a></li>
|
||||
<li><a href="https://vghd.slack.com/">VGHD Slack</a></li>
|
||||
</ul>
|
||||
<div id="fence">
|
||||
<ul id="links">
|
||||
<li id="header">Watch</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">Read</li>
|
||||
<li><a href="https://feedly.com">Feedly</a></li>
|
||||
<li><a href="https://news.ycombinator.com/">Hacker News</a></li>
|
||||
</ul>
|
||||
<ul id="links">
|
||||
<li id="header">Listen</li>
|
||||
<li><a href="https://bandcamp.com/azulien">Bandcamp</a></li>
|
||||
<li><a href="https://www.pandora.com">Pandora</a></li>
|
||||
</ul>
|
||||
<ul id="links">
|
||||
<li id="header">Play</li>
|
||||
<li><a href="https://www.kingdomofloathing.com">
|
||||
Kingdom of Loathing</a></li>
|
||||
<li><a href="https://discordapp.com/channels/@me">Discord</a></li>
|
||||
<li><a href="https://vghd.slack.com/">VGHD Slack</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
<footer>
|
||||
<hr>
|
||||
|
|
Loading…
Reference in a new issue