diff options
Diffstat (limited to '.config/startpage')
-rw-r--r-- | .config/startpage/index.html | 34 | ||||
-rw-r--r-- | .config/startpage/style.css | 66 |
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; -} |