diff options
author | joe <rbo@gmx.us> | 2025-10-13 16:33:18 +0200 |
---|---|---|
committer | joe <rbo@gmx.us> | 2025-10-13 16:33:18 +0200 |
commit | 38dccf7b60aba1a9ca23d2475e4f31c66b437644 (patch) | |
tree | a014a0245c46b1453882d9be756e67660c232182 | |
parent | up (diff) | |
download | dotfiles-bsd-38dccf7b60aba1a9ca23d2475e4f31c66b437644.tar.gz dotfiles-bsd-38dccf7b60aba1a9ca23d2475e4f31c66b437644.tar.bz2 dotfiles-bsd-38dccf7b60aba1a9ca23d2475e4f31c66b437644.tar.xz dotfiles-bsd-38dccf7b60aba1a9ca23d2475e4f31c66b437644.tar.zst dotfiles-bsd-38dccf7b60aba1a9ca23d2475e4f31c66b437644.zip |
up
-rw-r--r-- | .config/browsers/home.html | 196 |
1 files changed, 128 insertions, 68 deletions
diff --git a/.config/browsers/home.html b/.config/browsers/home.html index 6522734..cdf5eb3 100644 --- a/.config/browsers/home.html +++ b/.config/browsers/home.html @@ -7,14 +7,11 @@ body { height: 100%; padding: 0em; margin: 0em; + font-size: 1.4em; font-family: sans-serif; color: #ebdbb2; background-color: #1d2021; } -a { - color: #458588; - text-decoration: none; -} .topred { background-color: #cc241d; padding-bottom: 1em; @@ -39,26 +36,107 @@ a { background-color: #689d6a; padding-bottom: 1em; } +.page_title { + background-color: #282828; + margin-left: 40%; + margin-right: 40%; + margin-top: 1em; + margin-bottom: 1em; + padding: 0em; + color: #ebddb2; + border: 2px solid black; + border-color: black; + justify-content: center; + text-align: center; + /* width: auto; */ +} +.page_title h1 { + padding: 0em; + margin: .2em; +} +.page_title:hover { + border-color: #ebddb2; +} .bookmarks_div { display: flex; flex-direction: row; justify-content: center; - width: 60%; + text-align: center; + margin-left: 10%; + margin-right: 10%; + /* width: 60%; */ +} +@media only screen and (max-width: 960px) { + .bookmarks_div { + flex-direction: column; + width: 60%; + } + .bookmarks_div > .bookmark_set { + width: auto; + margin: 1em 0em; + } } .bookmark_set { padding: 1em; background-color: #282828; + border: 2px solid black; width: 25%; - font-size: .85rem; - width: 25%; - height: 16em; + height: 28em; margin: 0em .5em; } .bookmark_links { overflow-y: scroll; - height: 80%; + height: 95%; vertical-align: top; } +.bookmark_title { + font-size: 1.2em; + font-weight: 600; + color: #ebddb2; + margin: 0em 0em .35em 0em; +} +.bookmark { + text-decoration: none; + color: #928374; + display: block; + margin: .4em 0em; +} +#joetown:hover { + border-color: #cc241d; +} +#joetown .bookmark_title { + color: #cc241d; +} +#joetown .bookmark:hover { + color: #fb4934; +} +#sites:hover { + border-color: #98971a; +} +#sites .bookmark_title { + color: #98971a; +} +#sites .bookmark:hover { + color: #b8bb26; +} +#fun:hover { + border-color: #d79921; +} +#fun .bookmark_title { + color: #d79921; +} +#fun .bookmark:hover { + color: #fabd2f; +} +#workwork:hover { + border-color: #458588; +} +#workwork .bookmark_title { + color: #458588; +} +#workwork .bookmark:hover { + color: #83a598; +} </style> <title>joe's homepage</title> <meta charset="UTF-8"> @@ -70,9 +148,9 @@ a { <div class="topblue"></div> <div class="topmagenta"></div> <div class="topcyan"></div> - <h1>hey joe</h1> + <div class="page_title"><h1>hey joe</h1></div> <div class="bookmarks_div"> - <div class="bookmark_set"> + <div class="bookmark_set" id="joetown"> <div class="bookmark_title">joe town</div> <div class="bookmark_links"> <a class="bookmark" href="https://jozan.org/">joe</a> @@ -82,69 +160,51 @@ a { <a class="bookmark" href="http://10.1.1.6/">helios</a> <a class="bookmark" href="http://10.2.2.5/">vega</a> <a class="bookmark" href="http://127.0.0.1:9091/">ceres</a> + <a class="bookmark" href="https://my.vultr.com/">vultr</a> + <a class="bookmark" href="https://epik.com/">epik</a> </div> </div> - <div class="bookmark_set"> + <div class="bookmark_set" id="sites"> <div class="bookmark_title">sites</div> <div class="bookmark_links"> - <a href="https://perplexity.ai/">perp</a> - <a href="https://chatgpt.com/">gpt</a> + <a class="bookmark" href="https://perplexity.ai/">perp</a> + <a class="bookmark" href="https://chatgpt.com/">gpt</a> + </div> + </div> + <div class="bookmark_set" id="fun"> + <div class="bookmark_title">fun</div> + <div class="bookmark_links"> + <a class="bookmark" href="https://protondb.com/">protondb</a> + <a class="bookmark" href="https://diablo2.io/">diablo2.io</a> + <a class="bookmark" href="https://www.icy-veins.com/">icy veins</a> + </div> + </div> + <div class="bookmark_set" id="workwork"> + <div class="bookmark_title">work work</div> + <div class="bookmark_links"> + <a class="bookmark" href="https://atlas.nuabee.fr/">atlas</a> + <a class="bookmark" href="https://grafana.nuabee.fr/">grafana</a> + <a class="bookmark" href="https://grafana.nuabee.fr/d/xfpJB9FGz/linux-servers">gr_linux_servers</a> + <a class="bookmark" href="https://grafana.nuabee.fr/d/Mz11bd07k/vue-d-ensemble-machines-atelier">gr_restops</a> + <a class="bookmark" href="https://grafana.nuabee.fr/d/WojOgXTmk/ops-alerts">gr_alertops</a> + <a class="bookmark" href="https://support.nuabee.fr/">zammad</a> + <a class="bookmark" href="https://gitlab.int.ysosecure.com/">git</a> + <a class="bookmark" href="https://gitlab.int.ysosecure.com/ops/NuaProv/-/pipelines">pipes</a> + <a class="bookmark" href="https://mbs.nuabee.com/">mbs</a> + <a class="bookmark" href="https://doc.int.ysosecure.com/">doc</a> + <a class="bookmark" href="https://kb.int.ysosecure.com/">kb</a> + <a class="bookmark" href="http://hedgedoc.int.ysosecure.com/">hedgedoc</a> + <a class="bookmark" href="https://share.nuabee.fr/">share</a> + <a class="bookmark" href="https://windmill.nuabee.fr/">windmill</a> + <a class="bookmark" href="https://aether.int.ysosecure.com/ui">aether</a> + <a class="bookmark" href="https://gaia.int.ysosecure.com/">gaia</a> + <a class="bookmark" href="https://orca1.int.ysosecure.com/certsrv">certsrv</a> + <a class="bookmark" href="https://sentry.nuabee.fr/">sentry</a> + <a class="bookmark" href="https://leek.int.ysosecure.com/">leek</a> + <a class="bookmark" href="https://auth.otc.t-systems.com/">otc</a> + <a class="bookmark" href="https://dashboard.nm.nuabee.fr/">netmaker</a> </div> </div> </div> - <br> - <br> - <br> - <br> - <br> - <br> - <br> - <br> - <br> - <br> - <table> - <tr> - <th>joe town</th> - <th>sites</th> - <th>fun</th> - <th>work work</th> - </tr> - <tr> - <td></td> - <td><a href="https://protondb.com/">protondb</a></td> - <td><a href="https://atlas.nuabee.fr/">atlas</a></td> - </tr> - <tr> - <td></td> - <td></td> - <td><a href="https://diablo2.io/">diablo2.io</a></td> - <td><a href="https://grafana.nuabee.fr/">grafana</a></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - </tr> - <tr> - <td></td> - <td></td> - <td></td> - <td></td> - </tr> - </table> - <a href=""></a> </body> </html> |