summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--.config/browsers/home.html196
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>