aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--fallpixels.gifbin0 -> 893184 bytes
-rw-r--r--index.html36
-rw-r--r--style.css21
-rw-r--r--winteralley.pngbin0 -> 125569 bytes
4 files changed, 21 insertions, 36 deletions
diff --git a/fallpixels.gif b/fallpixels.gif
new file mode 100644
index 0000000..53fefcc
--- /dev/null
+++ b/fallpixels.gif
Binary files differ
diff --git a/index.html b/index.html
index 88421d1..998354f 100644
--- a/index.html
+++ b/index.html
@@ -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
diff --git a/style.css b/style.css
index d1364b3..88ac778 100644
--- a/style.css
+++ b/style.css
@@ -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
new file mode 100644
index 0000000..9ed039d
--- /dev/null
+++ b/winteralley.png
Binary files differ