diff options
| -rw-r--r-- | fallpixels.gif | bin | 0 -> 893184 bytes | |||
| -rw-r--r-- | index.html | 36 | ||||
| -rw-r--r-- | style.css | 21 | ||||
| -rw-r--r-- | winteralley.png | bin | 0 -> 125569 bytes |
4 files changed, 21 insertions, 36 deletions
diff --git a/fallpixels.gif b/fallpixels.gif Binary files differnew file mode 100644 index 0000000..53fefcc --- /dev/null +++ b/fallpixels.gif @@ -3,7 +3,7 @@ <head> <meta charset="UTF-8"> - <title>~/startpage</title> + <title>start</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> @@ -11,53 +11,41 @@ <div class="container"> <div class="left-container"> <div class="gif"> - <img src="cat.gif" /> + <img src="winteralley.png" /> </div> </div> <div class="right-container"> <div class="head"> - <p>> cd ~/<span class="blinking">_</span></p> + <p>welcome to the net</p> </div> - <div class="bookmarks"> <div class="category"> <div class="links"> - <li class="title">work</li> + <li class="title">tasks</li> <li><a href="https://gmail.com">gmail</a></li> <li><a href="https://outlook.office.com">outlook</a></li> <li><a href="https://linkedin.com">linkedin</a></li> - <li><a href="https://vim.rtorr.com/">vim</a></li> + <li><a href="https://blog.fivepixels.me/login/admin">blog (admin)</a></li> </div> </div> - <div class="category"> <div class="links"> - <li class="title">dev</li> - <li><a href="https://github.com/">github</a></li> - <li><a href="https://lobste.rs/">lobste.rs</a></li> - <li><a href="https://mankier.com/">mankier</a></li> - <li><a href="https://devdocs.io/">devdocs</a></li> + <li class="title">utils</li> + <li><a href="https://vault.fivepixels.me/">vault</a></li> </div> </div> - <div class="category"> <div class="links"> - <li class="title"><a style="color: #EADBB2" href="https://reddit.com">reddit</a></li> - <li><a href="https://reddit.com/r/programming/">programming</a></li> - <li><a href="https://reddit.com/r/selfhosted/">selfhosted</a></li> - <li><a href="https://reddit.com/r/unixporn/">unixporn</a></li> - <li><a href="https://reddit.com/r/mechanicalkeyboards/">mk</a></li> + <li class="title">code</li> + <li><a href="https://github.com/">github</a></li> </div> </div> - <div class="category"> <div class="links"> - <li class="title">play</li> - <li><a href="https://monkeytype.com/">monkeytype</a></li> + <li class="title">fun</li> <li><a href="https://youtube.com/">youtube</a></li> - <li><a href="https://twitch.tv/">twitch</a></li> - <li><a href="https://netflix.com/">netflix</a></li> + <li><a href="https://reddit.com/">reddit</a></li> </div> </div> </div> @@ -65,4 +53,4 @@ </div> </body> -</html> +</html>
\ No newline at end of file @@ -1,12 +1,12 @@ :root { - --color-bg: #282828; - --color-fg: #EADBB2; - --color-link: #8F9191; - --color-link-visited: #668F8B; - --color-link-hover: #FA7921 ; + --color-bg: #20291d; + --color-fg: #6a889a; + --color-link: #cbae86; + --color-link-hover: #5c706f; } -html, body { +html, +body { background: var(--color-bg); color: var(--color-fg); font-family: "Fira Code"; @@ -80,15 +80,12 @@ li { padding: 5px } -a:link { +a:link, +a:visited { text-decoration: none; color: var(--color-link); } -a:visited { - color: var(--color-link-visited); -} - a:hover { color: var(--color-link-hover); } @@ -110,4 +107,4 @@ a:hover { 100% { opacity: 1; } -} +}
\ No newline at end of file diff --git a/winteralley.png b/winteralley.png Binary files differnew file mode 100644 index 0000000..9ed039d --- /dev/null +++ b/winteralley.png |
