Update index.html

This commit is contained in:
Anand Bose 2025-02-09 17:57:08 +05:30
parent 3cb0c49fbb
commit bde17a0f9f
Signed by: anandbose
GPG key ID: 69698042BA46B2B5

View file

@ -1,95 +1,152 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<title>Anand's (self-hosted) Home</title> <head>
<meta charset="utf-8"> <title>Anand's (self-hosted) Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8">
<style type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
body {
margin: 2rem 1rem;
line-height: 1.4rem;
font-family: ui-monospace,
Menlo, Monaco,
"Cascadia Mono", "Segoe UI Mono",
"Roboto Mono",
"Oxygen Mono",
"Ubuntu Mono",
"Fira Mono",
"Droid Sans Mono",
"Lucida Console",
"Consolas", "Courier New", monospace;
background-color: whitesmoke;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
th,
td {
padding: 0 1rem;
}
th {
text-align: start;
}
@media screen and (min-width: 42rem) {
body { body {
margin: 2rem 1rem; width: 40rem;
line-height: 1.4rem; margin: 2rem auto;
font-family: ui-monospace,
Menlo, Monaco,
"Cascadia Mono", "Segoe UI Mono",
"Roboto Mono",
"Oxygen Mono",
"Ubuntu Mono",
"Fira Mono",
"Droid Sans Mono",
"Lucida Console",
"Consolas", "Courier New", monospace;
background-color: whitesmoke;
} }
}
a {
color: blue;
}
a:visited {
color: blueviolet;
}
@media screen and (prefers-color-scheme: dark) {
table,
th,
td {
border: 1px solid white;
}
a { a {
text-decoration: none; color: coral;
} }
a:hover {
text-decoration: underline; a:visited {
color: lightsalmon;
} }
table, th, td {
border: 1px solid black; body {
border-collapse: collapse; background-color: black;
color: white;
} }
@media screen and (min-width: 42rem) {
body { table {
width: 40rem; border: 1px solid white;
margin: 2rem auto;
}
} }
@media screen and (prefers-color-scheme: dark) { }
table, th, td { </style>
border: 1px solid white; <script type="text/javascript">
} document.addEventListener('DOMContentLoaded', function () {
a { let block = document.getElementById('block');
color: coral; setInterval(function () {
} block.style.visibility = block.style.visibility === 'hidden' ? 'visible' : 'hidden';
a:visited { }, 500);
color: lightsalmon; });
} </script>
body { </head>
background-color: black;
color: white; <body>
} <p>anandbose@thinkpad-e14:~$ <span id="block">&block;</span></p>
table { <h1>Hello!</h1>
border: 1px solid white; <p>
} I am <a href="https://anandbose.dev" target="_blank">Anand Bose</a>.
} Welcome to the directory of my self-hosted services running in my on-premise server!
</style> </p>
</head> <p>
<body> My old ThinkPad E14 laptop was collecting dust in the shelf, so I decided
<h1>Hello!</h1> to put it to good use. I made a server out of it and hosted a few services.
<p> The services are exposed to the internet through Cloudflare tunnels.
I am <a href="https://anandbose.dev" target="_blank">Anand Bose</a>. </p>
Welcome to the directory of my on-premise server! <p>
</p> I am looking forward for more open-source self-hostable projects,
<p> and you can expect more applications running here, until it runs out of
My old ThinkPad E14 laptop was collecting dust in the shelf, so I decided capacity.
to put it to good use. I made a server out of it and hosted a few services. </p>
The services are exposed to the internet through Cloudflare tunnels. <h2>The Self-Hosted Services</h2>
</p> <table>
<p> <thead>
I am looking forward for more open-source self-hostable projects, <tr>
and you can expect more applications running here, until it runs out of <th>Service</th>
capacity. <th>Link</th>
</p> </tr>
<h2>The Self-Hosted Setup</h2> </thead>
<ul> <tbody>
<li>My ThinkPad E14 Laptop - Ubuntu 24.04 LTS</li> <tr>
<ul> <td>Mastodon</td>
<li><a href="https://linuxcontainers.org/incus/">Incus</a> container host</li> <td><a href="https://mastodon.a-b.im">mastodon.a-b.im</a></td>
<ul> </tr>
<li>Mastodon (Ubuntu 24.04 LTS) - <a href="https://mastodon.a-b.im">mastodon.a-b.im</a></li> <tr>
<li>Bluesky PDS (Ubuntu 22.04 LTS) - <a href="https://bluesky-pds.a-b.im">bluesky-pds.a-b.im</a></li> <td>Bluesky (PDS)</td>
<li>Nginx (Ubuntu 24.04 LTS) - <a href="https://a-b.im">a-b.im</a></li> <td><a href="https://bluesky-pds.a-b.im">bluesky-pds.a-b.im</a></td>
<li>Forgejo (Ubuntu 24.04 LTS) - <a href="https://git.a-b.im">git.a-b.im</a></li> </tr>
</ul> <tr>
</ul> <td>Nginx</td>
</ul> <td><a href="https://a-b.im">a-b.im</a></td>
<h2>Contact</h2> </tr>
Feel free to talk! <tr>
<ul> <td>Forgejo</td>
<li>Mastodon: <a href="https://mastodon.a-b.im/@anandbose" rel="me">@anandbose@a-b.im</a> / <a href="https://mastodon.online/@anandbose" rel="me">@anandbose@mastodon.online</a></li> <td><a href="https://git.a-b.im">git.a-b.im</a></td>
<li>Bluesky: <a href="https://bsky.app/profile/a-b.im">@a-b.im</a> / <a href="https://bsky.app/profile/anandbose.dev">@anandbose.dev</a></li> </tr>
</ul> </table>
</body> <h2>Contact</h2>
If you have any suggestions or feedback, feel free to contact me at any of the following profiles.
Also, if you are planning to self-host any services, I would be happy to help.
<p>
Mastodon: <a href="https://mastodon.a-b.im/@anandbose" rel="me">@anandbose@a-b.im</a><br>
Bluesky: <a href="https://bsky.app/profile/a-b.im">@a-b.im</a>
</p>
</body>
</html> </html>