aboutsummaryrefslogtreecommitdiff
path: root/.config/startpage
diff options
context:
space:
mode:
Diffstat (limited to '.config/startpage')
-rw-r--r--.config/startpage/index.html34
-rw-r--r--.config/startpage/style.css66
2 files changed, 1 insertions, 99 deletions
diff --git a/.config/startpage/index.html b/.config/startpage/index.html
index dee74c5..6a46387 100644
--- a/.config/startpage/index.html
+++ b/.config/startpage/index.html
@@ -10,38 +10,6 @@
<script src="script.js" defer></script>
</head>
<body>
- <div class="center">
- <h1 class="time">
- </h1>
-
- <div class="term">
- <div class="columns">
- <div class="column">
- <h3 style="color: var(--color6)">nerd shit</h3>
- <a href="https://github.com/lonkaars">github</a>
- <a href="https://monkeytype.com/">monkey-type</a>
- <a href="https://xn--thepratebay-fcb.se/">tpb</a>
- </div>
- <div class="column">
- <h3 style="color: var(--color4)">ports</h3>
- <a href="https://localhost:443">bitwarden</a>
- <a href="http://localhost:8384">syncthing</a>
- <a href="http://localhost:9091">transmission</a>
- </div>
- <div class="column">
- <h3 style="color: var(--color5)">social</h3>
- <a href="https://www.reddit.com/new">reddit</a>
- <a href="https://www.twitter.com/">twitter</a>
- <a href="https://www.twitch.com/directory/following">twitch</a>
- </div>
- <div class="column">
- <h3 style="color: var(--color1)">school</h3>
- <a href="https://brightspace.avans.nl/d2l/home">brightspace</a>
- <a href="https://pim.etesync.com/">etesync</a>
- <a href="https://avans.mobius.cloud/">möbius</a>
- </div>
- </div>
- </div>
- </div>
+ <div class="center"><h1 class="time"></h1></div>
</body>
</html>
diff --git a/.config/startpage/style.css b/.config/startpage/style.css
index 0181622..4c94d1b 100644
--- a/.config/startpage/style.css
+++ b/.config/startpage/style.css
@@ -42,69 +42,3 @@ h1 {
white-space: nowrap;
}
-.term {
- width: 500px;
- padding: 16px;
- position: relative;
-}
-
-.term::before {
- content: '';
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- background-color: #0d1216;
- z-index: -2;
- border-radius: 8px;
-}
-
-h3 {
- font-size: 14px;
- font-weight: 800;
- margin: 0 0 8px 0;
-}
-
-.columns {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
-}
-
-.columns .column {
- display: inline-block;
-}
-
-.columns .column * {
- display: block;
-}
-
-a {
- font-size: 14px;
- font-weight: normal;
- text-decoration: none;
- color: var(--color15);
- position: relative;
- padding: 0;
- transition: padding .3s;
-}
-
-a:hover {
- padding-left: 15px;
-}
-
-a::before {
- content: '>';
- position: absolute;
- left: -20px;
- opacity: 0;
- transform: scaleX(0);
- transition-property: left, transform, opacity;
- transition-duration: .3s;
-}
-
-a:hover::before {
- left: 0px;
- transform: scaleX(1);
- opacity: 1;
-}