anandbose/a-b.im
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update index.html

Browse source
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
1 changed files with 142 additions and 85 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

227
index.html
View file

@ -1,95 +1,152 @@
<!DOCTYPE html>
<html>
<head>
<title>Anand's (self-hosted) Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
<head>
<title>Anand's (self-hosted) Home</title>
<meta charset="utf-8">
<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 {
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;
width: 40rem;
margin: 2rem auto;
}
}
a {
color: blue;
}
a:visited {
color: blueviolet;
}
@media screen and (prefers-color-scheme: dark) {
table,
th,
td {
border: 1px solid white;
}
a {
text-decoration: none;
color: coral;
}
a:hover {
text-decoration: underline;
a:visited {
color: lightsalmon;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
body {
background-color: black;
color: white;
}
@media screen and (min-width: 42rem) {
body {
width: 40rem;
margin: 2rem auto;
}
table {
border: 1px solid white;
}
@media screen and (prefers-color-scheme: dark) {
table, th, td {
border: 1px solid white;
}
a {
color: coral;
}
a:visited {
color: lightsalmon;
}
body {
background-color: black;
color: white;
}
table {
border: 1px solid white;
}
}
</style>
</head>
<body>
<h1>Hello!</h1>
<p>
I am <a href="https://anandbose.dev" target="_blank">Anand Bose</a>.
Welcome to the directory of my on-premise server!
</p>
<p>
My old ThinkPad E14 laptop was collecting dust in the shelf, so I decided
to put it to good use. I made a server out of it and hosted a few services.
The services are exposed to the internet through Cloudflare tunnels.
</p>
<p>
I am looking forward for more open-source self-hostable projects,
and you can expect more applications running here, until it runs out of
capacity.
</p>
<h2>The Self-Hosted Setup</h2>
<ul>
<li>My ThinkPad E14 Laptop - Ubuntu 24.04 LTS</li>
<ul>
<li><a href="https://linuxcontainers.org/incus/">Incus</a> container host</li>
<ul>
<li>Mastodon (Ubuntu 24.04 LTS) - <a href="https://mastodon.a-b.im">mastodon.a-b.im</a></li>
<li>Bluesky PDS (Ubuntu 22.04 LTS) - <a href="https://bluesky-pds.a-b.im">bluesky-pds.a-b.im</a></li>
<li>Nginx (Ubuntu 24.04 LTS) - <a href="https://a-b.im">a-b.im</a></li>
<li>Forgejo (Ubuntu 24.04 LTS) - <a href="https://git.a-b.im">git.a-b.im</a></li>
</ul>
</ul>
</ul>
<h2>Contact</h2>
Feel free to talk!
<ul>
<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>
<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>
</ul>
</body>
}
</style>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
let block = document.getElementById('block');
setInterval(function () {
block.style.visibility = block.style.visibility === 'hidden' ? 'visible' : 'hidden';
}, 500);
});
</script>
</head>
<body>
<p>anandbose@thinkpad-e14:~$ <span id="block">&block;</span></p>
<h1>Hello!</h1>
<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!
</p>
<p>
My old ThinkPad E14 laptop was collecting dust in the shelf, so I decided
to put it to good use. I made a server out of it and hosted a few services.
The services are exposed to the internet through Cloudflare tunnels.
</p>
<p>
I am looking forward for more open-source self-hostable projects,
and you can expect more applications running here, until it runs out of
capacity.
</p>
<h2>The Self-Hosted Services</h2>
<table>
<thead>
<tr>
<th>Service</th>
<th>Link</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mastodon</td>
<td><a href="https://mastodon.a-b.im">mastodon.a-b.im</a></td>
</tr>
<tr>
<td>Bluesky (PDS)</td>
<td><a href="https://bluesky-pds.a-b.im">bluesky-pds.a-b.im</a></td>
</tr>
<tr>
<td>Nginx</td>
<td><a href="https://a-b.im">a-b.im</a></td>
</tr>
<tr>
<td>Forgejo</td>
<td><a href="https://git.a-b.im">git.a-b.im</a></td>
</tr>
</table>
<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>